@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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-0px -0px}
.webp .pop-top {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-0px -0px}
.no-webp .pop-top {background-size:1737px 1506px}
.webp .pop-top {background-size:1737px 1506px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1559px -718px}
.webp .pop-top .close-pop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1559px -718px}
.no-webp .pop-top .close-pop {background-size:1737px 1506px}
.webp .pop-top .close-pop {background-size:1737px 1506px}
.no-webp .pop-top .close-pop {background-position:-1559px -718px}
.webp .pop-top .close-pop {background-position:-1559px -718px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-930px -1356px}
.webp .pop-top .go-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-930px -1356px}
.no-webp .pop-top .go-btn {background-size:1737px 1506px}
.webp .pop-top .go-btn {background-size:1737px 1506px}
.no-webp .pop-top .go-btn {background-position:-930px -1356px}
.webp .pop-top .go-btn {background-position:-930px -1356px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1169px -1356px}
.webp .pop-top .go-btn:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1169px -1356px}
.no-webp .pop-top .go-btn:hover {background-size:1737px 1506px}
.webp .pop-top .go-btn:hover {background-size:1737px 1506px}
.no-webp .pop-top .go-btn:hover {background-position:-1169px -1356px}
.webp .pop-top .go-btn:hover {background-position:-1169px -1356px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-971px -940px}
.webp #app .go-top-btn {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-971px -940px}
.no-webp #app .go-top-btn {background-size:1737px 1506px}
.webp #app .go-top-btn {background-size:1737px 1506px}
.no-webp #app .go-top-btn {background-position:-971px -940px}
.webp #app .go-top-btn {background-position:-971px -940px}
#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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1643px -255px;

  background-size: auto}
.webp .player-wraper .player::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1643px -255px;

  background-size: auto}
.no-webp .player-wraper .player::before {background-size:1737px 1506px}
.webp .player-wraper .player::before {background-size:1737px 1506px}
.no-webp .player-wraper .player::before {background-position:-1643px -255px}
.webp .player-wraper .player::before {background-position:-1643px -255px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1531px -52px}
.webp .pop_init_hd .pop_hd_content .close_pv {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1531px -52px}
.no-webp .pop_init_hd .pop_hd_content .close_pv {background-size:1737px 1506px}
.webp .pop_init_hd .pop_hd_content .close_pv {background-size:1737px 1506px}
.no-webp .pop_init_hd .pop_hd_content .close_pv {background-position:-1531px -52px}
.webp .pop_init_hd .pop_hd_content .close_pv {background-position:-1531px -52px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1699px -718px}
.webp .pop_init_hd .pop_hd_content .close_pv i {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1699px -718px}
.no-webp .pop_init_hd .pop_hd_content .close_pv i {background-size:1737px 1506px}
.webp .pop_init_hd .pop_hd_content .close_pv i {background-size:1737px 1506px}
.no-webp .pop_init_hd .pop_hd_content .close_pv i {background-position:-1699px -718px}
.webp .pop_init_hd .pop_hd_content .close_pv i {background-position:-1699px -718px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1626px -52px}
.webp .pop_init_hd .pop_hd_content .close_pv:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1626px -52px}
.no-webp .pop_init_hd .pop_hd_content .close_pv:hover {background-size:1737px 1506px}
.webp .pop_init_hd .pop_hd_content .close_pv:hover {background-size:1737px 1506px}
.no-webp .pop_init_hd .pop_hd_content .close_pv:hover {background-position:-1626px -52px}
.webp .pop_init_hd .pop_hd_content .close_pv:hover {background-position:-1626px -52px}
.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_03503cee.jpg) no-repeat center center;
  background-size: cover}
.webp .part3 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/part3-bg_03503cee.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_0076e598.jpg) no-repeat center center;
  background-size: cover}
.webp .part4 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/part4-bg_0076e598.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_b573c5be.jpg) no-repeat center center;
  background-size: cover}
.webp .part6 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/part6-bg_b573c5be.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: 50px;
  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_neiyebiaotidaochu_000_b1b96375.png);
  background-size: 400% 400%}
.webp .z_neiyebiaoti_1_000 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_neiyebiaotidaochu_000_b1b96375.webp);
  background-size: 400% 400%}
.no-webp .z_neiyebiaoti_1_000 {background-size:400% 400%}
.webp .z_neiyebiaoti_1_000 {background-size:400% 400%}
.z_neiyebiaoti_1_000 {
  height: 186px;
  width: 1096px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_z_neiyebiaotidaochu_000 1s 0s steps(1) both;
          animation: sprite_z_neiyebiaotidaochu_000 1s 0s steps(1) both;
}
@-webkit-keyframes sprite_z_neiyebiaotidaochu_000 {
  0% {
    background-position: 0px 0px;
  }
  6.7% {
    background-position: -1096px 0px;
  }
  13.3% {
    background-position: -2192px 0px;
  }
  20% {
    background-position: -3288px 0px;
  }
  26.7% {
    background-position: 0px -186px;
  }
  33.3% {
    background-position: -1096px -186px;
  }
  40% {
    background-position: -2192px -186px;
  }
  46.7% {
    background-position: -3288px -186px;
  }
  53.3% {
    background-position: 0px -372px;
  }
  60% {
    background-position: -1096px -372px;
  }
  66.7% {
    background-position: -2192px -372px;
  }
  73.3% {
    background-position: -3288px -372px;
  }
  80% {
    background-position: 0px -558px;
  }
  86.7% {
    background-position: -1096px -558px;
  }
  93.3% {
    background-position: -2192px -558px;
  }
  100% {
    background-position: -2192px -558px;
  }
}
@keyframes sprite_z_neiyebiaotidaochu_000 {
  0% {
    background-position: 0px 0px;
  }
  6.7% {
    background-position: -1096px 0px;
  }
  13.3% {
    background-position: -2192px 0px;
  }
  20% {
    background-position: -3288px 0px;
  }
  26.7% {
    background-position: 0px -186px;
  }
  33.3% {
    background-position: -1096px -186px;
  }
  40% {
    background-position: -2192px -186px;
  }
  46.7% {
    background-position: -3288px -186px;
  }
  53.3% {
    background-position: 0px -372px;
  }
  60% {
    background-position: -1096px -372px;
  }
  66.7% {
    background-position: -2192px -372px;
  }
  73.3% {
    background-position: -3288px -372px;
  }
  80% {
    background-position: 0px -558px;
  }
  86.7% {
    background-position: -1096px -558px;
  }
  93.3% {
    background-position: -2192px -558px;
  }
  100% {
    background-position: -2192px -558px;
  }
}
/* 节点名：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-855f6d_855f6d3e.png);background-size:1744.9678899082571px 1506px;
background-position:-0px -1362.2201834862387px}
.webp .container-index .logo {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1744.9678899082571px 1506px;
background-position:-0px -1362.2201834862387px}
.no-webp .container-index .logo {background-size:1744.9678899082571px 1506px}
.webp .container-index .logo {background-size:1744.9678899082571px 1506px}
.no-webp .container-index .logo {background-position:-0px -1362.2201834862387px}
.webp .container-index .logo {background-position:-0px -1362.2201834862387px}
.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_476e0dd0.png) no-repeat}
.webp .container-index .sub-title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sub-title_476e0dd0.webp) no-repeat}
.container-index .sub-title {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 208px;
  width: 993px;
  height: 78px;
  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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-971px -494px}
.webp .container-index .slogan .btn-play-index:before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-971px -494px}
.no-webp .container-index .slogan .btn-play-index:before {background-size:1737px 1506px}
.webp .container-index .slogan .btn-play-index:before {background-size:1737px 1506px}
.no-webp .container-index .slogan .btn-play-index:before {background-position:-971px -494px}
.webp .container-index .slogan .btn-play-index:before {background-position:-971px -494px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-349px -750px}
.webp .container-index .btn-qxjh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-349px -750px}
.no-webp .container-index .btn-qxjh {background-size:1737px 1506px}
.webp .container-index .btn-qxjh {background-size:1737px 1506px}
.no-webp .container-index .btn-qxjh {background-position:-349px -750px}
.webp .container-index .btn-qxjh {background-position:-349px -750px}
.container-index .btn-qxjh {
width:336px;
height:245px;

  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: 178px;
  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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-971px -0px}
.webp .container-index .btn-xf {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-971px -0px}
.no-webp .container-index .btn-xf {background-size:1737px 1506px}
.webp .container-index .btn-xf {background-size:1737px 1506px}
.no-webp .container-index .btn-xf {background-position:-971px -0px}
.webp .container-index .btn-xf {background-position:-971px -0px}
.container-index .btn-xf {
width:245px;
height:252px;

  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: 82px;
  top: 8px;
  -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: 62px;
}
@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: 60px;
  width: 126px;
  text-align: center;
  font-size: 16px;
  color: #0B5258;
  letter-spacing: 0.04em;
}
.container-index .btn-xf .time {
  font-family: 'fzlth', serif;
  top: 172px;
}
.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: 130px;
}
@supports (-webkit-background-clip: text) {
.no-webp .container-index .btn-xf .yinfo {background:-webkit-gradient(linear, left top, left bottom, from(#1E9BAF), to(#6FE8A2))}
.webp .container-index .btn-xf .yinfo {background:-webkit-gradient(linear, left top, left bottom, from(#1E9BAF), to(#6FE8A2))}
.no-webp .container-index .btn-xf .yinfo {background:linear-gradient(180deg, #1E9BAF, #6FE8A2)}
.webp .container-index .btn-xf .yinfo {background:linear-gradient(180deg, #1E9BAF, #6FE8A2)}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-760px -0px}
.webp .container-index .left-download {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-760px -0px}
.no-webp .container-index .left-download {background-size:1737px 1506px}
.webp .container-index .left-download {background-size:1737px 1506px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -917px}
.webp .container-index .left-download .desktop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -917px}
.no-webp .container-index .left-download .desktop {background-size:1737px 1506px}
.webp .container-index .left-download .desktop {background-size:1737px 1506px}
.no-webp .container-index .left-download .desktop {background-position:-1531px -917px}
.webp .container-index .left-download .desktop {background-position:-1531px -917px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1657px -1038px}
.webp .container-index .left-download .desktop:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1657px -1038px}
.no-webp .container-index .left-download .desktop:hover {background-size:1737px 1506px}
.webp .container-index .left-download .desktop:hover {background-size:1737px 1506px}
.no-webp .container-index .left-download .desktop:hover {background-position:-1657px -1038px}
.webp .container-index .left-download .desktop:hover {background-position:-1657px -1038px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -1038px}
.webp .container-index .left-download .online-play {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -1038px}
.no-webp .container-index .left-download .online-play {background-size:1737px 1506px}
.webp .container-index .left-download .online-play {background-size:1737px 1506px}
.no-webp .container-index .left-download .online-play {background-position:-1531px -1038px}
.webp .container-index .left-download .online-play {background-position:-1531px -1038px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1594px -1038px}
.webp .container-index .left-download .online-play:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1594px -1038px}
.no-webp .container-index .left-download .online-play:hover {background-size:1737px 1506px}
.webp .container-index .left-download .online-play:hover {background-size:1737px 1506px}
.no-webp .container-index .left-download .online-play:hover {background-position:-1594px -1038px}
.webp .container-index .left-download .online-play:hover {background-position:-1594px -1038px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1595px -953px}
.webp .container-index .left-download .qrcode .scan-line {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1595px -953px}
.no-webp .container-index .left-download .qrcode .scan-line {background-size:1737px 1506px}
.webp .container-index .left-download .qrcode .scan-line {background-size:1737px 1506px}
.no-webp .container-index .left-download .qrcode .scan-line {background-position:-1595px -953px}
.webp .container-index .left-download .qrcode .scan-line {background-position:-1595px -953px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-349px -444px}
.webp .container-index .people {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-349px -444px}
.no-webp .container-index .people {background-size:1737px 1506px}
.webp .container-index .people {background-size:1737px 1506px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1721px -52px;

  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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1721px -52px;

  background-size: auto}
.no-webp .container-index .download h5:before, 
.no-webp .container-index .download h5:after {background-size:1737px 1506px}
.webp .container-index .download h5:before, 
.webp .container-index .download h5:after {background-size:1737px 1506px}
.no-webp .container-index .download h5:before, 
.no-webp .container-index .download h5:after {background-position:-1721px -52px}
.webp .container-index .download h5:before, 
.webp .container-index .download h5:after {background-position:-1721px -52px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -718px}
.webp .container-index .download .download-text {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -718px}
.no-webp .container-index .download .download-text {background-size:1737px 1506px}
.webp .container-index .download .download-text {background-size:1737px 1506px}
.no-webp .container-index .download .download-text {background-position:-1531px -718px}
.webp .container-index .download .download-text {background-position:-1531px -718px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1531px -329px}
.webp .container-index .download .hutong {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1531px -329px}
.no-webp .container-index .download .hutong {background-size:1737px 1506px}
.webp .container-index .download .hutong {background-size:1737px 1506px}
.no-webp .container-index .download .hutong {background-position:-1531px -329px}
.webp .container-index .download .hutong {background-position:-1531px -329px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1631px -329px}
.webp .container-index .download .hutong:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1631px -329px}
.no-webp .container-index .download .hutong:hover {background-size:1737px 1506px}
.webp .container-index .download .hutong:hover {background-size:1737px 1506px}
.no-webp .container-index .download .hutong:hover {background-position:-1631px -329px}
.webp .container-index .download .hutong:hover {background-position:-1631px -329px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1531px -618px}
.webp .container-index .download .hutong.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1531px -618px}
.no-webp .container-index .download .hutong.haspay {background-size:1737px 1506px}
.webp .container-index .download .hutong.haspay {background-size:1737px 1506px}
.no-webp .container-index .download .hutong.haspay {background-position:-1531px -618px}
.webp .container-index .download .hutong.haspay {background-position:-1531px -618px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1629px -618px}
.webp .container-index .download .hutong.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1629px -618px}
.no-webp .container-index .download .hutong.haspay:hover {background-size:1737px 1506px}
.webp .container-index .download .hutong.haspay:hover {background-size:1737px 1506px}
.no-webp .container-index .download .hutong.haspay:hover {background-position:-1629px -618px}
.webp .container-index .download .hutong.haspay:hover {background-position:-1629px -618px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1623px -718px}
.webp .container-index .download .online-play {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1623px -718px}
.no-webp .container-index .download .online-play {background-size:1737px 1506px}
.webp .container-index .download .online-play {background-size:1737px 1506px}
.no-webp .container-index .download .online-play {background-position:-1623px -718px}
.webp .container-index .download .online-play {background-position:-1623px -718px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1559px -781px}
.webp .container-index .download .online-play:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1559px -781px}
.no-webp .container-index .download .online-play:hover {background-size:1737px 1506px}
.webp .container-index .download .online-play:hover {background-size:1737px 1506px}
.no-webp .container-index .download .online-play:hover {background-position:-1559px -781px}
.webp .container-index .download .online-play:hover {background-position:-1559px -781px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1383px -484px}
.webp .container-index .download .desktop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1383px -484px}
.no-webp .container-index .download .desktop {background-size:1737px 1506px}
.webp .container-index .download .desktop {background-size:1737px 1506px}
.no-webp .container-index .download .desktop {background-position:-1383px -484px}
.webp .container-index .download .desktop {background-position:-1383px -484px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1675px -917px}
.webp .container-index .download .desktop::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1675px -917px}
.no-webp .container-index .download .desktop::after {background-size:1737px 1506px}
.webp .container-index .download .desktop::after {background-size:1737px 1506px}
.no-webp .container-index .download .desktop::after {background-position:-1675px -917px}
.webp .container-index .download .desktop::after {background-position:-1675px -917px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1383px -652px}
.webp .container-index .download .desktop:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1383px -652px}
.no-webp .container-index .download .desktop:hover {background-size:1737px 1506px}
.webp .container-index .download .desktop:hover {background-size:1737px 1506px}
.no-webp .container-index .download .desktop:hover {background-position:-1383px -652px}
.webp .container-index .download .desktop:hover {background-position:-1383px -652px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -411px}
.webp .container-index .download .taptap {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -411px}
.no-webp .container-index .download .taptap {background-size:1737px 1506px}
.webp .container-index .download .taptap {background-size:1737px 1506px}
.no-webp .container-index .download .taptap {background-position:-1531px -411px}
.webp .container-index .download .taptap {background-position:-1531px -411px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1631px -411px}
.webp .container-index .download .taptap:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1631px -411px}
.no-webp .container-index .download .taptap:hover {background-size:1737px 1506px}
.webp .container-index .download .taptap:hover {background-size:1737px 1506px}
.no-webp .container-index .download .taptap:hover {background-position:-1631px -411px}
.webp .container-index .download .taptap:hover {background-position:-1631px -411px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1615px -493px}
.webp .container-index .download .taptap.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1615px -493px}
.no-webp .container-index .download .taptap.haspay {background-size:1737px 1506px}
.webp .container-index .download .taptap.haspay {background-size:1737px 1506px}
.no-webp .container-index .download .taptap.haspay {background-position:-1615px -493px}
.webp .container-index .download .taptap.haspay {background-position:-1615px -493px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -668px}
.webp .container-index .download .taptap.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -668px}
.no-webp .container-index .download .taptap.haspay:hover {background-size:1737px 1506px}
.webp .container-index .download .taptap.haspay:hover {background-size:1737px 1506px}
.no-webp .container-index .download .taptap.haspay:hover {background-position:-1531px -668px}
.webp .container-index .download .taptap.haspay:hover {background-position:-1531px -668px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -255px}
.webp .container-index .download .pay::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -255px}
.no-webp .container-index .download .pay::after {background-size:1737px 1506px}
.webp .container-index .download .pay::after {background-size:1737px 1506px}
.no-webp .container-index .download .pay::after {background-position:-1531px -255px}
.webp .container-index .download .pay::after {background-position:-1531px -255px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1615px -543px}
.webp .container-index .download .shuoming {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1615px -543px}
.no-webp .container-index .download .shuoming {background-size:1737px 1506px}
.webp .container-index .download .shuoming {background-size:1737px 1506px}
.no-webp .container-index .download .shuoming {background-position:-1615px -543px}
.webp .container-index .download .shuoming {background-position:-1615px -543px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1629px -668px}
.webp .container-index .download .shuoming:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1629px -668px}
.no-webp .container-index .download .shuoming:hover {background-size:1737px 1506px}
.webp .container-index .download .shuoming:hover {background-size:1737px 1506px}
.no-webp .container-index .download .shuoming:hover {background-position:-1629px -668px}
.webp .container-index .download .shuoming:hover {background-position:-1629px -668px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -148px}
.webp .container-index .download .shoushen {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -148px}
.no-webp .container-index .download .shoushen {background-size:1737px 1506px}
.webp .container-index .download .shoushen {background-size:1737px 1506px}
.no-webp .container-index .download .shoushen {background-position:-1531px -148px}
.webp .container-index .download .shoushen {background-position:-1531px -148px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1612px -148px}
.webp .container-index .download .shoushen:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1612px -148px}
.no-webp .container-index .download .shoushen:hover {background-size:1737px 1506px}
.webp .container-index .download .shoushen:hover {background-size:1737px 1506px}
.no-webp .container-index .download .shoushen:hover {background-position:-1612px -148px}
.webp .container-index .download .shoushen:hover {background-position:-1612px -148px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1709px -781px}
.webp .container-index .download .shoushen-faq {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1709px -781px}
.no-webp .container-index .download .shoushen-faq {background-size:1737px 1506px}
.webp .container-index .download .shoushen-faq {background-size:1737px 1506px}
.no-webp .container-index .download .shoushen-faq {background-position:-1709px -781px}
.webp .container-index .download .shoushen-faq {background-position:-1709px -781px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1713px -832px}
.webp .container-index .download .shoushen-faq:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1713px -832px}
.no-webp .container-index .download .shoushen-faq:hover {background-size:1737px 1506px}
.webp .container-index .download .shoushen-faq:hover {background-size:1737px 1506px}
.no-webp .container-index .download .shoushen-faq:hover {background-position:-1713px -832px}
.webp .container-index .download .shoushen-faq:hover {background-position:-1713px -832px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-760px -1082px}
.webp .container-index .download .ios, 
.webp .container-index .download .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-760px -1082px}
.no-webp .container-index .download .ios, 
.no-webp .container-index .download .android {background-size:1737px 1506px}
.webp .container-index .download .ios, 
.webp .container-index .download .android {background-size:1737px 1506px}
.no-webp .container-index .download .ios, 
.no-webp .container-index .download .android {background-position:-760px -1082px}
.webp .container-index .download .ios, 
.webp .container-index .download .android {background-position:-760px -1082px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-210px -1454px}
.webp .container-index .download .ios.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-210px -1454px}
.no-webp .container-index .download .ios.haspay {background-size:1737px 1506px}
.webp .container-index .download .ios.haspay {background-size:1737px 1506px}
.no-webp .container-index .download .ios.haspay {background-position:-210px -1454px}
.webp .container-index .download .ios.haspay {background-position:-210px -1454px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-420px -1454px}
.webp .container-index .download .ios.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-420px -1454px}
.no-webp .container-index .download .ios.haspay:hover {background-size:1737px 1506px}
.webp .container-index .download .ios.haspay:hover {background-size:1737px 1506px}
.no-webp .container-index .download .ios.haspay:hover {background-position:-420px -1454px}
.webp .container-index .download .ios.haspay:hover {background-position:-420px -1454px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-630px -1454px}
.webp .container-index .download .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-630px -1454px}
.no-webp .container-index .download .android {background-size:1737px 1506px}
.webp .container-index .download .android {background-size:1737px 1506px}
.no-webp .container-index .download .android {background-position:-630px -1454px}
.webp .container-index .download .android {background-position:-630px -1454px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1254px -1454px}
.webp .container-index .download .android.haspay {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1254px -1454px}
.no-webp .container-index .download .android.haspay {background-size:1737px 1506px}
.webp .container-index .download .android.haspay {background-size:1737px 1506px}
.no-webp .container-index .download .android.haspay {background-position:-1254px -1454px}
.webp .container-index .download .android.haspay {background-position:-1254px -1454px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -0px}
.webp .container-index .download .android.haspay:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -0px}
.no-webp .container-index .download .android.haspay:hover {background-size:1737px 1506px}
.webp .container-index .download .android.haspay:hover {background-size:1737px 1506px}
.no-webp .container-index .download .android.haspay:hover {background-position:-1531px -0px}
.webp .container-index .download .android.haspay:hover {background-position:-1531px -0px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1595px -953px}
.webp .container-index .download .qrcode .scan-line {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1595px -953px}
.no-webp .container-index .download .qrcode .scan-line {background-size:1737px 1506px}
.webp .container-index .download .qrcode .scan-line {background-size:1737px 1506px}
.no-webp .container-index .download .qrcode .scan-line {background-position:-1595px -953px}
.webp .container-index .download .qrcode .scan-line {background-position:-1595px -953px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-210px -1454px}
.webp .container-index .download.download-qudao .ios {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-210px -1454px}
.no-webp .container-index .download.download-qudao .ios {background-size:1737px 1506px}
.webp .container-index .download.download-qudao .ios {background-size:1737px 1506px}
.no-webp .container-index .download.download-qudao .ios {background-position:-210px -1454px}
.webp .container-index .download.download-qudao .ios {background-position:-210px -1454px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-420px -1454px}
.webp .container-index .download.download-qudao .ios:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-420px -1454px}
.no-webp .container-index .download.download-qudao .ios:hover {background-size:1737px 1506px}
.webp .container-index .download.download-qudao .ios:hover {background-size:1737px 1506px}
.no-webp .container-index .download.download-qudao .ios:hover {background-position:-420px -1454px}
.webp .container-index .download.download-qudao .ios:hover {background-position:-420px -1454px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1254px -1454px}
.webp .container-index .download.download-qudao .android {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1254px -1454px}
.no-webp .container-index .download.download-qudao .android {background-size:1737px 1506px}
.webp .container-index .download.download-qudao .android {background-size:1737px 1506px}
.no-webp .container-index .download.download-qudao .android {background-position:-1254px -1454px}
.webp .container-index .download.download-qudao .android {background-position:-1254px -1454px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1531px -0px}
.webp .container-index .download.download-qudao .android:hover {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1531px -0px}
.no-webp .container-index .download.download-qudao .android:hover {background-size:1737px 1506px}
.webp .container-index .download.download-qudao .android:hover {background-size:1737px 1506px}
.no-webp .container-index .download.download-qudao .android:hover {background-position:-1531px -0px}
.webp .container-index .download.download-qudao .android:hover {background-position:-1531px -0px}
.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_da4a5927.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_da4a5927.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: 30px;
  top: 69px;
  height: 56px;
  padding-left: 26px;
  padding-bottom: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 22px;
  color: #fff;
  text-indent: 0;
  line-height: 52px;
}
.container-index .share-wrap a {
  font: normal 20px 'Microsoft YaHei';
}
.container-index .share-wrap .gw:hover {
  color: #3AC2A2;
}
.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-right: 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: -664px;
  margin-top: -160px;
  height: 424px;
  width: 1328px;
  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_slogandaochu_000_b801aa73.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_slogandaochu_000_b801aa73.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 {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  height: 424px;
  width: 1328px;
  mix-blend-mode: normal;
  -webkit-animation: z_slogan_001_anim 0.58s 0s linear both, sprite_z_slogandaochu_000 0.88s 0s steps(1) normal;
          animation: z_slogan_001_anim 0.58s 0s linear both, sprite_z_slogandaochu_000 0.88s 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_slogandaochu_000 {
  0% {
    background-position: 0px 0px;
  }
  9.5% {
    background-position: -1328px 0px;
  }
  19% {
    background-position: -2656px 0px;
  }
  28.6% {
    background-position: -3984px 0px;
  }
  38.1% {
    background-position: 0px -424px;
  }
  47.6% {
    background-position: -1328px -424px;
  }
  57.1% {
    background-position: -2656px -424px;
  }
  66.7% {
    background-position: -3984px -424px;
  }
  76.2% {
    background-position: 0px -848px;
  }
  85.7% {
    background-position: -1328px -848px;
  }
  95.2% {
    background-position: -2656px -848px;
  }
  100% {
    background-position: -2656px -848px;
  }
}
@keyframes sprite_z_slogandaochu_000 {
  0% {
    background-position: 0px 0px;
  }
  9.5% {
    background-position: -1328px 0px;
  }
  19% {
    background-position: -2656px 0px;
  }
  28.6% {
    background-position: -3984px 0px;
  }
  38.1% {
    background-position: 0px -424px;
  }
  47.6% {
    background-position: -1328px -424px;
  }
  57.1% {
    background-position: -2656px -424px;
  }
  66.7% {
    background-position: -3984px -424px;
  }
  76.2% {
    background-position: 0px -848px;
  }
  85.7% {
    background-position: -1328px -848px;
  }
  95.2% {
    background-position: -2656px -848px;
  }
  100% {
    background-position: -2656px -848px;
  }
}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_slogandaochu_001_3907e877.png);
  background-size: 500% 400%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite_z_slogandaochu_001_3907e877.webp);
  background-size: 500% 400%}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background-size:500% 400%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background-size:500% 400%}
.zslogan_fenceng_hecheng_12 .z_slogan_8_001 {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  height: 424px;
  width: 1328px;
  mix-blend-mode: normal;
  -webkit-animation: z_slogan_000_anim 0.292s 0.58s linear both, sprite_z_slogandaochu_001 2.33s 0s steps(1) infinite normal;
          animation: z_slogan_000_anim 0.292s 0.58s linear both, sprite_z_slogandaochu_001 2.33s 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_slogandaochu_001 {
  0% {
    background-position: 0px 0px;
  }
  41.1% {
    background-position: -1328px 0px;
  }
  44.6% {
    background-position: -2656px 0px;
  }
  48.2% {
    background-position: -3984px 0px;
  }
  51.8% {
    background-position: -5312px 0px;
  }
  55.4% {
    background-position: 0px -424px;
  }
  58.9% {
    background-position: -1328px -424px;
  }
  62.5% {
    background-position: -2656px -424px;
  }
  66.1% {
    background-position: -3984px -424px;
  }
  69.6% {
    background-position: -5312px -424px;
  }
  73.2% {
    background-position: 0px -848px;
  }
  76.8% {
    background-position: -1328px -848px;
  }
  80.4% {
    background-position: -2656px -848px;
  }
  83.9% {
    background-position: -3984px -848px;
  }
  87.5% {
    background-position: -5312px -848px;
  }
  91.1% {
    background-position: 0px -1272px;
  }
  94.6% {
    background-position: -1328px -1272px;
  }
  98.2% {
    background-position: -2656px -1272px;
  }
  100% {
    background-position: -2656px -1272px;
  }
}
@keyframes sprite_z_slogandaochu_001 {
  0% {
    background-position: 0px 0px;
  }
  41.1% {
    background-position: -1328px 0px;
  }
  44.6% {
    background-position: -2656px 0px;
  }
  48.2% {
    background-position: -3984px 0px;
  }
  51.8% {
    background-position: -5312px 0px;
  }
  55.4% {
    background-position: 0px -424px;
  }
  58.9% {
    background-position: -1328px -424px;
  }
  62.5% {
    background-position: -2656px -424px;
  }
  66.1% {
    background-position: -3984px -424px;
  }
  69.6% {
    background-position: -5312px -424px;
  }
  73.2% {
    background-position: 0px -848px;
  }
  76.8% {
    background-position: -1328px -848px;
  }
  80.4% {
    background-position: -2656px -848px;
  }
  83.9% {
    background-position: -3984px -848px;
  }
  87.5% {
    background-position: -5312px -848px;
  }
  91.1% {
    background-position: 0px -1272px;
  }
  94.6% {
    background-position: -1328px -1272px;
  }
  98.2% {
    background-position: -2656px -1272px;
  }
  100% {
    background-position: -2656px -1272px;
  }
}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-971px -494px}
.webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-971px -494px}
.no-webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-size:1737px 1506px}
.webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-size:1737px 1506px}
.no-webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-position:-971px -494px}
.webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-position:-971px -494px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-349px -997px}
.webp .year-datum .year-header .header-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-349px -997px}
.no-webp .year-datum .year-header .header-bg {background-size:1737px 1506px}
.webp .year-datum .year-header .header-bg {background-size:1737px 1506px}
.no-webp .year-datum .year-header .header-bg {background-position:-349px -997px}
.webp .year-datum .year-header .header-bg {background-position:-349px -997px}
.year-datum .year-header .header-bg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 30px;
width:289px;
height:81px;

  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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-0px -444px}
.webp .year-datum .sw-warpper .f-tit {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-0px -444px}
.no-webp .year-datum .sw-warpper .f-tit {background-size:1737px 1506px}
.webp .year-datum .sw-warpper .f-tit {background-size:1737px 1506px}
.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: #2F8D9E;
  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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1714px -493px}
.webp .year-datum .datum-index .swiper-pagination-bullet {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1714px -493px}
.no-webp .year-datum .datum-index .swiper-pagination-bullet {background-size:1737px 1506px}
.webp .year-datum .datum-index .swiper-pagination-bullet {background-size:1737px 1506px}
.no-webp .year-datum .datum-index .swiper-pagination-bullet {background-position:-1714px -493px}
.webp .year-datum .datum-index .swiper-pagination-bullet {background-position:-1714px -493px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1685px -879px}
.webp .year-datum .datum-index .swiper-pagination-bullet-active {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1685px -879px}
.no-webp .year-datum .datum-index .swiper-pagination-bullet-active {background-size:1737px 1506px}
.webp .year-datum .datum-index .swiper-pagination-bullet-active {background-size:1737px 1506px}
.no-webp .year-datum .datum-index .swiper-pagination-bullet-active {background-position:-1685px -879px}
.webp .year-datum .datum-index .swiper-pagination-bullet-active {background-position:-1685px -879px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-694px -1356px}
.webp .container-feature .title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-694px -1356px}
.no-webp .container-feature .title {background-size:1737px 1506px}
.webp .container-feature .title {background-size:1737px 1506px}
.no-webp .container-feature .title {background-position:-694px -1356px}
.webp .container-feature .title {background-position:-694px -1356px}
.container-feature .title {
  scale: 1;
  font-size: 0px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 30px;
width:234px;
height:82px;

  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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1383px -820px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1383px -820px}
.no-webp .container-feature .swiper-feature .swiper-button-prev, 
.no-webp .container-feature .swiper-feature .gallery-prev {background-size:1737px 1506px}
.webp .container-feature .swiper-feature .swiper-button-prev, 
.webp .container-feature .swiper-feature .gallery-prev {background-size:1737px 1506px}
.no-webp .container-feature .swiper-feature .swiper-button-prev, 
.no-webp .container-feature .swiper-feature .gallery-prev {background-position:-1383px -820px}
.webp .container-feature .swiper-feature .swiper-button-prev, 
.webp .container-feature .swiper-feature .gallery-prev {background-position:-1383px -820px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1383px -934px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1383px -934px}
.no-webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.no-webp .container-feature .swiper-feature .gallery-prev:hover {background-size:1737px 1506px}
.webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.webp .container-feature .swiper-feature .gallery-prev:hover {background-size:1737px 1506px}
.no-webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.no-webp .container-feature .swiper-feature .gallery-prev:hover {background-position:-1383px -934px}
.webp .container-feature .swiper-feature .swiper-button-prev:hover, 
.webp .container-feature .swiper-feature .gallery-prev:hover {background-position:-1383px -934px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1383px -1048px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1383px -1048px}
.no-webp .container-feature .swiper-feature .swiper-button-next, 
.no-webp .container-feature .swiper-feature .gallery-next {background-size:1737px 1506px}
.webp .container-feature .swiper-feature .swiper-button-next, 
.webp .container-feature .swiper-feature .gallery-next {background-size:1737px 1506px}
.no-webp .container-feature .swiper-feature .swiper-button-next, 
.no-webp .container-feature .swiper-feature .gallery-next {background-position:-1383px -1048px}
.webp .container-feature .swiper-feature .swiper-button-next, 
.webp .container-feature .swiper-feature .gallery-next {background-position:-1383px -1048px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1383px -1162px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1383px -1162px}
.no-webp .container-feature .swiper-feature .swiper-button-next:hover, 
.no-webp .container-feature .swiper-feature .gallery-next:hover {background-size:1737px 1506px}
.webp .container-feature .swiper-feature .swiper-button-next:hover, 
.webp .container-feature .swiper-feature .gallery-next:hover {background-size:1737px 1506px}
.no-webp .container-feature .swiper-feature .swiper-button-next:hover, 
.no-webp .container-feature .swiper-feature .gallery-next:hover {background-position:-1383px -1162px}
.webp .container-feature .swiper-feature .swiper-button-next:hover, 
.webp .container-feature .swiper-feature .gallery-next:hover {background-position:-1383px -1162px}
.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_bb7e44d3.png)}
.webp .container-feature .gallery-container .gallery-item .img {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bg_bb7e44d3.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1693px -148px}
.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-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1693px -148px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1693px -148px}
.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:-1693px -148px}
.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:42px;
height:42px;

  margin: 0 25px !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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1693px -192px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1693px -192px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1693px -192px}
.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:-1693px -192px}
.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:42px;
height:42px;

}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-220px -1356px}
.webp .container-job .title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-220px -1356px}
.no-webp .container-job .title {background-size:1737px 1506px}
.webp .container-job .title {background-size:1737px 1506px}
.no-webp .container-job .title {background-position:-220px -1356px}
.webp .container-job .title {background-position:-220px -1356px}
.container-job .title {
  font-size: 0px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 30px;
width:235px;
height:82px;

  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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-220px -1440px}
.webp .container-job .job-swiper .info-box .name-info::after {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-220px -1440px}
.no-webp .container-job .job-swiper .info-box .name-info::after {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .name-info::after {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .name-info::after {background-position:-220px -1440px}
.webp .container-job .job-swiper .info-box .name-info::after {background-position:-220px -1440px}
.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_568c9f0a.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_568c9f0a.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_a9c62425.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_a9c62425.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_6f99de95.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_6f99de95.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_1479d85a.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_1479d85a.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_f5eebeff.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_f5eebeff.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_972b2f83.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_972b2f83.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_fade63f1.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_fade63f1.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_1f0b4b2a.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_1f0b4b2a.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_99b0c607.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_99b0c607.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_0f33a47b.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_0f33a47b.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1693px -236px}
.webp .container-job .job-swiper .info-box .info .stars b {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1693px -236px}
.no-webp .container-job .job-swiper .info-box .info .stars b {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .info .stars b {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .info .stars b {background-position:-1693px -236px}
.webp .container-job .job-swiper .info-box .info .stars b {background-position:-1693px -236px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1712px -236px}
.webp .container-job .job-swiper .info-box .info .stars b.fill {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1712px -236px}
.no-webp .container-job .job-swiper .info-box .info .stars b.fill {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .info .stars b.fill {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .info .stars b.fill {background-position:-1712px -236px}
.webp .container-job .job-swiper .info-box .info .stars b.fill {background-position:-1712px -236px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-760px -387px}
.webp .container-job .job-swiper .info-box .radar-box .radar {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-760px -387px}
.no-webp .container-job .job-swiper .info-box .radar-box .radar {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .radar {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .radar {background-position:-760px -387px}
.webp .container-job .job-swiper .info-box .radar-box .radar {background-position:-760px -387px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-349px -1163px}
.webp .container-job .job-swiper .info-box .radar-box .index {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-349px -1163px}
.no-webp .container-job .job-swiper .info-box .radar-box .index {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .index {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .index {background-position:-349px -1163px}
.webp .container-job .job-swiper .info-box .radar-box .index {background-position:-349px -1163px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -576px}
.webp .container-job .job-swiper .info-box .radar-box .index::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -576px}
.no-webp .container-job .job-swiper .info-box .radar-box .index::before {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .index::before {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .index::before {background-position:-1531px -576px}
.webp .container-job .job-swiper .info-box .radar-box .index::before {background-position:-1531px -576px}
.container-job .job-swiper .info-box .radar-box .index::before {
  content: "";
width:129px;
height:40px;

  position: absolute;
  top: 3px;
  left: 3px;
  -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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-760px -526px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-760px -526px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background-position:-760px -526px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-xy {background-position:-760px -526px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-760px -665px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-760px -665px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background-position:-760px -665px}
.webp .container-job .job-swiper .info-box .radar-box .r-lx-cq {background-position:-760px -665px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-760px -804px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-760px -804px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background-position:-760px -804px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-jh {background-position:-760px -804px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-760px -943px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-760px -943px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background-position:-760px -943px}
.webp .container-job .job-swiper .info-box .radar-box .r-tz-lh {background-position:-760px -943px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1218px -0px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1218px -0px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background-position:-1218px -0px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-lg {background-position:-1218px -0px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1218px -139px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1218px -139px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background-position:-1218px -139px}
.webp .container-job .job-swiper .info-box .radar-box .r-st-dg {background-position:-1218px -139px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1218px -278px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1218px -278px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background-position:-1218px -278px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-ft {background-position:-1218px -278px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1218px -417px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1218px -417px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background-position:-1218px -417px}
.webp .container-job .job-swiper .info-box .radar-box .r-yx-xb {background-position:-1218px -417px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1218px -556px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1218px -556px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background-position:-1218px -556px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-ql {background-position:-1218px -556px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1218px -695px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1218px -695px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background-position:-1218px -695px}
.webp .container-job .job-swiper .info-box .radar-box .r-ll-qh {background-position:-1218px -695px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1218px -834px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1218px -834px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background-position:-1218px -834px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-yg {background-position:-1218px -834px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1218px -973px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1218px -973px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background-position:-1218px -973px}
.webp .container-job .job-swiper .info-box .radar-box .r-lg-jm {background-position:-1218px -973px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-0px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-0px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background-position:-0px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-sy {background-position:-0px -1217px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-165px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-165px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background-position:-165px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-gr-dy {background-position:-165px -1217px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-330px -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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-330px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background-position:-330px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ys {background-position:-330px -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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-495px -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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-495px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background-position:-495px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yt-ts {background-position:-495px -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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-660px -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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-660px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background-position:-660px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-dr {background-position:-660px -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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-825px -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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-825px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background-position:-825px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-yc-lr {background-position:-825px -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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-990px -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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-990px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background-position:-990px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-sc {background-position:-990px -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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1155px -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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1155px -1217px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background-size:1737px 1506px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background-position:-1155px -1217px}
.webp .container-job .job-swiper .info-box .radar-box .r-sy-tj {background-position:-1155px -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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1595px -917px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1595px -917px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1595px -917px}
.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:-1595px -917px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1662px -576px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1662px -576px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1662px -576px}
.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:-1662px -576px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -879px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -879px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1531px -879px}
.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:-1531px -879px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1605px -1000px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1605px -1000px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1605px -1000px}
.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:-1605px -1000px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -1082px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -1082px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1531px -1082px}
.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:-1531px -1082px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -962px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -962px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1531px -962px}
.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:-1531px -962px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1661px -1118px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1661px -1118px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1661px -1118px}
.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:-1661px -1118px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1605px -1229px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1605px -1229px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1605px -1229px}
.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:-1605px -1229px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -1159px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -1159px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1531px -1159px}
.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:-1531px -1159px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -1193px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -1193px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1531px -1193px}
.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:-1531px -1193px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1605px -962px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1605px -962px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1605px -962px}
.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:-1605px -962px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1601px -1193px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1601px -1193px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1601px -1193px}
.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:-1601px -1193px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1607px -1082px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1607px -1082px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1607px -1082px}
.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:-1607px -1082px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -1000px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -1000px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1531px -1000px}
.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:-1531px -1000px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1637px -832px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1637px -832px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1637px -832px}
.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:-1637px -832px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1609px -879px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1609px -879px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1609px -879px}
.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:-1609px -879px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1559px -832px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1559px -832px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1559px -832px}
.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:-1559px -832px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1609px -1159px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1609px -1159px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1609px -1159px}
.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:-1609px -1159px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -1229px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -1229px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1531px -1229px}
.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:-1531px -1229px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -1263px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -1263px}
.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:1737px 1506px}
.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:1737px 1506px}
.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:-1531px -1263px}
.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:-1531px -1263px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1085px -1041px;

  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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1085px -1041px;

  background-size: auto}
.no-webp .container-job .job-swiper .play-box .player-wraper .player {background-size:1737px 1506px}
.webp .container-job .job-swiper .play-box .player-wraper .player {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .play-box .player-wraper .player {background-position:-1085px -1041px}
.webp .container-job .job-swiper .play-box .player-wraper .player {background-position:-1085px -1041px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1085px -940px}
.webp .container-job .job-swiper .button-next {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1085px -940px}
.no-webp .container-job .job-swiper .button-next {background-size:1737px 1506px}
.webp .container-job .job-swiper .button-next {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .button-next {background-position:-1085px -940px}
.webp .container-job .job-swiper .button-next {background-position:-1085px -940px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1085px -940px}
.webp .container-job .job-swiper .button-prev {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1085px -940px}
.no-webp .container-job .job-swiper .button-prev {background-size:1737px 1506px}
.webp .container-job .job-swiper .button-prev {background-size:1737px 1506px}
.no-webp .container-job .job-swiper .button-prev {background-position:-1085px -940px}
.webp .container-job .job-swiper .button-prev {background-position:-1085px -940px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-971px -1142px}
.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-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-971px -1142px}
.no-webp .container-job .job-pagination span:hover::after, 
.no-webp .container-job .job-pagination span.active::after {background-size:1737px 1506px}
.webp .container-job .job-pagination span:hover::after, 
.webp .container-job .job-pagination span.active::after {background-size:1737px 1506px}
.no-webp .container-job .job-pagination span:hover::after, 
.no-webp .container-job .job-pagination span.active::after {background-position:-971px -1142px}
.webp .container-job .job-pagination span:hover::after, 
.webp .container-job .job-pagination span.active::after {background-position:-971px -1142px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-457px -1356px}
.webp .fashion-container .fashion-title {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-457px -1356px}
.no-webp .fashion-container .fashion-title {background-size:1737px 1506px}
.webp .fashion-container .fashion-title {background-size:1737px 1506px}
.no-webp .fashion-container .fashion-title {background-position:-457px -1356px}
.webp .fashion-container .fashion-title {background-position:-457px -1356px}
.fashion-container .fashion-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 30px;
width:235px;
height:82px;

  z-index: 9999;
}
.no-webp .fashion-container .header-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-349px -1080px}
.webp .fashion-container .header-bg {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-349px -1080px}
.no-webp .fashion-container .header-bg {background-size:1737px 1506px}
.webp .fashion-container .header-bg {background-size:1737px 1506px}
.no-webp .fashion-container .header-bg {background-position:-349px -1080px}
.webp .fashion-container .header-bg {background-position:-349px -1080px}
.fashion-container .header-bg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-61%);
          transform: translateX(-61%);
  top: 40px;
width:289px;
height:81px;

  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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1383px -294px}
.webp .fashion-container .fashion-swiper .zhuanpan-box::before {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1383px -294px}
.no-webp .fashion-container .fashion-swiper .zhuanpan-box::before {background-size:1737px 1506px}
.webp .fashion-container .fashion-swiper .zhuanpan-box::before {background-size:1737px 1506px}
.no-webp .fashion-container .fashion-swiper .zhuanpan-box::before {background-position:-1383px -294px}
.webp .fashion-container .fashion-swiper .zhuanpan-box::before {background-position:-1383px -294px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1383px -0px}
.webp .fashion-container .fashion-swiper .zhuanpan {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1383px -0px}
.no-webp .fashion-container .fashion-swiper .zhuanpan {background-size:1737px 1506px}
.webp .fashion-container .fashion-swiper .zhuanpan {background-size:1737px 1506px}
.no-webp .fashion-container .fashion-swiper .zhuanpan {background-position:-1383px -0px}
.webp .fashion-container .fashion-swiper .zhuanpan {background-position:-1383px -0px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-971px -734px}
.webp .fashion-container .fashion-swiper .icon-zhen {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-971px -734px}
.no-webp .fashion-container .fashion-swiper .icon-zhen {background-size:1737px 1506px}
.webp .fashion-container .fashion-swiper .icon-zhen {background-size:1737px 1506px}
.no-webp .fashion-container .fashion-swiper .icon-zhen {background-position:-971px -734px}
.webp .fashion-container .fashion-swiper .icon-zhen {background-position:-971px -734px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1531px -1118px}
.webp .fashion-container .sz-pagination .sz-btn-prev {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1531px -1118px}
.no-webp .fashion-container .sz-pagination .sz-btn-prev {background-size:1737px 1506px}
.webp .fashion-container .sz-pagination .sz-btn-prev {background-size:1737px 1506px}
.no-webp .fashion-container .sz-pagination .sz-btn-prev {background-position:-1531px -1118px}
.webp .fashion-container .sz-pagination .sz-btn-prev {background-position:-1531px -1118px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1596px -1118px}
.webp .fashion-container .sz-pagination .sz-btn-next {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1596px -1118px}
.no-webp .fashion-container .sz-pagination .sz-btn-next {background-size:1737px 1506px}
.webp .fashion-container .sz-pagination .sz-btn-next {background-size:1737px 1506px}
.no-webp .fashion-container .sz-pagination .sz-btn-next {background-position:-1596px -1118px}
.webp .fashion-container .sz-pagination .sz-btn-next {background-position:-1596px -1118px}
.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-855f6d_855f6d3e.png) no-repeat;background-size:1737px 1506px;
background-position:-1531px -493px}
.webp .fashion-container .sz-pagination span.pagination-bullet {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp) no-repeat;background-size:1737px 1506px;
background-position:-1531px -493px}
.no-webp .fashion-container .sz-pagination span.pagination-bullet {background-size:1737px 1506px}
.webp .fashion-container .sz-pagination span.pagination-bullet {background-size:1737px 1506px}
.no-webp .fashion-container .sz-pagination span.pagination-bullet {background-position:-1531px -493px}
.webp .fashion-container .sz-pagination span.pagination-bullet {background-position:-1531px -493px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1635px -781px}
.webp .fashion-container .sz-pagination span.pagination-bullet.active {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1635px -781px}
.no-webp .fashion-container .sz-pagination span.pagination-bullet.active {background-size:1737px 1506px}
.webp .fashion-container .sz-pagination span.pagination-bullet.active {background-size:1737px 1506px}
.no-webp .fashion-container .sz-pagination span.pagination-bullet.active {background-position:-1635px -781px}
.webp .fashion-container .sz-pagination span.pagination-bullet.active {background-position:-1635px -781px}
.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-855f6d_855f6d3e.png);background-size:1737px 1506px;
background-position:-1383px -148px}
.webp #share-box .item .ewm-pop {background:url(https://tym.res.netease.com/pc/zt/20201229134646/img/sprite-855f6d_855f6d3e.webp);background-size:1737px 1506px;
background-position:-1383px -148px}
.no-webp #share-box .item .ewm-pop {background-size:1737px 1506px}
.webp #share-box .item .ewm-pop {background-size:1737px 1506px}
.no-webp #share-box .item .ewm-pop {background-position:-1383px -148px}
.webp #share-box .item .ewm-pop {background-position:-1383px -148px}
#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_51aeb056.png)}
.webp #share-box .item.wx {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/wx_51aeb056.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_17955330.png)}
.webp #share-box .item.wx:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/wx-h_17955330.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_cc911191.png)}
.webp #share-box .item.weibo {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/weibo_cc911191.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_0dff6d57.png)}
.webp #share-box .item.weibo:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/weibo-h_0dff6d57.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_0a23ce20.png)}
.webp #share-box .item.qq {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/qq_0a23ce20.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_4dbb8265.png)}
.webp #share-box .item.qq:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/qq-h_4dbb8265.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_98f76f78.png)}
.webp #share-box .item.tieba {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/tieba_98f76f78.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_b3ea4324.png)}
.webp #share-box .item.tieba:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/tieba-h_b3ea4324.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_03182f86.png)}
.webp #share-box .item.dashen {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/ds_03182f86.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_d8bef31e.png)}
.webp #share-box .item.dashen:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/ds-h_d8bef31e.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_47b70fde.png)}
.webp #share-box .item.bili {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bilibili_47b70fde.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_0a6c8059.png)}
.webp #share-box .item.bili:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/bilibili-h_0a6c8059.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_a7af64ff.png)}
.webp #share-box .item.xhs {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/xhs_a7af64ff.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_c188d5d5.png)}
.webp #share-box .item.xhs:hover {background-image:url(https://tym.res.netease.com/pc/zt/20201229134646/img/xhs-h_c188d5d5.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;
}