/*reset.less*/
/* CSS Document */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 312.5%;
}
ul,
li,
div,
p,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
input {
  -webkit-appearance: button;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  outline: none;
}
input {
  -webkit-appearance: none;
  outline: none;
}
* {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hide {
  display: none;
}
body,
html {
  width: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
  font-weight: normal;
  font-size: 0.26rem;
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
body {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi;
}
.no-webp button {background:none}
.webp button {background:none}
button {
  border: none;
  display: block;
  outline: none;
}
table {
  border-collapse: collapse;
}
/* mobile media-query */
html {
  font-size: 312.5%;
}
@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 351.5%;
  }
}
@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 375%;
  }
}
@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 390.625%;
  }
}
@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 404.3%;
  }
}
@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 421.875%;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 468.75%;
  }
}
@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 625%;
  }
}
html,
body {
  width: 100%;
  height: 100%;
}
/*定义滚动条高宽及背景
高宽分别对应横竖滚动条的尺寸*/
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-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(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  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% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@keyframes shake {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    -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: .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 0px;
    -webkit-transform-origin: center center 0px;
  }
  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 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@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 0px;
    -webkit-transform-origin: center center 0px;
  }
  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 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@-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% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@keyframes translateDown {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@-webkit-keyframes translateLeft {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    -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% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    -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 slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.no-webp .nav-wrap {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/bg_6ec89c58.png) center no-repeat;
  background-size: contain;
  background-size: 100% 100%}
.webp .nav-wrap {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/bg_6ec89c58.webp) center no-repeat;
  background-size: contain;
  background-size: 100% 100%}
.no-webp .nav-wrap {background-size:contain}
.webp .nav-wrap {background-size:contain}
.no-webp .nav-wrap {background-size:100% 100%}
.webp .nav-wrap {background-size:100% 100%}
.nav-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2.75rem;
  height: 7.5rem;
  height: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
      align-items: center;
}
.nav-list {
  height: 4.3rem;
}
.no-webp .nav-list a {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/nav2_8bd63916.png) no-repeat;
  background-size: 3.82rem 4.3rem}
.webp .nav-list a {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/nav2_8bd63916.webp) no-repeat;
  background-size: 3.82rem 4.3rem}
.no-webp .nav-list a {background-size:3.82rem 4.3rem}
.webp .nav-list a {background-size:3.82rem 4.3rem}
.nav-list a {
  display: block;
  font-size: 0;
  width: 1.91rem;
  height: 0.78rem;
  height: 20%;
}
.no-webp .nav-list a.ycsl {background-position:0 0}
.webp .nav-list a.ycsl {background-position:0 0}
.nav-list a.ycsl {
}
.no-webp .nav-list a.ycsl.active {background-position:-1.91rem 0}
.webp .nav-list a.ycsl.active {background-position:-1.91rem 0}
.nav-list a.ycsl.active {
}
.no-webp .nav-list a.ycfg {background-position:0 25%}
.webp .nav-list a.ycfg {background-position:0 25%}
.nav-list a.ycfg {
}
.no-webp .nav-list a.ycfg.active {background-position:-1.91rem 25%}
.webp .nav-list a.ycfg.active {background-position:-1.91rem 25%}
.nav-list a.ycfg.active {
}
.no-webp .nav-list a.zyjs {background-position:0 50%}
.webp .nav-list a.zyjs {background-position:0 50%}
.nav-list a.zyjs {
}
.no-webp .nav-list a.zyjs.active {background-position:-1.91rem 50%}
.webp .nav-list a.zyjs.active {background-position:-1.91rem 50%}
.nav-list a.zyjs.active {
}
.no-webp .nav-list a.shzy {background-position:0 75%}
.webp .nav-list a.shzy {background-position:0 75%}
.nav-list a.shzy {
}
.no-webp .nav-list a.shzy.active {background-position:-1.91rem 75%}
.webp .nav-list a.shzy.active {background-position:-1.91rem 75%}
.nav-list a.shzy.active {
}
.no-webp .nav-list a.ycgl {background-position:0 100%}
.webp .nav-list a.ycgl {background-position:0 100%}
.nav-list a.ycgl {
}
.no-webp .nav-list a.ycgl.active {background-position:-1.91rem 100%}
.webp .nav-list a.ycgl.active {background-position:-1.91rem 100%}
.nav-list a.ycgl.active {
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: all 2s;
  transition: all 2s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.container-wrap {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.container {
  width: 13rem;
  padding: .3rem 0 1rem 1rem;
  height: 100%;
  margin: 0 auto;
}
.container .top-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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.4rem;
}
.container p {
  position: relative;
  font-size: 0.24rem;
  color: #434040;
}
.container p strong {
  color: red;
  font-weight: normal;
}
.container p.p-text {
  text-indent: 2em;
}
.container .video-page {
  position: relative;
  width: 10.2rem;
  min-height: 120%;
  margin: 0 auto;
}
.container .video-page .top-banner {
  -webkit-animation: fadeInUp 0.5s ease;
  -moz-animation: fadeInUp 0.5s ease;
  -ms-animation: fadeInUp 0.5s ease;
  animation: fadeInUp 0.5s ease;
}
.container .video-page .media-item {
  position: relative;
  width: 4.95rem;
  height: 2.78rem;
}
.container .video-page .media-item.banner {
  width: 7.52rem;
  height: 4.2rem;
}
.container .video-page .media-item.banner2 {
  width: 2.4rem;
  height: 1.3rem;
}
.no-webp .container .video-page .btn-video {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/btn-video-player_bfc3d0a7.png) center no-repeat;
  background-size: contain}
.webp .container .video-page .btn-video {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/btn-video-player_bfc3d0a7.webp) center no-repeat;
  background-size: contain}
.no-webp .container .video-page .btn-video {background-size:contain}
.webp .container .video-page .btn-video {background-size:contain}
.container .video-page .btn-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: block;
  width: 1.09rem;
  height: 1.09rem;
  z-index: 2;
}
.no-webp .container .video-page .name {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name_7147dd63.png) no-repeat center bottom;
  background-size: auto 1px}
.webp .container .video-page .name {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name_7147dd63.webp) no-repeat center bottom;
  background-size: auto 1px}
.no-webp .container .video-page .name {background-size:auto 1px}
.webp .container .video-page .name {background-size:auto 1px}
.container .video-page .name {
  position: absolute;
  width: 100%;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  bottom: .2rem;
  color: #fff;
  line-height: .6rem;
  text-align: center;
}
.no-webp .container .video-page .img-name {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/img-name_be7128d1.png) no-repeat center bottom;
  background-size: 100% 100%}
.webp .container .video-page .img-name {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/img-name_be7128d1.webp) no-repeat center bottom;
  background-size: 100% 100%}
.no-webp .container .video-page .img-name {background-size:100% 100%}
.webp .container .video-page .img-name {background-size:100% 100%}
.container .video-page .img-name {
  color: #4d587f;
  bottom: 0;
}
.container .video-page img {
  display: block;
  width: 100%;
  height: 100%;
}
.no-webp .container .video-page .video-mask {background:rgba(0, 0, 0, 0.7)}
.webp .container .video-page .video-mask {background:rgba(0, 0, 0, 0.7)}
.container .video-page .video-mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.container .video-page .banner-video {
  float: left;
}
.container .video-page .banner-video2 {
  margin-left: 7.67rem;
}
.container .video-page .banner-video2 .media-item + .media-item {
  margin-top: .15rem;
}
.container .video-page .banner-video2 .media-item .name {
  display: none;
}
.container .video-page .video-list {
  font-size: 0;
  margin-top: .5rem;
}
.container .video-page .video-list .media-item {
  display: inline-block;
  vertical-align: top;
  font-size: 0.24rem;
  margin-bottom: .15rem;
}
.container .video-page .video-list .media-item:nth-child(2n) {
  margin-left: .15rem;
}
.no-webp .more-tip {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/more_d0880711.png) center no-repeat;
  background-size: contain}
.webp .more-tip {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/more_d0880711.webp) center no-repeat;
  background-size: contain}
.no-webp .more-tip {background-size:contain}
.webp .more-tip {background-size:contain}
.more-tip {
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  width: 1.06rem;
  height: 0.73rem;
  -webkit-animation: fadeInUp 2s ease linear infinite;
  -moz-animation: fadeInUp 2s ease linear infinite;
  -ms-animation: fadeInUp 2s ease linear infinite;
  animation: fadeInUp 2s ease linear infinite;
}
.list-enter {
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.list-enter-active {
  -webkit-transition: .3s;
  transition: .3s;
}
/* enter-to其实可以不用写, 没有显性写明，就是默认的opacity: 1;transform: none;  */
.list-enter-to {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.no-webp .point {background-clip:padding-box}
.webp .point {background-clip:padding-box}
.point {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.4rem 0 0 -0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.no-webp .point i {background-clip:padding-box}
.webp .point i {background-clip:padding-box}
.point i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.no-webp .point i.p1 {background:rgba(255, 255, 255, 0.75)}
.webp .point i.p1 {background:rgba(255, 255, 255, 0.75)}
.point i.p1 {
  width: 0.3rem;
  height: 0.3rem;
  margin: -0.15rem 0 0 -0.15rem;
  -webkit-animation: pulse 1.5s 0.5s ease infinite;
  -moz-animation: pulse 1.5s 0.5s ease infinite;
  -ms-animation: pulse 1.5s 0.5s ease infinite;
  animation: pulse 1.5s 0.5s ease infinite;
}
.no-webp .point i.p2 {background:rgba(255, 255, 255, 0.5)}
.webp .point i.p2 {background:rgba(255, 255, 255, 0.5)}
.point i.p2 {
  width: 0.6rem;
  height: 0.6rem;
  margin: -0.3rem 0 0 -0.3rem;
  -webkit-animation: pulse 1.5s ease infinite;
  -moz-animation: pulse 1.5s ease infinite;
  -ms-animation: pulse 1.5s ease infinite;
  animation: pulse 1.5s ease infinite;
}
.bg-sprite {
  display: none;
}
.bg-sprite.pos1 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.bg-sprite.pos2 {
  position: absolute;
  top: 0;
  left: 40%;
}
.yuanbao-svg {
  width: 1.72rem;
  height: 1.26rem;
  font-size: 0;
}
.yuanbao-svg.fadeOut {
  -webkit-animation: fadeOut 0.8s ease both;
  -moz-animation: fadeOut 0.8s ease both;
  -ms-animation: fadeOut 0.8s ease both;
  animation: fadeOut 0.8s ease both;
}
.no-webp .yuanbao-sprite {background-image:url(https://tym.res.netease.com/m/zt/20201124111530/img/yuanbao_d5d27cc9.png)}
.webp .yuanbao-sprite {background-image:url(https://tym.res.netease.com/m/zt/20201124111530/img/yuanbao_d5d27cc9.webp)}
.yuanbao-sprite {
  width: 172px;
  height: 126px;
  -webkit-animation: yuanbaoAni 1s steps(12) infinite;
  -moz-animation: yuanbaoAni 1s steps(12) infinite;
  -ms-animation: yuanbaoAni 1s steps(12) infinite;
  animation: yuanbaoAni 1s steps(12) infinite;
}
.jingyu-svg {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
}
.no-webp .jingyu-sprite {background-image:url(https://tym.res.netease.com/m/zt/20201124111530/img/jingyu_f27427cd.png)}
.webp .jingyu-sprite {background-image:url(https://tym.res.netease.com/m/zt/20201124111530/img/jingyu_f27427cd.webp)}
.jingyu-sprite {
  display: none;
  width: 250px;
  height: 220px;
}
.jingyu-sprite.active {
  display: block;
  -webkit-animation: jingyuAni 1s steps(12) forwards;
  -moz-animation: jingyuAni 1s steps(12) forwards;
  -ms-animation: jingyuAni 1s steps(12) forwards;
  animation: jingyuAni 1s steps(12) forwards;
}
@-webkit-keyframes yuanbaoAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2064px 0;
  }
}
@-moz-keyframes yuanbaoAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2064px 0;
  }
}
@-ms-keyframes yuanbaoAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2064px 0;
  }
}
@-o-keyframes yuanbaoAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2064px 0;
  }
}
@keyframes yuanbaoAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2064px 0;
  }
}
@-webkit-keyframes jingyuAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3000px 0;
  }
}
@-moz-keyframes jingyuAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3000px 0;
  }
}
@-ms-keyframes jingyuAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3000px 0;
  }
}
@-o-keyframes jingyuAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3000px 0;
  }
}
@keyframes jingyuAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3000px 0;
  }
}
.no-webp #forhorview {background:#000}
.webp #forhorview {background:#000}
#forhorview {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}
#forhorview p {
  text-align: center;
  color: #fff;
  position: relative;
  top: 35%;
  font-size: 16px;
}
.mask {
  display: block !important;
}
.no-webp .pop {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/zbg_58_4de27bb3.png) no-repeat}
.webp .pop {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/zbg_58_4de27bb3.webp) no-repeat}
.pop {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1049px;
  height: 456px;
  z-index: 9999;
  text-align: center;
}
.pop .content {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 600px;
  color: #4c6884;
  font-size: 26px;
}
.no-webp .pop a {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/zicon_47_59c3a0bd.png) no-repeat}
.webp .pop a {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/zicon_47_59c3a0bd.webp) no-repeat}
.pop a {
  width: 289px;
  height: 66px;
  cursor: pointer;
  top: 287px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.no-webp #app {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/bg_9f61e550.jpg) no-repeat;
  background-size: cover}
.webp #app {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/bg_9f61e550.webp) no-repeat;
  background-size: cover}
.no-webp #app {background-size:cover}
.webp #app {background-size:cover}
#app {
  width: 100%;
  height: 100%;
  color: #ecf4ff;
  font-size: 0.24rem;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.no-webp #app .go-top-btn {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/top_82634b87.png) center no-repeat;
  background-size: contain}
.webp #app .go-top-btn {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/top_82634b87.webp) center no-repeat;
  background-size: contain}
.no-webp #app .go-top-btn {background-size:contain}
.webp #app .go-top-btn {background-size:contain}
#app .go-top-btn {
  position: fixed;
  right: .4rem;
  bottom: .5rem;
  z-index: 99;
  left: auto;
  width: 0.77rem;
  height: 0.76rem;
  font-size: 0;
}
.no-webp .back {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/back_b58d00b5.png) center no-repeat;
  background-size: contain}
.webp .back {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/back_b58d00b5.webp) center no-repeat;
  background-size: contain}
.no-webp .back {background-size:contain}
.webp .back {background-size:contain}
.back {
  position: absolute;
  left: .2rem;
  top: .2rem;
  z-index: 2;
  display: block;
  width: 1.07rem;
  height: 0.4rem;
}
.title {
  margin-bottom: .35rem;
}
.no-webp .title.title1 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title1_f5d2da6b.png) center no-repeat;
  background-size: contain}
.webp .title.title1 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title1_f5d2da6b.webp) center no-repeat;
  background-size: contain}
.no-webp .title.title1 {background-size:contain}
.webp .title.title1 {background-size:contain}
.title.title1 {
  width: 4.69rem;
  height: 0.98rem;
  margin-left: -0.4rem;
}
.no-webp .title.title2 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title2_dc28dc84.png) center no-repeat;
  background-size: contain}
.webp .title.title2 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title2_dc28dc84.webp) center no-repeat;
  background-size: contain}
.no-webp .title.title2 {background-size:contain}
.webp .title.title2 {background-size:contain}
.title.title2 {
  width: 4.69rem;
  height: 0.98rem;
  margin-left: -0.4rem;
}
.no-webp .title.title3 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title3_95118c2b.png) center no-repeat;
  background-size: contain}
.webp .title.title3 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title3_95118c2b.webp) center no-repeat;
  background-size: contain}
.no-webp .title.title3 {background-size:contain}
.webp .title.title3 {background-size:contain}
.title.title3 {
  width: 4.69rem;
  height: 0.98rem;
}
.no-webp .title.title4 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title4_a7c0139f.png) center no-repeat;
  background-size: contain}
.webp .title.title4 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title4_a7c0139f.webp) center no-repeat;
  background-size: contain}
.no-webp .title.title4 {background-size:contain}
.webp .title.title4 {background-size:contain}
.title.title4 {
  width: 4.69rem;
  height: 0.98rem;
}
.no-webp .title.title5 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title5_e5707568.png) center no-repeat;
  background-size: contain}
.webp .title.title5 {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title5_e5707568.webp) center no-repeat;
  background-size: contain}
.no-webp .title.title5 {background-size:contain}
.webp .title.title5 {background-size:contain}
.title.title5 {
  width: 4.69rem;
  height: 0.98rem;
  margin-left: -0.4rem;
}
.container .career {
  position: relative;
  width: 11rem;
  margin: 0 auto;
}
.container .career .kv-container.on .kv-left,
.container .career .kv-container.on .kv-img,
.container .career .kv-container.on .kv-img-career {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.container .career .kv-img-career {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  -moz-transform: translate3d(10px, 0, 0);
  -ms-transform: translate3d(10px, 0, 0);
  -o-transform: translate3d(10px, 0, 0);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}
.container .career .kv-img {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  -moz-transform: translate3d(10px, 0, 0);
  -ms-transform: translate3d(10px, 0, 0);
  -o-transform: translate3d(10px, 0, 0);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}
.container .career .kv-left {
  width: 3.7rem;
  position: relative;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate3d(-40%, 0, 0);
  -moz-transform: translate3d(-40%, 0, 0);
  -ms-transform: translate3d(-40%, 0, 0);
  -o-transform: translate3d(-40%, 0, 0);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}
.no-webp .container .career .attr-bg {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/wuwei-bg_63b1105e.png) center no-repeat;
  background-size: contain}
.webp .container .career .attr-bg {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/wuwei-bg_63b1105e.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .attr-bg {background-size:contain}
.webp .container .career .attr-bg {background-size:contain}
.container .career .attr-bg {
  position: relative;
  width: 3.06rem;
  height: 2.43rem;
  margin: 0 auto .14rem;
}
.container .career .attr-bg img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
}
.container .career .attr-bg.on img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.no-webp .container .career .tab-attr {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/tab-wuxing_50d0ef82.png) no-repeat;
  background-size: 2.4rem .88rem}
.webp .container .career .tab-attr {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/tab-wuxing_50d0ef82.webp) no-repeat;
  background-size: 2.4rem .88rem}
.no-webp .container .career .tab-attr {background-size:2.4rem .88rem}
.webp .container .career .tab-attr {background-size:2.4rem .88rem}
.container .career .tab-attr {
  width: 2.4rem;
  height: 0.43rem;
  font-size: 0;
  margin: 0 auto .3rem;
}
.no-webp .container .career .tab-attr.tab1 {background-position:left bottom}
.webp .container .career .tab-attr.tab1 {background-position:left bottom}
.container .career .tab-attr.tab1 {
}
.container .career .tab-attr a {
  display: inline-block;
  width: 50%;
  height: .43rem;
  font-size: 0.24rem;
  color: #609fcb;
  line-height: .43rem;
  text-align: center;
}
.container .career .tab-attr a.active {
  color: #fff;
}
.container .career .jn {
  width: 100%;
  font-size: 0;
}
.container .career .jn li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: .14rem;
}
.container .career .jn img {
  width: 0.85rem;
  height: 0.85rem;
}
.container .career .jn p {
  text-align: center;
  font-size: 0.24rem;
  color: #434d71;
  line-height: .4rem;
}
.container .career .kv img {
  position: absolute;
  right: .5rem;
  top: -0.3rem;
  width: 8.73rem;
  height: 7.48rem;
}
.container .career .desc {
  position: absolute;
  right: 1.6rem;
  top: .84rem;
  width: 3rem;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-pack: flex-end;
  /* 12版 */
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.no-webp .container .career .desc .kv-name {background-size:auto 100%}
.webp .container .career .desc .kv-name {background-size:auto 100%}
.container .career .desc .kv-name {
  position: relative;
  margin-right: .22rem;
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .desc .kv-name.kv-name-sy {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-sy_1d1a2c91.png) center no-repeat;
  background-size: contain}
.webp .container .career .desc .kv-name.kv-name-sy {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-sy_1d1a2c91.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .desc .kv-name.kv-name-sy {background-size:contain}
.webp .container .career .desc .kv-name.kv-name-sy {background-size:contain}
.container .career .desc .kv-name.kv-name-sy {
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .desc .kv-name.kv-name-yc {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-yc_f8d0f47f.png) center no-repeat;
  background-size: contain}
.webp .container .career .desc .kv-name.kv-name-yc {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-yc_f8d0f47f.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .desc .kv-name.kv-name-yc {background-size:contain}
.webp .container .career .desc .kv-name.kv-name-yc {background-size:contain}
.container .career .desc .kv-name.kv-name-yc {
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .desc .kv-name.kv-name-yt {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-yt_37d505a8.png) center no-repeat;
  background-size: contain}
.webp .container .career .desc .kv-name.kv-name-yt {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-yt_37d505a8.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .desc .kv-name.kv-name-yt {background-size:contain}
.webp .container .career .desc .kv-name.kv-name-yt {background-size:contain}
.container .career .desc .kv-name.kv-name-yt {
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .desc .kv-name.kv-name-tz {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-tz_a1ab1966.png) center no-repeat;
  background-size: contain}
.webp .container .career .desc .kv-name.kv-name-tz {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-tz_a1ab1966.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .desc .kv-name.kv-name-tz {background-size:contain}
.webp .container .career .desc .kv-name.kv-name-tz {background-size:contain}
.container .career .desc .kv-name.kv-name-tz {
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .desc .kv-name.kv-name-st {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-st_46c7c8c3.png) center no-repeat;
  background-size: contain}
.webp .container .career .desc .kv-name.kv-name-st {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-st_46c7c8c3.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .desc .kv-name.kv-name-st {background-size:contain}
.webp .container .career .desc .kv-name.kv-name-st {background-size:contain}
.container .career .desc .kv-name.kv-name-st {
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .desc .kv-name.kv-name-gr {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-gr_2e440be8.png) center no-repeat;
  background-size: contain}
.webp .container .career .desc .kv-name.kv-name-gr {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-gr_2e440be8.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .desc .kv-name.kv-name-gr {background-size:contain}
.webp .container .career .desc .kv-name.kv-name-gr {background-size:contain}
.container .career .desc .kv-name.kv-name-gr {
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .desc .kv-name.kv-name-yx {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-yx_286755bb.png) center no-repeat;
  background-size: contain}
.webp .container .career .desc .kv-name.kv-name-yx {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-yx_286755bb.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .desc .kv-name.kv-name-yx {background-size:contain}
.webp .container .career .desc .kv-name.kv-name-yx {background-size:contain}
.container .career .desc .kv-name.kv-name-yx {
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .desc .kv-name.kv-name-ll {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-ll_94254b70.png) center no-repeat;
  background-size: contain}
.webp .container .career .desc .kv-name.kv-name-ll {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-ll_94254b70.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .desc .kv-name.kv-name-ll {background-size:contain}
.webp .container .career .desc .kv-name.kv-name-ll {background-size:contain}
.container .career .desc .kv-name.kv-name-ll {
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .desc .kv-name.kv-name-lg {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-lg_ad7c703c.png) center no-repeat;
  background-size: contain}
.webp .container .career .desc .kv-name.kv-name-lg {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-lg_ad7c703c.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .desc .kv-name.kv-name-lg {background-size:contain}
.webp .container .career .desc .kv-name.kv-name-lg {background-size:contain}
.container .career .desc .kv-name.kv-name-lg {
  width: 0.75rem;
  height: 2.82rem;
}
.no-webp .container .career .career-video-player {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/player_82d31909.png) center no-repeat;
  background-size: contain}
.webp .container .career .career-video-player {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/player_82d31909.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .career-video-player {background-size:contain}
.webp .container .career .career-video-player {background-size:contain}
.container .career .career-video-player {
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  margin-left: -0.42rem;
  width: 0.85rem;
  height: 0.85rem;
}
.no-webp .container .career .career-video-player .circle {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/player-circle_997e1eef.png) center no-repeat;
  background-size: contain}
.webp .container .career .career-video-player .circle {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/player-circle_997e1eef.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .career-video-player .circle {background-size:contain}
.webp .container .career .career-video-player .circle {background-size:contain}
.container .career .career-video-player .circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.85rem;
  height: 0.85rem;
  -webkit-animation: rotate 1.8s linear infinite;
  -moz-animation: rotate 1.8s linear infinite;
  -ms-animation: rotate 1.8s linear infinite;
  animation: rotate 1.8s linear infinite;
}
.container .career .txt {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #434d71;
  font-size: 0.24rem;
  height: 7rem;
}
.no-webp .container .career .kv-nav {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/line_bd956926.png) center no-repeat;
  background-size: contain}
.webp .container .career .kv-nav {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/line_bd956926.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .kv-nav {background-size:contain}
.webp .container .career .kv-nav {background-size:contain}
.container .career .kv-nav {
  position: absolute;
  right: -1.1rem;
  top: .7rem;
  width: 3rem;
  height: 5.71rem;
  z-index: 9;
}
.container .career .kv-nav .mySwiper {
  width: 100%;
  height: 100%;
  position: relative;
}
.container .career .kv-nav .swiper-button-prev,
.container .career .kv-nav .swiper-button-next {
  display: block;
  position: absolute;
  top: auto;
  right: auto;
  margin: auto;
  left: .26rem;
}
.no-webp .container .career .kv-nav .swiper-button-prev {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/prev_e848453b.png) center no-repeat;
  background-size: contain}
.webp .container .career .kv-nav .swiper-button-prev {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/prev_e848453b.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .kv-nav .swiper-button-prev {background-size:contain}
.webp .container .career .kv-nav .swiper-button-prev {background-size:contain}
.container .career .kv-nav .swiper-button-prev {
  width: 0.54rem;
  height: 0.5rem;
  top: -0.25rem;
}
.no-webp .container .career .kv-nav .swiper-button-next {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/next_1a1eaf4e.png) center no-repeat;
  background-size: contain}
.webp .container .career .kv-nav .swiper-button-next {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/next_1a1eaf4e.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .kv-nav .swiper-button-next {background-size:contain}
.webp .container .career .kv-nav .swiper-button-next {background-size:contain}
.container .career .kv-nav .swiper-button-next {
  width: 0.54rem;
  height: 0.5rem;
  bottom: -0.25rem;
}
.no-webp .container .career .kv-nav a, 
.no-webp .container .career .kv-nav .swiper-slide {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/career-nav_3dd16a3a.png) center no-repeat;
  background-size: contain}
.webp .container .career .kv-nav a, 
.webp .container .career .kv-nav .swiper-slide {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/career-nav_3dd16a3a.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .kv-nav a, 
.no-webp .container .career .kv-nav .swiper-slide {background-size:contain}
.webp .container .career .kv-nav a, 
.webp .container .career .kv-nav .swiper-slide {background-size:contain}
.container .career .kv-nav a,
.container .career .kv-nav .swiper-slide {
  position: relative;
  display: block;
  width: 0.99rem;
  height: 1.04rem;
  line-height: 1.02rem;
  text-align: center;
  font-size: 0.24rem;
  color: #609fcb;
  margin: .04rem 0;
  cursor: pointer;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.container .career .kv-nav a.p0,
.container .career .kv-nav .swiper-slide.p0 {
  -webkit-transform: translate(0.2rem, 0);
  -moz-transform: translate(0.2rem, 0);
  -ms-transform: translate(0.2rem, 0);
  -o-transform: translate(0.2rem, 0);
}
.container .career .kv-nav a.p1,
.container .career .kv-nav .swiper-slide.p1 {
  -webkit-transform: translate(1rem, 0);
  -moz-transform: translate(1rem, 0);
  -ms-transform: translate(1rem, 0);
  -o-transform: translate(1rem, 0);
}
.container .career .kv-nav a.p2,
.container .career .kv-nav .swiper-slide.p2 {
  -webkit-transform: translate(1.4rem, 0);
  -moz-transform: translate(1.4rem, 0);
  -ms-transform: translate(1.4rem, 0);
  -o-transform: translate(1.4rem, 0);
}
.container .career .kv-nav a.p3,
.container .career .kv-nav .swiper-slide.p3 {
  -webkit-transform: translate(1rem, 0);
  -moz-transform: translate(1rem, 0);
  -ms-transform: translate(1rem, 0);
  -o-transform: translate(1rem, 0);
}
.container .career .kv-nav a.p4,
.container .career .kv-nav .swiper-slide.p4 {
  -webkit-transform: translate(0.2rem, 0);
  -moz-transform: translate(0.2rem, 0);
  -ms-transform: translate(0.2rem, 0);
  -o-transform: translate(0.2rem, 0);
}
.container .career .kv-nav a.p5,
.container .career .kv-nav .swiper-slide.p5 {
  -webkit-transform: translate(0.6rem, 0);
  -moz-transform: translate(0.6rem, 0);
  -ms-transform: translate(0.6rem, 0);
  -o-transform: translate(0.6rem, 0);
}
.container .career .kv-nav a.p6,
.container .career .kv-nav .swiper-slide.p6 {
  -webkit-transform: translate(0.6rem, 0);
  -moz-transform: translate(0.6rem, 0);
  -ms-transform: translate(0.6rem, 0);
  -o-transform: translate(0.6rem, 0);
}
.no-webp .container .career .kv-nav a.active, 
.no-webp .container .career .kv-nav .swiper-slide.active, 
.no-webp .container .career .kv-nav a.swiper-slide-active, 
.no-webp .container .career .kv-nav .swiper-slide.swiper-slide-active {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/career-nav2_8f04a4a2.png) center no-repeat;
  background-size: contain}
.webp .container .career .kv-nav a.active, 
.webp .container .career .kv-nav .swiper-slide.active, 
.webp .container .career .kv-nav a.swiper-slide-active, 
.webp .container .career .kv-nav .swiper-slide.swiper-slide-active {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/career-nav2_8f04a4a2.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .kv-nav a.active, 
.no-webp .container .career .kv-nav .swiper-slide.active, 
.no-webp .container .career .kv-nav a.swiper-slide-active, 
.no-webp .container .career .kv-nav .swiper-slide.swiper-slide-active {background-size:contain}
.webp .container .career .kv-nav a.active, 
.webp .container .career .kv-nav .swiper-slide.active, 
.webp .container .career .kv-nav a.swiper-slide-active, 
.webp .container .career .kv-nav .swiper-slide.swiper-slide-active {background-size:contain}
.container .career .kv-nav a.active,
.container .career .kv-nav .swiper-slide.active,
.container .career .kv-nav a.swiper-slide-active,
.container .career .kv-nav .swiper-slide.swiper-slide-active {
  width: 0.99rem;
  height: 1.04rem;
  color: #fff;
}
.no-webp .container .career .kv-nav a.active:after, 
.no-webp .container .career .kv-nav .swiper-slide.active:after, 
.no-webp .container .career .kv-nav a.swiper-slide-active:after, 
.no-webp .container .career .kv-nav .swiper-slide.swiper-slide-active:after {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/career-nav2-bef_296944a4.png) center no-repeat;
  background-size: contain}
.webp .container .career .kv-nav a.active:after, 
.webp .container .career .kv-nav .swiper-slide.active:after, 
.webp .container .career .kv-nav a.swiper-slide-active:after, 
.webp .container .career .kv-nav .swiper-slide.swiper-slide-active:after {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/career-nav2-bef_296944a4.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career .kv-nav a.active:after, 
.no-webp .container .career .kv-nav .swiper-slide.active:after, 
.no-webp .container .career .kv-nav a.swiper-slide-active:after, 
.no-webp .container .career .kv-nav .swiper-slide.swiper-slide-active:after {background-size:contain}
.webp .container .career .kv-nav a.active:after, 
.webp .container .career .kv-nav .swiper-slide.active:after, 
.webp .container .career .kv-nav a.swiper-slide-active:after, 
.webp .container .career .kv-nav .swiper-slide.swiper-slide-active:after {background-size:contain}
.container .career .kv-nav a.active:after,
.container .career .kv-nav .swiper-slide.active:after,
.container .career .kv-nav a.swiper-slide-active:after,
.container .career .kv-nav .swiper-slide.swiper-slide-active:after {
  content: '';
  width: .24rem;
  height: .14rem;
  width: 0.24rem;
  height: 0.14rem;
  position: absolute;
  top: 50%;
  margin-top: -0.07rem;
  left: -0.18rem;
}
.container .career.social {
  position: relative;
  width: 11rem;
  margin: 0 auto;
}
.container .career.social .social-kv-name {
  position: relative;
  margin-bottom: .32rem;
}
.container .career.social .social-kv-name .career-video-player {
  left: auto;
  margin-left: 0;
  right: 0;
  bottom: -0.02rem;
}
.no-webp .container .career.social .social-kv-name.kv-name-msj {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-msj_326707aa.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv-name.kv-name-msj {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-msj_326707aa.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv-name.kv-name-msj {background-size:contain}
.webp .container .career.social .social-kv-name.kv-name-msj {background-size:contain}
.container .career.social .social-kv-name.kv-name-msj {
  width: 2.82rem;
  height: 0.75rem;
}
.no-webp .container .career.social .social-kv-name.kv-name-xd {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-xd2_fc082a0f.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv-name.kv-name-xd {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-xd2_fc082a0f.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv-name.kv-name-xd {background-size:contain}
.webp .container .career.social .social-kv-name.kv-name-xd {background-size:contain}
.container .career.social .social-kv-name.kv-name-xd {
  width: 2.82rem;
  height: 0.75rem;
}
.no-webp .container .career.social .social-kv-name.kv-name-zxs {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-zxs_b3992faa.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv-name.kv-name-zxs {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-zxs_b3992faa.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv-name.kv-name-zxs {background-size:contain}
.webp .container .career.social .social-kv-name.kv-name-zxs {background-size:contain}
.container .career.social .social-kv-name.kv-name-zxs {
  width: 2.82rem;
  height: 0.75rem;
}
.no-webp .container .career.social .social-kv-name.kv-name-ys {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-ys_990f78e2.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv-name.kv-name-ys {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-ys_990f78e2.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv-name.kv-name-ys {background-size:contain}
.webp .container .career.social .social-kv-name.kv-name-ys {background-size:contain}
.container .career.social .social-kv-name.kv-name-ys {
  width: 2.82rem;
  height: 0.75rem;
}
.no-webp .container .career.social .social-kv-name.kv-name-wz {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-wz_9073306d.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv-name.kv-name-wz {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/name-wz_9073306d.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv-name.kv-name-wz {background-size:contain}
.webp .container .career.social .social-kv-name.kv-name-wz {background-size:contain}
.container .career.social .social-kv-name.kv-name-wz {
  width: 2.82rem;
  height: 0.75rem;
}
.no-webp .container .career.social .social-jn-title {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/jn-title_67715704.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-jn-title {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/jn-title_67715704.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-jn-title {background-size:contain}
.webp .container .career.social .social-jn-title {background-size:contain}
.container .career.social .social-jn-title {
  width: 3.42rem;
  height: 0.24rem;
  margin: .2rem 0 .15rem;
}
.container .career.social .social-kv-desc {
  width: 4rem;
}
.container .career.social .social-jn {
  font-size: 0;
  width: 3.1rem;
}
.no-webp .container .career.social .social-jn li {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-jn_801b23ee.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-jn li {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-jn_801b23ee.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-jn li {background-size:contain}
.webp .container .career.social .social-jn li {background-size:contain}
.container .career.social .social-jn li {
  display: inline-block;
  font-size: 0.24rem;
  color: #434d71;
  width: 1.01rem;
  height: 1.01rem;
  margin-bottom: .46rem;
}
.container .career.social .social-jn li:nth-child(2n) {
  margin-left: 1rem;
}
.container .career.social .social-jn li p {
  display: block;
  width: 2.3em;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.container .career.social .social-kv .icon-jn {
  position: absolute;
  top: 1rem;
  left: 1.92rem;
}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-msj {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-msj_5e472e3f.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-msj {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-msj_5e472e3f.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-msj {background-size:contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-msj {background-size:contain}
.container .career.social .social-kv .icon-jn.icon-jn-msj {
  width: 2.1rem;
  height: 2.11rem;
}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-xd {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-xd_e675c6e0.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-xd {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-xd_e675c6e0.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-xd {background-size:contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-xd {background-size:contain}
.container .career.social .social-kv .icon-jn.icon-jn-xd {
  width: 2.1rem;
  height: 2.11rem;
}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-zxs {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-zxs_1ba610f6.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-zxs {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-zxs_1ba610f6.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-zxs {background-size:contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-zxs {background-size:contain}
.container .career.social .social-kv .icon-jn.icon-jn-zxs {
  width: 2.1rem;
  height: 2.11rem;
}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-ys {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-ys_85be7968.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-ys {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-ys_85be7968.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-ys {background-size:contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-ys {background-size:contain}
.container .career.social .social-kv .icon-jn.icon-jn-ys {
  width: 2.1rem;
  height: 2.11rem;
}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-wz {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-wz_6aea63f7.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-wz {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-wz_6aea63f7.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv .icon-jn.icon-jn-wz {background-size:contain}
.webp .container .career.social .social-kv .icon-jn.icon-jn-wz {background-size:contain}
.container .career.social .social-kv .icon-jn.icon-jn-wz {
  width: 2.1rem;
  height: 2.11rem;
}
.no-webp .container .career.social .social-kv .kv-bg {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/career-bg_b722bb52.png) center no-repeat;
  background-size: contain}
.webp .container .career.social .social-kv .kv-bg {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/career-bg_b722bb52.webp) center no-repeat;
  background-size: contain}
.no-webp .container .career.social .social-kv .kv-bg {background-size:contain}
.webp .container .career.social .social-kv .kv-bg {background-size:contain}
.container .career.social .social-kv .kv-bg {
  position: absolute;
  right: .2rem;
  top: 0;
  width: 8.47rem;
  height: 7.48rem;
}
.container .career.social .social-kv img {
  position: absolute;
  top: 0;
  right: auto;
  left: 2.6rem;
  width: 4.01rem;
  height: 7.4rem;
}
.container .career.social .kv-nav.social-nav a {
  font-size: .22rem;
}
.container .news-page {
  position: relative;
  width: 10.2rem;
  min-height: 120%;
  margin: 0 auto;
}
.no-webp .container .news-page.news-detail {background-color:rgba(255, 255, 255, 0.5)}
.webp .container .news-page.news-detail {background-color:rgba(255, 255, 255, 0.5)}
.no-webp .container .news-page.news-detail {background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.1)))}
.webp .container .news-page.news-detail {background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.1)))}
.no-webp .container .news-page.news-detail {background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}
.webp .container .news-page.news-detail {background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}
.no-webp .container .news-page.news-detail {background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}
.webp .container .news-page.news-detail {background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}
.no-webp .container .news-page.news-detail {background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}
.webp .container .news-page.news-detail {background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}
.no-webp .container .news-page.news-detail {background:-o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}
.webp .container .news-page.news-detail {background:-o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1))}
.container .news-page.news-detail {
  padding: 1rem 0;
  margin-top: -0.3rem;
}
.no-webp .container .news-page .back-list {background-clip:padding-box}
.webp .container .news-page .back-list {background-clip:padding-box}
.container .news-page .back-list {
  position: absolute;
  display: block;
  right: .4rem;
  top: .2rem;
  font-size: .26rem;
  height: .5rem;
  line-height: .5rem;
  padding: 0 .24rem;
  color: #76b0cf;
  border: 1px solid #76b0cf;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.no-webp .container .news-page .news-tabs {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/news-tab-bg_f19bdcc5.png) center no-repeat;
  background-size: contain;
  background-position: -0.3rem center}
.webp .container .news-page .news-tabs {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/news-tab-bg_f19bdcc5.webp) center no-repeat;
  background-size: contain;
  background-position: -0.3rem center}
.no-webp .container .news-page .news-tabs {background-size:contain}
.webp .container .news-page .news-tabs {background-size:contain}
.no-webp .container .news-page .news-tabs {background-position:-0.3rem center}
.webp .container .news-page .news-tabs {background-position:-0.3rem center}
.container .news-page .news-tabs {
  position: relative;
  width: 11.25rem;
  height: 0.61rem;
  margin: 0 auto;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
      align-items: center;
}
.container .news-page .news-tabs a {
  display: block;
  font-size: .26rem;
  color: #76b0cf;
  padding: 0 .27rem;
  height: .48rem;
  line-height: .48rem;
}
.no-webp .container .news-page .news-tabs a.active {background:#dec6a2}
.webp .container .news-page .news-tabs a.active {background:#dec6a2}
.no-webp .container .news-page .news-tabs a.active {background-clip:padding-box}
.webp .container .news-page .news-tabs a.active {background-clip:padding-box}
.container .news-page .news-tabs a.active {
  color: #fff;
  -webkit-border-radius: 0.48rem;
  -moz-border-radius: 0.48rem;
  border-radius: 0.48rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
}
.container .news-page .news-tabs a + a {
  margin-left: .16rem;
}
.no-webp .container .news-page .news-list-wrap {background-color:rgba(255, 255, 255, 0.8)}
.webp .container .news-page .news-list-wrap {background-color:rgba(255, 255, 255, 0.8)}
.no-webp .container .news-page .news-list-wrap {background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)))}
.webp .container .news-page .news-list-wrap {background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)))}
.no-webp .container .news-page .news-list-wrap {background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))}
.webp .container .news-page .news-list-wrap {background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))}
.no-webp .container .news-page .news-list-wrap {background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))}
.webp .container .news-page .news-list-wrap {background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))}
.no-webp .container .news-page .news-list-wrap {background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))}
.webp .container .news-page .news-list-wrap {background:-ms-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))}
.no-webp .container .news-page .news-list-wrap {background:-o-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))}
.webp .container .news-page .news-list-wrap {background:-o-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))}
.container .news-page .news-list-wrap {
  display: none;
  height: 5rem;
  margin-top: .1rem;
  color: #4e5a80;
  padding: .12rem;
}
.container .news-page .news-list-wrap:nth-child(1) {
  display: block;
}
.container .news-page .news-list-wrap a {
  position: relative;
  padding: .1rem 0;
  border-bottom: 1px dotted #b2c6d5;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
      align-items: center;
}
.container .news-page .news-list-wrap .item-date {
  position: absolute;
  right: -1.54rem;
  top: 0;
  color: #76b0cf;
}
.container .news-page .news-list-wrap .item {
  color: #4e5a80;
}
.container .news-page .news-list-wrap .item.banner-news {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.container .news-page .news-list-wrap .item.banner-news .thumb {
  margin-right: .2rem;
  width: 1.75rem;
  height: 1rem;
}
.container .news-page .news-list-wrap .item.banner-news .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container .news-page .news-list-wrap .item.banner-news .item-right {
  position: relative;
}
.container .news-page .news-list-wrap .item.banner-news .item-right .item-title {
  font-size: .24rem;
  line-height: .4rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  width: 6.3rem;
}
.container .news-page .news-list-wrap .item.banner-news .item-right .item-title .item-category {
  color: #d5b27d;
  display: inline-block;
  margin-right: .1rem;
}
.container .news-page .news-list-wrap .item.banner-news .item-right .item-title .item-category::after {
  content: '';
  display: inline-block;
  height: .26rem;
  border-right: 1px solid #c89b55;
  vertical-align: middle;
  margin-left: .1rem;
}
.container .news-page .news-list-wrap .item.list-news {
  position: relative;
  height: .8rem;
  line-height: .8rem;
  padding: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
.container .news-page .news-list-wrap .item.list-news .item-category {
  position: relative;
  color: #c89b55;
  display: inline-block;
  margin-right: 10px;
  padding-left: .38rem;
}
.container .news-page .news-list-wrap .item.list-news .item-category::after {
  content: '';
  display: inline-block;
  height: .26rem;
  border-right: 1px solid #c89b55;
  vertical-align: middle;
  margin-left: .1rem;
}
.no-webp .container .news-page .news-list-wrap .item.list-news .item-category:before {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-news_80291f37.png) center no-repeat;
  background-size: contain}
.webp .container .news-page .news-list-wrap .item.list-news .item-category:before {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/icon-news_80291f37.webp) center no-repeat;
  background-size: contain}
.no-webp .container .news-page .news-list-wrap .item.list-news .item-category:before {background-size:contain}
.webp .container .news-page .news-list-wrap .item.list-news .item-category:before {background-size:contain}
.container .news-page .news-list-wrap .item.list-news .item-category:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  content: '';
  display: block;
  width: 0.2rem;
  height: 0.16rem;
}
.container .news-page .news-list-wrap .item.list-news .item-title {
  width: 8.3rem;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .news-page .news-list-wrap .item.list-news .item-date {
  right: .18rem;
}
body .artTitle {
  border-bottom: none;
}
.common-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #6b5d3c;
  font-size: 20px;
  z-index: 10000;
}
.no-webp .common-pop .common-pop-mask {background-color:#000}
.webp .common-pop .common-pop-mask {background-color:#000}
.common-pop .common-pop-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.no-webp .common-pop .pop-content {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/pop-bg_7ff1989a.png) center no-repeat;
  background-size: contain}
.webp .common-pop .pop-content {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/pop-bg_7ff1989a.webp) center no-repeat;
  background-size: contain}
.no-webp .common-pop .pop-content {background-size:contain}
.webp .common-pop .pop-content {background-size:contain}
.common-pop .pop-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 8.2rem;
  height: 3.36rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5rem 1.1rem 0;
  font-size: 0.24rem;
  color: #434d71;
  -webkit-animation: fadeIn 0.5s ease;
  -moz-animation: fadeIn 0.5s ease;
  -ms-animation: fadeIn 0.5s ease;
  animation: fadeIn 0.5s ease;
  text-align: center;
}
.no-webp .common-pop .common-pop-close {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/close_a204d8d3.png) center no-repeat;
  background-size: contain}
.webp .common-pop .common-pop-close {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/close_a204d8d3.webp) center no-repeat;
  background-size: contain}
.no-webp .common-pop .common-pop-close {background-size:contain}
.webp .common-pop .common-pop-close {background-size:contain}
.common-pop .common-pop-close {
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
  display: block;
  width: 0.59rem;
  height: 0.58rem;
}
.no-webp .common-pop .btn-detail {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/pop-btn_093d221b.png) center no-repeat;
  background-size: contain}
.webp .common-pop .btn-detail {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/pop-btn_093d221b.webp) center no-repeat;
  background-size: contain}
.no-webp .common-pop .btn-detail {background-size:contain}
.webp .common-pop .btn-detail {background-size:contain}
.common-pop .btn-detail {
  display: block;
  width: 2.02rem;
  height: 0.64rem;
  margin: 0 auto;
  font-size: 0;
}
.no-webp .common-pop .pop-title-jn {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title-jn_e86196f3.png) center no-repeat;
  background-size: contain}
.webp .common-pop .pop-title-jn {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title-jn_e86196f3.webp) center no-repeat;
  background-size: contain}
.no-webp .common-pop .pop-title-jn {background-size:contain}
.webp .common-pop .pop-title-jn {background-size:contain}
.common-pop .pop-title-jn {
  width: 5.77rem;
  height: 0.47rem;
  margin: 0 auto .08rem;
}
.no-webp .common-pop .pop-title-caidan {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title-caidan_1c3700b7.png) center no-repeat;
  background-size: contain}
.webp .common-pop .pop-title-caidan {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/title-caidan_1c3700b7.webp) center no-repeat;
  background-size: contain}
.no-webp .common-pop .pop-title-caidan {background-size:contain}
.webp .common-pop .pop-title-caidan {background-size:contain}
.common-pop .pop-title-caidan {
  width: 5.77rem;
  height: 0.47rem;
  margin: 0 auto .24rem;
}
.common-pop .pop-txt {
  width: 100%;
  margin-bottom: .05rem;
}
.common-pop .pop-txt p {
  text-align: center;
}
.common-pop .pop-txt.pop-txt-type {
  text-align: center;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.common-pop .pop-txt.pop-txt-type p {
  text-align: center;
}
body .leihuo-pop-media .swiper-pagination {
  display: none;
}
.no-webp body .leihuo-pop-media .pop-img-content {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/bg_a07af545.png) center no-repeat;
  background-size: contain}
.webp body .leihuo-pop-media .pop-img-content {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/bg_a07af545.webp) center no-repeat;
  background-size: contain}
.no-webp body .leihuo-pop-media .pop-img-content {background-size:contain}
.webp body .leihuo-pop-media .pop-img-content {background-size:contain}
body .leihuo-pop-media .pop-img-content {
  max-width: 10rem;
  width: 10rem;
  height: 5.88rem;
}
body .leihuo-pop-media .pop-img-content .pop-img-container {
  width: 9.24rem;
  height: 5.2rem;
  margin: 0 auto;
}
body .leihuo-pop-media .pop-img-content .big-img-pop {
  width: 9.24rem;
  height: 5.2rem;
  margin: .35rem auto 0;
}
.no-webp body .leihuo-pop-media .media-close {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/close_a204d8d3.png) center no-repeat;
  background-size: contain}
.webp body .leihuo-pop-media .media-close {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/close_a204d8d3.webp) center no-repeat;
  background-size: contain}
.no-webp body .leihuo-pop-media .media-close {background-size:contain}
.webp body .leihuo-pop-media .media-close {background-size:contain}
body .leihuo-pop-media .media-close {
  position: absolute;
  right: -0.3rem;
  top: -0.1rem;
  display: block;
  width: 0.59rem;
  height: 0.58rem;
  font-size: 0;
}
body .leihuo-pop-media .media-close:before {
  content: '';
}
body .leihuo-pop-media .video-prev,
body .leihuo-pop-media .video-next {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
}
body .leihuo-pop-media .video-prev.dis,
body .leihuo-pop-media .video-next.dis {
  opacity: .35;
}
.no-webp body .leihuo-pop-media .video-next, 
.no-webp body .leihuo-pop-media .video-prev, 
.no-webp body .leihuo-pop-media .swiper-button-prev, 
.no-webp body .leihuo-pop-media .swiper-button-next {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/arr_eba342a8.png) center no-repeat;
  background-size: contain}
.webp body .leihuo-pop-media .video-next, 
.webp body .leihuo-pop-media .video-prev, 
.webp body .leihuo-pop-media .swiper-button-prev, 
.webp body .leihuo-pop-media .swiper-button-next {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/arr_eba342a8.webp) center no-repeat;
  background-size: contain}
.no-webp body .leihuo-pop-media .video-next, 
.no-webp body .leihuo-pop-media .video-prev, 
.no-webp body .leihuo-pop-media .swiper-button-prev, 
.no-webp body .leihuo-pop-media .swiper-button-next {background-size:contain}
.webp body .leihuo-pop-media .video-next, 
.webp body .leihuo-pop-media .video-prev, 
.webp body .leihuo-pop-media .swiper-button-prev, 
.webp body .leihuo-pop-media .swiper-button-next {background-size:contain}
body .leihuo-pop-media .video-next,
body .leihuo-pop-media .video-prev,
body .leihuo-pop-media .swiper-button-prev,
body .leihuo-pop-media .swiper-button-next {
  width: 0.71rem;
  height: 0.82rem;
  font-size: 0;
}
body .leihuo-pop-media .video-next,
body .leihuo-pop-media .swiper-button-next {
  right: -0.72rem;
}
body .leihuo-pop-media .video-prev,
body .leihuo-pop-media .swiper-button-prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  left: -0.72rem;
}
.no-webp body .leihuo-pop-video .pop-video-content {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/bg_a07af545.png) center no-repeat;
  background-size: contain}
.webp body .leihuo-pop-video .pop-video-content {background:url(https://tym.res.netease.com/m/zt/20201124111530/img/bg_a07af545.webp) center no-repeat;
  background-size: contain}
.no-webp body .leihuo-pop-video .pop-video-content {background-size:contain}
.webp body .leihuo-pop-video .pop-video-content {background-size:contain}
body .leihuo-pop-video .pop-video-content {
  max-width: 10rem;
  width: 10rem;
  height: 5.88rem;
}
.no-webp body .leihuo-pop-video .pop-video-content video {background:#000}
.webp body .leihuo-pop-video .pop-video-content video {background:#000}
body .leihuo-pop-video .pop-video-content video {
  width: 9.24rem;
  height: 5.2rem;
  margin-top: .35rem;
}


