@charset "utf-8";
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}
strong,
b {
  font-weight: bold;
  font-style: normal;
}
em,
i {
  font-weight: normal;
  font-style: italic;
}
button {
  border: none;
  outline: none;
}
a,
button {
  cursor: pointer;
}
a,
a:hover {
  text-decoration: none;
}
textarea,
input,
button,
a {
  font-size: inherit;
  color: inherit;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 999999s;
  -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
}
#NIE-warning-dialog {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
@font-face {
  font-family: 'fzfftjtbold';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzfftjtbold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NotoSansSC';
  src: url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/leihuo/fonts/noto-sans-sc-v12-latin_chinese-simplified-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'fzbysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzbysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzfftjtbold';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzfftjtbold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzcysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzcysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzlth';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzlth.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzltdh';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzltdh.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes fadeShare {
  0% {
    -webkit-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
  }
  25% {
    -webkit-transform: translate3d(0px, 30px, 0);
            transform: translate3d(0px, 30px, 0);
  }
  50% {
    -webkit-transform: translate3d(0px, -10px, 0);
            transform: translate3d(0px, -10px, 0);
  }
  75% {
    -webkit-transform: translate3d(0px, 10px, 0);
            transform: translate3d(0px, 10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
  }
}
@-webkit-keyframes rotateSlide {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes rotateSlide2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateSlideZhen {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  60% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  90% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes fadeSlide {
  0% {
    -webkit-transform: translate(0px, 0);
            transform: translate(0px, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(500px, 0);
            transform: translate(500px, 0);
    opacity: 0;
  }
  65% {
    -webkit-transform: translate(-350px, 0);
            transform: translate(-350px, 0);
    opacity: 0;
  }
  66% {
    -webkit-transform: translate(-350px, 0);
            transform: translate(-350px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0px, 0);
            transform: translate(0px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75%,
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75%,
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75%,
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75%,
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes zoomInAndOut {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(0.9);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.9);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(0.9);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes shake {
  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@keyframes shake {
  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@-webkit-keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
            transform: perspective(400px) rotateY(-90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes shine {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
}
@-webkit-keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@-webkit-keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@-webkit-keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
}
@keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0;
    -webkit-transform-origin: center center 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes translateDown {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@keyframes translateDown {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@-webkit-keyframes translateLeft {
  0%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-6rem);
            transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-moz-keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-ms-keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-o-keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes breath-2 {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@-moz-keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@-ms-keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@-o-keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@keyframes moveX {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(16px, 0);
    -moz-transform: translate(16px, 0);
    -ms-transform: translate(16px, 0);
    -o-transform: translate(16px, 0);
    transform: translate(16px, 0);
  }
}
@-webkit-keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@-moz-keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@-ms-keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@-o-keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@keyframes moveY {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 32px, 0);
    -moz-transform: translate3d(0, 32px, 0);
    -ms-transform: translate3d(0, 32px, 0);
    -o-transform: translate3d(0, 32px, 0);
    transform: translate3d(0, 32px, 0);
  }
}
@-webkit-keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@-moz-keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@-ms-keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@-o-keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@keyframes scan-qrcode {
  0% {
    top: 0;
  }
  100% {
    top: 98px;
  }
}
@-webkit-keyframes xuanzhuan {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes xuanzhuan {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
html,
body {
  margin: 0 auto;
  min-width: 1440px;
  max-width: 2560px;
  width: 100%;
  min-height: 910px;
  height: 100%;
}
body {
  position: relative;
  font-size: 16px;
  font-family: 'NotoSansSC';
  overflow-y: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#wrap {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
#wrap #app,
#wrap .page-swiper,
#wrap .page-swiper-wrapper,
#wrap .swiper-slide {
  width: 100%;
  height: 100%;
}
.page-swiper {
  width: 100%;
  height: 1080px;
}
.page-swiper .swiper-slide {
  height: 100% !important;
}
.button-copyRight {
  position: absolute;
  bottom: 45px;
  right: 50px;
  color: #fff;
  cursor: pointer;
  z-index: 999;
}
.no-webp .button-copyRight .jiantou {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1607px -1053px}
.webp .button-copyRight .jiantou {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1607px -1053px}
.no-webp .button-copyRight .jiantou {background-size:1653px 1508px}
.webp .button-copyRight .jiantou {background-size:1653px 1508px}
.no-webp .button-copyRight .jiantou {background-position:-1607px -1053px}
.webp .button-copyRight .jiantou {background-position:-1607px -1053px}
.button-copyRight .jiantou {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: -20px;
width:18px;
height:18px;

}
.button-copyRight.xia:hover .jiantou {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.no-webp #NIE-copyRight {background:rgba(0, 0, 0, 0.3)}
.webp #NIE-copyRight {background:rgba(0, 0, 0, 0.3)}
#NIE-copyRight {
  position: absolute;
  bottom: 0px;
  color: #fff;
  width: 100%;
}
#fuchuang {
  position: relative;
  bottom: 55px;
  z-index: 99;
}
.no-webp #fuchuang .fcg {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/fc_83c8e3fb.png) no-repeat center top;
  background-size: cover}
.webp #fuchuang .fcg {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/fc_83c8e3fb.webp) no-repeat center top;
  background-size: cover}
.no-webp #fuchuang .fcg {background-size:cover}
.webp #fuchuang .fcg {background-size:cover}
#fuchuang .fcg {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 284px;
  pointer-events: none;
}
.no-webp #fuchuang .fc-close {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1603px -1174px}
.webp #fuchuang .fc-close {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1603px -1174px}
.no-webp #fuchuang .fc-close {background-size:1653px 1508px}
.webp #fuchuang .fc-close {background-size:1653px 1508px}
.no-webp #fuchuang .fc-close {background-position:-1603px -1174px}
.webp #fuchuang .fc-close {background-position:-1603px -1174px}
#fuchuang .fc-close {
  position: absolute;
  right: 235px;
  bottom: 155px;
  cursor: pointer;
width:49px;
height:50px;

}
#fuchuang .fc-close:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
#fuchuang.fuchuang-inner {
  bottom: 0px !important;
}
.bright-hover {
  cursor: pointer;
}
.bright-hover:hover {
  text-shadow: 0 0 10px #fff,0 0 20px #fff,0 0 30px #fff, 0 0 40px #fff;
}
.u-hover {
  cursor: pointer;
}
.no-webp .u-hover:hover {background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f4fa), to(#fefeff))}
.webp .u-hover:hover {background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f4fa), to(#fefeff))}
.no-webp .u-hover:hover {background-image:linear-gradient(to bottom, #f0f4fa, #fefeff)}
.webp .u-hover:hover {background-image:linear-gradient(to bottom, #f0f4fa, #fefeff)}
.u-hover:hover {
}
/** height < 950px **/
@media screen and (max-height: 850px) {
  body {
    overflow-y: auto !important;
  }
  #fuchuang {
    bottom: 0px;
  }
}
@media screen and (max-height: 960px) {
}
.media {
  width: 1184px;
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.media-btn {
  display: block;
  width: 144px;
  height: 142px;
  position: relative;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.no-webp .media-btn-wx {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1379px -1003px}
.webp .media-btn-wx {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1379px -1003px}
.no-webp .media-btn-wx {background-size:1653px 1508px}
.webp .media-btn-wx {background-size:1653px 1508px}
.no-webp .media-btn-wx {background-position:-1379px -1003px}
.webp .media-btn-wx {background-position:-1379px -1003px}
.media-btn-wx {
width:144px;
height:142px;

}
.media-btn-wx img {
  position: absolute;
  top: -150px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: none;
}
.no-webp .media-btn-wx:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1379px -1147px}
.webp .media-btn-wx:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1379px -1147px}
.no-webp .media-btn-wx:hover {background-size:1653px 1508px}
.webp .media-btn-wx:hover {background-size:1653px 1508px}
.no-webp .media-btn-wx:hover {background-position:-1379px -1147px}
.webp .media-btn-wx:hover {background-position:-1379px -1147px}
.media-btn-wx:hover {
width:144px;
height:142px;

}
.media-btn-wx:hover img {
  display: block;
}
.no-webp .media-btn-wb {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-0px -1306px}
.webp .media-btn-wb {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-0px -1306px}
.no-webp .media-btn-wb {background-size:1653px 1508px}
.webp .media-btn-wb {background-size:1653px 1508px}
.no-webp .media-btn-wb {background-position:-0px -1306px}
.webp .media-btn-wb {background-position:-0px -1306px}
.media-btn-wb {
width:144px;
height:142px;

}
.no-webp .media-btn-wb:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-146px -1306px}
.webp .media-btn-wb:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-146px -1306px}
.no-webp .media-btn-wb:hover {background-size:1653px 1508px}
.webp .media-btn-wb:hover {background-size:1653px 1508px}
.no-webp .media-btn-wb:hover {background-position:-146px -1306px}
.webp .media-btn-wb:hover {background-position:-146px -1306px}
.media-btn-wb:hover {
width:144px;
height:142px;

}
.no-webp .media-btn-qq {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1379px -139px}
.webp .media-btn-qq {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1379px -139px}
.no-webp .media-btn-qq {background-size:1653px 1508px}
.webp .media-btn-qq {background-size:1653px 1508px}
.no-webp .media-btn-qq {background-position:-1379px -139px}
.webp .media-btn-qq {background-position:-1379px -139px}
.media-btn-qq {
width:146px;
height:142px;

  cursor: pointer;
}
.no-webp .media-btn-qq:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1379px -283px}
.webp .media-btn-qq:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1379px -283px}
.no-webp .media-btn-qq:hover {background-size:1653px 1508px}
.webp .media-btn-qq:hover {background-size:1653px 1508px}
.no-webp .media-btn-qq:hover {background-position:-1379px -283px}
.webp .media-btn-qq:hover {background-position:-1379px -283px}
.media-btn-qq:hover {
width:146px;
height:142px;

}
.media-btn-qq:hover .qq-code {
  display: block;
}
.no-webp .media-btn-qq .qq-code {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-389px -640px}
.webp .media-btn-qq .qq-code {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-389px -640px}
.no-webp .media-btn-qq .qq-code {background-size:1653px 1508px}
.webp .media-btn-qq .qq-code {background-size:1653px 1508px}
.no-webp .media-btn-qq .qq-code {background-position:-389px -640px}
.webp .media-btn-qq .qq-code {background-position:-389px -640px}
.media-btn-qq .qq-code {
width:242px;
height:126px;

  position: absolute;
  top: -126px;
  left: 50%;
  margin-left: -121px;
  display: none;
}
.no-webp .media-btn-qq .qq-code .join-link {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -573px}
.webp .media-btn-qq .qq-code .join-link {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -573px}
.no-webp .media-btn-qq .qq-code .join-link {background-size:1653px 1508px}
.webp .media-btn-qq .qq-code .join-link {background-size:1653px 1508px}
.no-webp .media-btn-qq .qq-code .join-link {background-position:-1544px -573px}
.webp .media-btn-qq .qq-code .join-link {background-position:-1544px -573px}
.media-btn-qq .qq-code .join-link {
  display: block;
width:76px;
height:78px;

  position: absolute;
  right: 18px;
  top: 20px;
}
.no-webp .media-btn-tb {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1379px -427px}
.webp .media-btn-tb {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1379px -427px}
.no-webp .media-btn-tb {background-size:1653px 1508px}
.webp .media-btn-tb {background-size:1653px 1508px}
.no-webp .media-btn-tb {background-position:-1379px -427px}
.webp .media-btn-tb {background-position:-1379px -427px}
.media-btn-tb {
width:145px;
height:142px;

}
.no-webp .media-btn-tb:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1379px -571px}
.webp .media-btn-tb:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1379px -571px}
.no-webp .media-btn-tb:hover {background-size:1653px 1508px}
.webp .media-btn-tb:hover {background-size:1653px 1508px}
.no-webp .media-btn-tb:hover {background-position:-1379px -571px}
.webp .media-btn-tb:hover {background-position:-1379px -571px}
.media-btn-tb:hover {
width:145px;
height:142px;

}
.no-webp .media-btn-ds {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-292px -1306px}
.webp .media-btn-ds {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-292px -1306px}
.no-webp .media-btn-ds {background-size:1653px 1508px}
.webp .media-btn-ds {background-size:1653px 1508px}
.no-webp .media-btn-ds {background-position:-292px -1306px}
.webp .media-btn-ds {background-position:-292px -1306px}
.media-btn-ds {
width:144px;
height:142px;

}
.no-webp .media-btn-ds:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-438px -1306px}
.webp .media-btn-ds:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-438px -1306px}
.no-webp .media-btn-ds:hover {background-size:1653px 1508px}
.webp .media-btn-ds:hover {background-size:1653px 1508px}
.no-webp .media-btn-ds:hover {background-position:-438px -1306px}
.webp .media-btn-ds:hover {background-position:-438px -1306px}
.media-btn-ds:hover {
width:144px;
height:142px;

}
.no-webp .media-btn-bilibili {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-584px -1306px}
.webp .media-btn-bilibili {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-584px -1306px}
.no-webp .media-btn-bilibili {background-size:1653px 1508px}
.webp .media-btn-bilibili {background-size:1653px 1508px}
.no-webp .media-btn-bilibili {background-position:-584px -1306px}
.webp .media-btn-bilibili {background-position:-584px -1306px}
.media-btn-bilibili {
width:144px;
height:142px;

}
.no-webp .media-btn-bilibili:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-730px -1306px}
.webp .media-btn-bilibili:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-730px -1306px}
.no-webp .media-btn-bilibili:hover {background-size:1653px 1508px}
.webp .media-btn-bilibili:hover {background-size:1653px 1508px}
.no-webp .media-btn-bilibili:hover {background-position:-730px -1306px}
.webp .media-btn-bilibili:hover {background-position:-730px -1306px}
.media-btn-bilibili:hover {
width:144px;
height:142px;

}
.no-webp .media-btn-xhs {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1379px -715px}
.webp .media-btn-xhs {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1379px -715px}
.no-webp .media-btn-xhs {background-size:1653px 1508px}
.webp .media-btn-xhs {background-size:1653px 1508px}
.no-webp .media-btn-xhs {background-position:-1379px -715px}
.webp .media-btn-xhs {background-position:-1379px -715px}
.media-btn-xhs {
width:145px;
height:142px;

}
.no-webp .media-btn-xhs:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1379px -859px}
.webp .media-btn-xhs:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1379px -859px}
.no-webp .media-btn-xhs:hover {background-size:1653px 1508px}
.webp .media-btn-xhs:hover {background-size:1653px 1508px}
.no-webp .media-btn-xhs:hover {background-position:-1379px -859px}
.webp .media-btn-xhs:hover {background-position:-1379px -859px}
.media-btn-xhs:hover {
width:145px;
height:142px;

}
.no-webp .service-box {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/service-bg_d926366e.png)}
.webp .service-box {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/service-bg_d926366e.webp)}
.service-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 716px;
  height: 73px;
  font-family: sans-serif;
  color: #fff;
  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;
  white-space: nowrap;
}
.service-box .tel {
  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;
}
.service-box a {
  display: inline-block;
  color: inherit;
}
.no-webp .service-box .icon-tel {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1607px -1014px}
.webp .service-box .icon-tel {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1607px -1014px}
.no-webp .service-box .icon-tel {background-size:1653px 1508px}
.webp .service-box .icon-tel {background-size:1653px 1508px}
.no-webp .service-box .icon-tel {background-position:-1607px -1014px}
.webp .service-box .icon-tel {background-position:-1607px -1014px}
.service-box .icon-tel {
  display: inline-block;
  margin-right: 10px;
width:37px;
height:37px;

}
.service-box .num {
  color: #fff;
}
.no-webp .service-box .service {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-317px -1450px}
.webp .service-box .service {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-317px -1450px}
.no-webp .service-box .service {background-size:1653px 1508px}
.webp .service-box .service {background-size:1653px 1508px}
.no-webp .service-box .service {background-position:-317px -1450px}
.webp .service-box .service {background-position:-317px -1450px}
.service-box .service {
  text-align: center;
  margin-left: 36px;
  color: #fff;
  line-height: 36px;
width:118px;

}
.service-box .service:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .videoPop {background:rgba(0, 0, 0, 0.9)}
.webp .videoPop {background:rgba(0, 0, 0, 0.9)}
.videoPop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}
.videoPop .pop {
  width: 960px;
  height: 500px;
  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%);
  transform: translate(-50%, -50%);
}
.no-webp .videoPop .close-btn {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -540px}
.webp .videoPop .close-btn {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -540px}
.no-webp .videoPop .close-btn {background-size:1653px 1508px}
.webp .videoPop .close-btn {background-size:1653px 1508px}
.no-webp .videoPop .close-btn {background-position:-1345px -540px}
.webp .videoPop .close-btn {background-position:-1345px -540px}
.videoPop .close-btn {
  width: 23px;
  height: 23px;

  display: block;
  position: absolute;
  right: -50px;
  top: -40px;
}
.videoPop .close-btn:hover {
  cursor: pointer;
  -webkit-animation: rotateAnim 1s;
  -moz-animation: rotateAnim 1s;
  -ms-animation: rotateAnim 1s;
  animation: rotateAnim 1s;
}
.pop_init_hd {
  position: fixed;
  left: 50%;
  z-index: 10000;
  margin-left: -388px;
  width: 777px;
  height: 444px;
  top: 50%;
  margin-top: -222px;
  display: none;
}
.no-webp .pop_init_hd .pop-zz {background:#000}
.webp .pop_init_hd .pop-zz {background:#000}
.pop_init_hd .pop-zz {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .75;
  filter: alpha(opacity=75);
  width: 100%;
  min-width: 1200px;
}
.pop_init_hd .pop-zs {
  width: 525px;
  height: 364px;
  position: absolute;
  left: 50%;
  margin-left: -262px;
  top: -50px;
}
.pop_init_hd .pop_hd_content {
  width: 763px;
  height: 429px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.no-webp .pop_init_hd .pop_hd_content .close_pv {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -168px}
.webp .pop_init_hd .pop_hd_content .close_pv {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -168px}
.no-webp .pop_init_hd .pop_hd_content .close_pv {background-size:1653px 1508px}
.webp .pop_init_hd .pop_hd_content .close_pv {background-size:1653px 1508px}
.no-webp .pop_init_hd .pop_hd_content .close_pv {background-position:-1544px -168px}
.webp .pop_init_hd .pop_hd_content .close_pv {background-position:-1544px -168px}
.pop_init_hd .pop_hd_content .close_pv {

  width: 93px;
  height: 94px;
  position: absolute;
  /* left: 50%;
              margin-left: -15px;
              top: -64px; */
  right: 13px;
  top: 0px;
}
.no-webp .pop_init_hd .pop_hd_content .close_pv i {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1358px}
.webp .pop_init_hd .pop_hd_content .close_pv i {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1358px}
.no-webp .pop_init_hd .pop_hd_content .close_pv i {background-size:1653px 1508px}
.webp .pop_init_hd .pop_hd_content .close_pv i {background-size:1653px 1508px}
.no-webp .pop_init_hd .pop_hd_content .close_pv i {background-position:-1544px -1358px}
.webp .pop_init_hd .pop_hd_content .close_pv i {background-position:-1544px -1358px}
.pop_init_hd .pop_hd_content .close_pv i {
  display: none;
  width: 33px;
  height: 33px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;

  -webkit-transition: -webkit-transform 0.3s ease-in-out;

  transition: -webkit-transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.no-webp .pop_init_hd .pop_hd_content .close_pv:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/close-bg-h_18e49e26.png) no-repeat}
.webp .pop_init_hd .pop_hd_content .close_pv:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/close-bg-h_18e49e26.webp) no-repeat}
.pop_init_hd .pop_hd_content .close_pv:hover {
  /* i{
                      transform: rotate(180deg);
                  } */
}
.pop_init_hd .pop_hd_content .img {
  width: 763px;
  height: 429px;
  display: block;
}
.pop_init_hd .pop_hd_content .img img {
  width: 100%;
}
.page-home {
  width: 100%;
  height: 100%;
}
.page-home .kv {
  position: relative;
  z-index: -99;
  width: 100%;
  height: 100%;
}
.no-webp .page-home .kv .bgvideo {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/kv_a44d8b17.jpg) center no-repeat;
  background-size: cover}
.webp .page-home .kv .bgvideo {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/kv_a44d8b17.webp) center no-repeat;
  background-size: cover}
.no-webp .page-home .kv .bgvideo {background-size:cover}
.webp .page-home .kv .bgvideo {background-size:cover}
.page-home .kv .bgvideo {
  position: absolute;
  top: -65px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  height: 100%;
}
.page-home .kv .bgvideo .parallax-box {
  width: 100%;
  height: 100%;
}
.page-home .kv .bgvideo .parallax-box .innerbox {
  width: 100%;
  height: 100%;
}
.page-home .kv .bgvideo canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-home .kv .bgvideo video {
  display: block;
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.no-webp .page-home .copyright {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/copyright_6db9c753.png) no-repeat;
  background-size: 100%}
.webp .page-home .copyright {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/copyright_6db9c753.webp) no-repeat;
  background-size: 100%}
.no-webp .page-home .copyright {background-size:100%}
.webp .page-home .copyright {background-size:100%}
.page-home .copyright {
  width: 385px;
  height: 16px;
  position: absolute;
  bottom: 16px;
  right: 19px;
  z-index: 5;
}
.page-home .video-bg {
  width: 100%;
  height: 1080px;
}
.page-home .video-bg video {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.page-home #leihuo-age {
  position: absolute;
  z-index: 1;
  top: 95px;
  left: 20px;
  -webkit-animation: 6s fadeInOut;
          animation: 6s fadeInOut;
}
.page-home #leihuo-age img {
  width: 65px;
  height: 85px;
}
.no-webp .page-home .sub-title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sub-title_b68861a3.png) no-repeat}
.webp .page-home .sub-title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sub-title_b68861a3.webp) no-repeat}
.page-home .sub-title {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 208px;
  width: 993px;
  height: 78px;
  pointer-events: none;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.no-webp .page-home .slogan {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/slogan_eb435a7f.png) no-repeat}
.webp .page-home .slogan {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/slogan_eb435a7f.webp) no-repeat}
.page-home .slogan {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -491px;
  margin-top: -360px;
  width: 983px;
  height: 612px;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.page-home .slogan.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.page-home .slogan .btn-play-index {
  z-index: 1;
  position: absolute;
  cursor: pointer;
  top: 193px;
  right: 222px;
  width: 96px;
  height: 87px;
  font-size: 0;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.no-webp .page-home .slogan .btn-play-index:before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-338px -240px}
.webp .page-home .slogan .btn-play-index:before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-338px -240px}
.no-webp .page-home .slogan .btn-play-index:before {background-size:1653px 1508px}
.webp .page-home .slogan .btn-play-index:before {background-size:1653px 1508px}
.no-webp .page-home .slogan .btn-play-index:before {background-position:-338px -240px}
.webp .page-home .slogan .btn-play-index:before {background-position:-338px -240px}
.page-home .slogan .btn-play-index:before {
  pointer-events: none;
  position: absolute;
  left: -70px;
  top: -76px;
  content: '';
width:238px;
height:238px;

}
.page-home .slogan .btn-play-index:hover:before {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page-home .btn-huigui {
  width: 222px;
  height: 223px;
  position: absolute;
  top: 396px;
  left: 50%;
  margin-left: -458px;
  z-index: 10;
  cursor: pointer;
}
.no-webp .page-home .btn-huigui .icon-yuan {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/btn-huigui_737a7790.png) no-repeat;
  background-size: 100% auto}
.webp .page-home .btn-huigui .icon-yuan {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/btn-huigui_737a7790.webp) no-repeat;
  background-size: 100% auto}
.no-webp .page-home .btn-huigui .icon-yuan {background-size:100% auto}
.webp .page-home .btn-huigui .icon-yuan {background-size:100% auto}
.page-home .btn-huigui .icon-yuan {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: xuanzhuan 6s linear infinite;
          animation: xuanzhuan 6s linear infinite;
}
.no-webp .page-home .btn-huigui .icon-light {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/btn-huigui-light_9d118328.png) no-repeat;
  background-size: 100% auto}
.webp .page-home .btn-huigui .icon-light {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/btn-huigui-light_9d118328.webp) no-repeat;
  background-size: 100% auto}
.no-webp .page-home .btn-huigui .icon-light {background-size:100% auto}
.webp .page-home .btn-huigui .icon-light {background-size:100% auto}
.page-home .btn-huigui .icon-light {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.no-webp .page-home .btn-huigui .icon-txt {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/btn-huigui-txt_96d86ad8.png) no-repeat;
  background-size: 100% auto}
.webp .page-home .btn-huigui .icon-txt {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/btn-huigui-txt_96d86ad8.webp) no-repeat;
  background-size: 100% auto}
.no-webp .page-home .btn-huigui .icon-txt {background-size:100% auto}
.webp .page-home .btn-huigui .icon-txt {background-size:100% auto}
.page-home .btn-huigui .icon-txt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.no-webp .page-home .btn-qxjh {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-0px -0px}
.webp .page-home .btn-qxjh {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-0px -0px}
.no-webp .page-home .btn-qxjh {background-size:1653px 1508px}
.webp .page-home .btn-qxjh {background-size:1653px 1508px}
.no-webp .page-home .btn-qxjh {background-position:-0px -0px}
.webp .page-home .btn-qxjh {background-position:-0px -0px}
.page-home .btn-qxjh {
width:336px;
height:245px;

  position: absolute;
  bottom: 62px;
  right: 0;
  cursor: pointer;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.page-home .btn-qxjh:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page-home .btn-qxjh .qxjh .qx,
.page-home .btn-qxjh .qxjh .jh {
  position: absolute;
  left: 158px;
  top: 62px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fefdf2;
  font-family: 'fzfftjtbold', serif;
  font-size: 55px;
  text-align: center;
  -webkit-filter: drop-shadow(rgba(75, 17, 23, 0.5) 0px 2px 2px);
          filter: drop-shadow(rgba(75, 17, 23, 0.5) 0px 2px 2px);
  letter-spacing: 0.04em;
}
@supports (-webkit-background-clip: text) {
.no-webp .page-home .btn-qxjh .qxjh .qx {background:-webkit-gradient(linear, left top, left bottom, from(#fffff2), to(#f9f6dc))}
.webp .page-home .btn-qxjh .qxjh .qx {background:-webkit-gradient(linear, left top, left bottom, from(#fffff2), to(#f9f6dc))}
.no-webp .page-home .btn-qxjh .qxjh .qx {background:linear-gradient(180deg, #fffff2, #f9f6dc)}
.webp .page-home .btn-qxjh .qxjh .qx {background:linear-gradient(180deg, #fffff2, #f9f6dc)}
.no-webp .page-home .btn-qxjh .qxjh .qx {-webkit-background-clip:text}
.webp .page-home .btn-qxjh .qxjh .qx {-webkit-background-clip:text}
  .page-home .btn-qxjh .qxjh .qx {
    -webkit-text-fill-color: transparent;
  }
}
.page-home .btn-qxjh .qxjh .jh {
  top: 116px;
}
@supports (-webkit-background-clip: text) {
.no-webp .page-home .btn-qxjh .qxjh .jh {background:-webkit-gradient(linear, left top, left bottom, from(#f9f6dc), to(#f4edc7))}
.webp .page-home .btn-qxjh .qxjh .jh {background:-webkit-gradient(linear, left top, left bottom, from(#f9f6dc), to(#f4edc7))}
.no-webp .page-home .btn-qxjh .qxjh .jh {background:linear-gradient(180deg, #f9f6dc, #f4edc7)}
.webp .page-home .btn-qxjh .qxjh .jh {background:linear-gradient(180deg, #f9f6dc, #f4edc7)}
.no-webp .page-home .btn-qxjh .qxjh .jh {-webkit-background-clip:text}
.webp .page-home .btn-qxjh .qxjh .jh {-webkit-background-clip:text}
  .page-home .btn-qxjh .qxjh .jh {
    -webkit-text-fill-color: transparent;
  }
}
.page-home .btn-qxjh .yinfo {
  position: absolute;
  left: 96px;
  top: 178px;
  font-size: 16px;
  font-family: 'fzlth', serif;
  color: #092936;
  letter-spacing: 0.08em;
}
.no-webp .page-home .xinfu {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-0px -247px}
.webp .page-home .xinfu {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-0px -247px}
.no-webp .page-home .xinfu {background-size:1653px 1508px}
.webp .page-home .xinfu {background-size:1653px 1508px}
.no-webp .page-home .xinfu {background-position:-0px -247px}
.webp .page-home .xinfu {background-position:-0px -247px}
.page-home .xinfu {
width:245px;
height:252px;

  position: absolute;
  bottom: 66px;
  left: 0;
  cursor: pointer;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.page-home .xinfu:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page-home .xinfu .yuan .name,
.page-home .xinfu .yuan .yuyue {
  position: absolute;
  left: 82px;
  top: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fefdf2;
  font-family: 'fzfftjtbold', serif;
  font-size: 55px;
  text-align: center;
  -webkit-filter: drop-shadow(rgba(75, 17, 23, 0.5) 0px 2px 2px);
          filter: drop-shadow(rgba(75, 17, 23, 0.5) 0px 2px 2px);
  letter-spacing: 0.04em;
}
@supports (-webkit-background-clip: text) {
.no-webp .page-home .xinfu .yuan .name {background:-webkit-gradient(linear, left top, left bottom, from(#fffff2), to(#f9f6dc))}
.webp .page-home .xinfu .yuan .name {background:-webkit-gradient(linear, left top, left bottom, from(#fffff2), to(#f9f6dc))}
.no-webp .page-home .xinfu .yuan .name {background:linear-gradient(180deg, #fffff2, #f9f6dc)}
.webp .page-home .xinfu .yuan .name {background:linear-gradient(180deg, #fffff2, #f9f6dc)}
.no-webp .page-home .xinfu .yuan .name {-webkit-background-clip:text}
.webp .page-home .xinfu .yuan .name {-webkit-background-clip:text}
  .page-home .xinfu .yuan .name {
    -webkit-text-fill-color: transparent;
  }
}
.page-home .xinfu .yuan .yuyue {
  top: 62px;
}
@supports (-webkit-background-clip: text) {
.no-webp .page-home .xinfu .yuan .yuyue {background:-webkit-gradient(linear, left top, left bottom, from(#f9f6dc), to(#f4edc7))}
.webp .page-home .xinfu .yuan .yuyue {background:-webkit-gradient(linear, left top, left bottom, from(#f9f6dc), to(#f4edc7))}
.no-webp .page-home .xinfu .yuan .yuyue {background:linear-gradient(180deg, #f9f6dc, #f4edc7)}
.webp .page-home .xinfu .yuan .yuyue {background:linear-gradient(180deg, #f9f6dc, #f4edc7)}
.no-webp .page-home .xinfu .yuan .yuyue {-webkit-background-clip:text}
.webp .page-home .xinfu .yuan .yuyue {-webkit-background-clip:text}
  .page-home .xinfu .yuan .yuyue {
    -webkit-text-fill-color: transparent;
  }
}
.page-home .xinfu .fu,
.page-home .xinfu .time,
.page-home .xinfu .yinfo {
  position: absolute;
  left: 60px;
  width: 126px;
  text-align: center;
  font-size: 16px;
  color: #0B5258;
  letter-spacing: 0.04em;
}
.page-home .xinfu .time {
  font-family: 'fzlth', serif;
  top: 172px;
}
.page-home .xinfu .fu {
  color: #fff692;
  font-size: 17px;
  font-family: 'fzltdh', serif;
  letter-spacing: 0.08em;
  top: 225px;
}
.page-home .xinfu .yinfo {
  color: #65412d;
  font-size: 26px;
  font-family: 'fzfftjtbold', serif;
  letter-spacing: 0.08em;
  top: 130px;
}
@supports (-webkit-background-clip: text) {
.no-webp .page-home .xinfu .yinfo {background:-webkit-gradient(linear, left top, left bottom, from(#1E9BAF), to(#6FE8A2))}
.webp .page-home .xinfu .yinfo {background:-webkit-gradient(linear, left top, left bottom, from(#1E9BAF), to(#6FE8A2))}
.no-webp .page-home .xinfu .yinfo {background:linear-gradient(180deg, #1E9BAF, #6FE8A2)}
.webp .page-home .xinfu .yinfo {background:linear-gradient(180deg, #1E9BAF, #6FE8A2)}
.no-webp .page-home .xinfu .yinfo {-webkit-background-clip:text}
.webp .page-home .xinfu .yinfo {-webkit-background-clip:text}
  .page-home .xinfu .yinfo {
    -webkit-text-fill-color: transparent;
  }
}
.no-webp .page-home .download {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/download-bg-3_4e9cd190.png) no-repeat}
.webp .page-home .download {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/download-bg-3_4e9cd190.webp) no-repeat}
.page-home .download {
  position: absolute;
  left: 50%;
  margin-left: -341px;
  bottom: 84px;
  font: normal 18px/48px 'Microsoft YaHei';
  color: #687ca1;
  width: 682px;
  height: 202px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}
.page-home .download .download-tips {
  position: absolute;
  color: #1f1f1f;
  font-size: 12px;
  bottom: -18px;
  line-height: 16px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.page-home .download h5 {
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 1px;
}
.page-home .download h5:before,
.page-home .download h5:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
}
.no-webp .page-home .download .desktop {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1030px -779px}
.webp .page-home .download .desktop {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1030px -779px}
.no-webp .page-home .download .desktop {background-size:1653px 1508px}
.webp .page-home .download .desktop {background-size:1653px 1508px}
.no-webp .page-home .download .desktop {background-position:-1030px -779px}
.webp .page-home .download .desktop {background-position:-1030px -779px}
.page-home .download .desktop {
  position: absolute;
  bottom: 18px;
  right: 135px;
  z-index: 1;
width:109px;
height:166px;

  text-indent: -999em;
}
.no-webp .page-home .download .desktop::after {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1613px -1393px}
.webp .page-home .download .desktop::after {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1613px -1393px}
.no-webp .page-home .download .desktop::after {background-size:1653px 1508px}
.webp .page-home .download .desktop::after {background-size:1653px 1508px}
.no-webp .page-home .download .desktop::after {background-position:-1613px -1393px}
.webp .page-home .download .desktop::after {background-position:-1613px -1393px}
.page-home .download .desktop::after {
  content: "";
  position: absolute;
  top: -6px;
  right: -16px;
width:34px;
height:22px;

}
.no-webp .page-home .download .desktop:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1544px -0px}
.webp .page-home .download .desktop:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1544px -0px}
.no-webp .page-home .download .desktop:hover {background-size:1653px 1508px}
.webp .page-home .download .desktop:hover {background-size:1653px 1508px}
.no-webp .page-home .download .desktop:hover {background-position:-1544px -0px}
.webp .page-home .download .desktop:hover {background-position:-1544px -0px}
.page-home .download .desktop:hover {
width:109px;
height:166px;

}
.no-webp .page-home .download .taptap {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1544px -653px}
.webp .page-home .download .taptap {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1544px -653px}
.no-webp .page-home .download .taptap {background-size:1653px 1508px}
.webp .page-home .download .taptap {background-size:1653px 1508px}
.no-webp .page-home .download .taptap {background-position:-1544px -653px}
.webp .page-home .download .taptap {background-position:-1544px -653px}
.page-home .download .taptap {
  position: absolute;
  bottom: 18px;
  right: 361px;
  font-size: 0;
width:97px;
height:48px;

}
.no-webp .page-home .download .taptap:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1544px -703px}
.webp .page-home .download .taptap:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1544px -703px}
.no-webp .page-home .download .taptap:hover {background-size:1653px 1508px}
.webp .page-home .download .taptap:hover {background-size:1653px 1508px}
.no-webp .page-home .download .taptap:hover {background-position:-1544px -703px}
.webp .page-home .download .taptap:hover {background-position:-1544px -703px}
.page-home .download .taptap:hover {
width:96px;
height:48px;

}
.no-webp .page-home .download .hutong {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -753px}
.webp .page-home .download .hutong {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -753px}
.no-webp .page-home .download .hutong {background-size:1653px 1508px}
.webp .page-home .download .hutong {background-size:1653px 1508px}
.no-webp .page-home .download .hutong {background-position:-1544px -753px}
.webp .page-home .download .hutong {background-position:-1544px -753px}
.page-home .download .hutong {
  position: absolute;
  bottom: 18px;
  right: 252px;
width:96px;
height:48px;

  text-indent: -999em;
}
.no-webp .page-home .download .hutong:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -803px}
.webp .page-home .download .hutong:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -803px}
.no-webp .page-home .download .hutong:hover {background-size:1653px 1508px}
.webp .page-home .download .hutong:hover {background-size:1653px 1508px}
.no-webp .page-home .download .hutong:hover {background-position:-1544px -803px}
.webp .page-home .download .hutong:hover {background-position:-1544px -803px}
.page-home .download .hutong:hover {
width:96px;
height:48px;

}
.no-webp .page-home .download .online-play {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1572px -853px}
.webp .page-home .download .online-play {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1572px -853px}
.no-webp .page-home .download .online-play {background-size:1653px 1508px}
.webp .page-home .download .online-play {background-size:1653px 1508px}
.no-webp .page-home .download .online-play {background-position:-1572px -853px}
.webp .page-home .download .online-play {background-position:-1572px -853px}
.page-home .download .online-play {
  position: absolute;
  top: 74px;
  right: 18px;
  width: 74px;
  height: 51px;

  text-indent: -999em;
}
.no-webp .page-home .download .online-play:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1572px -906px}
.webp .page-home .download .online-play:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1572px -906px}
.no-webp .page-home .download .online-play:hover {background-size:1653px 1508px}
.webp .page-home .download .online-play:hover {background-size:1653px 1508px}
.no-webp .page-home .download .online-play:hover {background-position:-1572px -906px}
.webp .page-home .download .online-play:hover {background-position:-1572px -906px}
.page-home .download .online-play:hover {
width:74px;
height:49px;

}
.no-webp .page-home .download .pay {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite_zhifuanniu_3_4ba2ffb3.png);
  background-size: 700% 700%}
.webp .page-home .download .pay {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite_zhifuanniu_3_4ba2ffb3.webp);
  background-size: 700% 700%}
.no-webp .page-home .download .pay {background-size:700% 700%}
.webp .page-home .download .pay {background-size:700% 700%}
.page-home .download .pay {
  font-size: 0;
  position: absolute;
  right: 19px;
  bottom: 18px;
  height: 166px;
  width: 108px;
  mix-blend-mode: normal;
  -webkit-animation: sprite_zhifuanniu_3 2s steps(1) both infinite;
          animation: sprite_zhifuanniu_3 2s steps(1) both infinite;
}
@-webkit-keyframes huxi {
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes huxi {
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.no-webp .page-home .download .shuoming {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1544px -1112px}
.webp .page-home .download .shuoming {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1544px -1112px}
.no-webp .page-home .download .shuoming {background-size:1653px 1508px}
.webp .page-home .download .shuoming {background-size:1653px 1508px}
.no-webp .page-home .download .shuoming {background-position:-1544px -1112px}
.webp .page-home .download .shuoming {background-position:-1544px -1112px}
.page-home .download .shuoming {
  display: none;
  position: absolute;
  right: -155px;
  bottom: -35px;
  width: 106px;
  height: 29px;

}
.no-webp .page-home .download .shuoming:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1544px -1143px}
.webp .page-home .download .shuoming:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1544px -1143px}
.no-webp .page-home .download .shuoming:hover {background-size:1653px 1508px}
.webp .page-home .download .shuoming:hover {background-size:1653px 1508px}
.no-webp .page-home .download .shuoming:hover {background-position:-1544px -1143px}
.webp .page-home .download .shuoming:hover {background-position:-1544px -1143px}
.page-home .download .shuoming:hover {
width:106px;
height:29px;

}
.no-webp .page-home .download .shoushen {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1544px -359px}
.webp .page-home .download .shoushen {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1544px -359px}
.no-webp .page-home .download .shoushen {background-size:1653px 1508px}
.webp .page-home .download .shoushen {background-size:1653px 1508px}
.no-webp .page-home .download .shoushen {background-position:-1544px -359px}
.webp .page-home .download .shoushen {background-position:-1544px -359px}
.page-home .download .shoushen {
  position: absolute;
  top: 18px;
  right: 17px;
  width: 79px;
  height: 105px;

  font-size: 0;
  text-indent: -9999em;
}
.no-webp .page-home .download .shoushen .tips {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/tips_d30ba048.png) no-repeat}
.webp .page-home .download .shoushen .tips {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/tips_d30ba048.webp) no-repeat}
.page-home .download .shoushen .tips {
  width: 370px;
  height: 97px;
  position: absolute;
  left: 50%;
  margin-left: -185px;
  top: 120px;
  text-indent: 0;
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  padding-top: 27px;
  display: none;
  pointer-events: none;
}
.no-webp .page-home .download .shoushen:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1544px -466px}
.webp .page-home .download .shoushen:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1544px -466px}
.no-webp .page-home .download .shoushen:hover {background-size:1653px 1508px}
.webp .page-home .download .shoushen:hover {background-size:1653px 1508px}
.no-webp .page-home .download .shoushen:hover {background-position:-1544px -466px}
.webp .page-home .download .shoushen:hover {background-position:-1544px -466px}
.page-home .download .shoushen:hover {
width:79px;
height:105px;

}
.page-home .download .shoushen:hover .tips {
  display: block;
}
.no-webp .page-home .download .shoushen-faq {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1345px -432px}
.webp .page-home .download .shoushen-faq {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1345px -432px}
.no-webp .page-home .download .shoushen-faq {background-size:1653px 1508px}
.webp .page-home .download .shoushen-faq {background-size:1653px 1508px}
.no-webp .page-home .download .shoushen-faq {background-position:-1345px -432px}
.webp .page-home .download .shoushen-faq {background-position:-1345px -432px}
.page-home .download .shoushen-faq {
  position: absolute;
  right: 17px;
  top: 18px;
  width: 24px;
  height: 26px;

  font-size: 0;
  text-indent: -9999em;
}
.no-webp .page-home .download .shoushen-faq:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1345px -460px}
.webp .page-home .download .shoushen-faq:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1345px -460px}
.no-webp .page-home .download .shoushen-faq:hover {background-size:1653px 1508px}
.webp .page-home .download .shoushen-faq:hover {background-size:1653px 1508px}
.no-webp .page-home .download .shoushen-faq:hover {background-position:-1345px -460px}
.webp .page-home .download .shoushen-faq:hover {background-position:-1345px -460px}
.page-home .download .shoushen-faq:hover {
width:24px;
height:26px;

}
.page-home .download .ios,
.page-home .download .android {
  position: absolute;
  left: 224px;
  font-size: 0;
}
.no-webp .page-home .download .ios {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1063px -1306px}
.webp .page-home .download .ios {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1063px -1306px}
.no-webp .page-home .download .ios {background-size:1653px 1508px}
.webp .page-home .download .ios {background-size:1653px 1508px}
.no-webp .page-home .download .ios {background-position:-1063px -1306px}
.webp .page-home .download .ios {background-position:-1063px -1306px}
.page-home .download .ios {
  top: 19px;
width:208px;
height:52px;

}
.no-webp .page-home .download .ios:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1273px -1306px}
.webp .page-home .download .ios:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1273px -1306px}
.no-webp .page-home .download .ios:hover {background-size:1653px 1508px}
.webp .page-home .download .ios:hover {background-size:1653px 1508px}
.no-webp .page-home .download .ios:hover {background-position:-1273px -1306px}
.webp .page-home .download .ios:hover {background-position:-1273px -1306px}
.page-home .download .ios:hover {
width:208px;
height:52px;

}
.no-webp .page-home .download .android {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-876px -1380px}
.webp .page-home .download .android {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-876px -1380px}
.no-webp .page-home .download .android {background-size:1653px 1508px}
.webp .page-home .download .android {background-size:1653px 1508px}
.no-webp .page-home .download .android {background-position:-876px -1380px}
.webp .page-home .download .android {background-position:-876px -1380px}
.page-home .download .android {
  bottom: 76px;
width:206px;
height:50px;

}
.no-webp .page-home .download .android:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1084px -1380px}
.webp .page-home .download .android:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1084px -1380px}
.no-webp .page-home .download .android:hover {background-size:1653px 1508px}
.webp .page-home .download .android:hover {background-size:1653px 1508px}
.no-webp .page-home .download .android:hover {background-position:-1084px -1380px}
.webp .page-home .download .android:hover {background-position:-1084px -1380px}
.page-home .download .android:hover {
width:206px;
height:50px;

}
.page-home .download .qrcode {
  position: absolute;
  top: 17px;
  left: 50px;
  width: 166px;
  height: 166px;
}
.page-home .download .qrcode img {
  width: 100%;
  height: 100%;
}
.no-webp .page-home .download .qrcode .scan-line {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1379px -1291px}
.webp .page-home .download .qrcode .scan-line {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1379px -1291px}
.no-webp .page-home .download .qrcode .scan-line {background-size:1653px 1508px}
.webp .page-home .download .qrcode .scan-line {background-size:1653px 1508px}
.no-webp .page-home .download .qrcode .scan-line {background-position:-1379px -1291px}
.webp .page-home .download .qrcode .scan-line {background-position:-1379px -1291px}
.page-home .download .qrcode .scan-line {
  position: absolute;
  top: 0;
  left: -3px;
width:111px;
height:7px;

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

          animation: scan-qrcode 1.5s linear alternate infinite;
}
.no-webp .page-home .download .download-text {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1544px -853px}
.webp .page-home .download .download-text {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1544px -853px}
.no-webp .page-home .download .download-text {background-size:1653px 1508px}
.webp .page-home .download .download-text {background-size:1653px 1508px}
.no-webp .page-home .download .download-text {background-position:-1544px -853px}
.webp .page-home .download .download-text {background-position:-1544px -853px}
.page-home .download .download-text {
  position: absolute;
  top: 22px;
  left: 17px;
width:26px;
height:159px;

}
.page-home .download-qudao .ios,
.page-home .download-qudao .android {
  left: 137px;
}
.page-home .download-qudao .hutong {
  left: 14px;
}
@media screen and (min-width: 1921px) {
  .page-home .download {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes xuanzhuan {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes xuanzhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes xuanzhuan {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes zjiazengtianyu_hecheng_12_anim {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -6px);
            transform: translate(0px, -6px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes zjiazengtianyu_hecheng_12_anim {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -6px);
            transform: translate(0px, -6px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes sprite_zhifuanniu_3 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -108px 0px;
  }
  4.2% {
    background-position: -216px 0px;
  }
  6.3% {
    background-position: -324px 0px;
  }
  8.3% {
    background-position: -432px 0px;
  }
  10.4% {
    background-position: -540px 0px;
  }
  12.5% {
    background-position: -648px 0px;
  }
  14.6% {
    background-position: 0px -166px;
  }
  16.7% {
    background-position: -108px -166px;
  }
  18.8% {
    background-position: -216px -166px;
  }
  20.8% {
    background-position: -324px -166px;
  }
  22.9% {
    background-position: -432px -166px;
  }
  25% {
    background-position: -540px -166px;
  }
  27.1% {
    background-position: -648px -166px;
  }
  29.2% {
    background-position: 0px -332px;
  }
  31.3% {
    background-position: -108px -332px;
  }
  33.3% {
    background-position: -216px -332px;
  }
  35.4% {
    background-position: -324px -332px;
  }
  37.5% {
    background-position: -432px -332px;
  }
  39.6% {
    background-position: -540px -332px;
  }
  41.7% {
    background-position: -648px -332px;
  }
  43.8% {
    background-position: 0px -498px;
  }
  45.8% {
    background-position: -108px -498px;
  }
  47.9% {
    background-position: -216px -498px;
  }
  50% {
    background-position: -324px -498px;
  }
  52.1% {
    background-position: -432px -498px;
  }
  54.2% {
    background-position: -540px -498px;
  }
  56.3% {
    background-position: -648px -498px;
  }
  58.3% {
    background-position: 0px -664px;
  }
  60.4% {
    background-position: -108px -664px;
  }
  62.5% {
    background-position: -216px -664px;
  }
  64.6% {
    background-position: -324px -664px;
  }
  66.7% {
    background-position: -432px -664px;
  }
  68.8% {
    background-position: -540px -664px;
  }
  70.8% {
    background-position: -648px -664px;
  }
  72.9% {
    background-position: 0px -830px;
  }
  75% {
    background-position: -108px -830px;
  }
  77.1% {
    background-position: -216px -830px;
  }
  79.2% {
    background-position: -324px -830px;
  }
  81.3% {
    background-position: -432px -830px;
  }
  83.3% {
    background-position: -540px -830px;
  }
  85.4% {
    background-position: -648px -830px;
  }
  87.5% {
    background-position: 0px -996px;
  }
  89.6% {
    background-position: -108px -996px;
  }
  91.7% {
    background-position: -216px -996px;
  }
  93.8% {
    background-position: -324px -996px;
  }
  95.8% {
    background-position: -432px -996px;
  }
  97.9% {
    background-position: -540px -996px;
  }
  100% {
    background-position: -540px -996px;
  }
}
@keyframes sprite_zhifuanniu_3 {
  0% {
    background-position: 0px 0px;
  }
  2.1% {
    background-position: -108px 0px;
  }
  4.2% {
    background-position: -216px 0px;
  }
  6.3% {
    background-position: -324px 0px;
  }
  8.3% {
    background-position: -432px 0px;
  }
  10.4% {
    background-position: -540px 0px;
  }
  12.5% {
    background-position: -648px 0px;
  }
  14.6% {
    background-position: 0px -166px;
  }
  16.7% {
    background-position: -108px -166px;
  }
  18.8% {
    background-position: -216px -166px;
  }
  20.8% {
    background-position: -324px -166px;
  }
  22.9% {
    background-position: -432px -166px;
  }
  25% {
    background-position: -540px -166px;
  }
  27.1% {
    background-position: -648px -166px;
  }
  29.2% {
    background-position: 0px -332px;
  }
  31.3% {
    background-position: -108px -332px;
  }
  33.3% {
    background-position: -216px -332px;
  }
  35.4% {
    background-position: -324px -332px;
  }
  37.5% {
    background-position: -432px -332px;
  }
  39.6% {
    background-position: -540px -332px;
  }
  41.7% {
    background-position: -648px -332px;
  }
  43.8% {
    background-position: 0px -498px;
  }
  45.8% {
    background-position: -108px -498px;
  }
  47.9% {
    background-position: -216px -498px;
  }
  50% {
    background-position: -324px -498px;
  }
  52.1% {
    background-position: -432px -498px;
  }
  54.2% {
    background-position: -540px -498px;
  }
  56.3% {
    background-position: -648px -498px;
  }
  58.3% {
    background-position: 0px -664px;
  }
  60.4% {
    background-position: -108px -664px;
  }
  62.5% {
    background-position: -216px -664px;
  }
  64.6% {
    background-position: -324px -664px;
  }
  66.7% {
    background-position: -432px -664px;
  }
  68.8% {
    background-position: -540px -664px;
  }
  70.8% {
    background-position: -648px -664px;
  }
  72.9% {
    background-position: 0px -830px;
  }
  75% {
    background-position: -108px -830px;
  }
  77.1% {
    background-position: -216px -830px;
  }
  79.2% {
    background-position: -324px -830px;
  }
  81.3% {
    background-position: -432px -830px;
  }
  83.3% {
    background-position: -540px -830px;
  }
  85.4% {
    background-position: -648px -830px;
  }
  87.5% {
    background-position: 0px -996px;
  }
  89.6% {
    background-position: -108px -996px;
  }
  91.7% {
    background-position: -216px -996px;
  }
  93.8% {
    background-position: -324px -996px;
  }
  95.8% {
    background-position: -432px -996px;
  }
  97.9% {
    background-position: -540px -996px;
  }
  100% {
    background-position: -540px -996px;
  }
}
.zslogan_fenceng_hecheng_12 {
  top: 50%;
  left: 50%;
  margin-left: -664px;
  margin-top: -215px;
  height: 424px;
  width: 1328px;
  position: absolute;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  z-index: 1;
  /* 入场 */
  /* 循环 */
}
.zslogan_fenceng_hecheng_12 .hecheng_box {
  opacity: 0;
}
.zslogan_fenceng_hecheng_12 .hecheng_box.ready {
  display: none;
}
.zslogan_fenceng_hecheng_12 .hecheng_box.show {
  display: block;
  opacity: 1;
}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_000 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite_z_slogandaochu_000_b801aa73.png);
  background-size: 400% 300%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_000 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite_z_slogandaochu_000_b801aa73.webp);
  background-size: 400% 300%}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_000 {background-size:400% 300%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_000 {background-size:400% 300%}
.zslogan_fenceng_hecheng_12 .z_slogan_8_000 {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  height: 424px;
  width: 1328px;
  mix-blend-mode: normal;
  -webkit-animation: z_slogan_001_anim 0.58s 0s linear both, sprite_z_slogandaochu_000 0.88s 0s steps(1) both;
          animation: z_slogan_001_anim 0.58s 0s linear both, sprite_z_slogandaochu_000 0.88s 0s steps(1) both;
}
@-webkit-keyframes z_slogan_001_anim {
  0% {
    opacity: 1;
  }
  99.99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes z_slogan_001_anim {
  0% {
    opacity: 1;
  }
  99.99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes sprite_z_slogandaochu_000 {
  0% {
    background-position: 0px 0px;
  }
  9.5% {
    background-position: -1328px 0px;
  }
  19% {
    background-position: -2656px 0px;
  }
  28.6% {
    background-position: -3984px 0px;
  }
  38.1% {
    background-position: 0px -424px;
  }
  47.6% {
    background-position: -1328px -424px;
  }
  57.1% {
    background-position: -2656px -424px;
  }
  66.7% {
    background-position: -3984px -424px;
  }
  76.2% {
    background-position: 0px -848px;
  }
  85.7% {
    background-position: -1328px -848px;
  }
  95.2% {
    background-position: -2656px -848px;
  }
  100% {
    background-position: -2656px -848px;
  }
}
@keyframes sprite_z_slogandaochu_000 {
  0% {
    background-position: 0px 0px;
  }
  9.5% {
    background-position: -1328px 0px;
  }
  19% {
    background-position: -2656px 0px;
  }
  28.6% {
    background-position: -3984px 0px;
  }
  38.1% {
    background-position: 0px -424px;
  }
  47.6% {
    background-position: -1328px -424px;
  }
  57.1% {
    background-position: -2656px -424px;
  }
  66.7% {
    background-position: -3984px -424px;
  }
  76.2% {
    background-position: 0px -848px;
  }
  85.7% {
    background-position: -1328px -848px;
  }
  95.2% {
    background-position: -2656px -848px;
  }
  100% {
    background-position: -2656px -848px;
  }
}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite_z_slogandaochu_001_3907e877.png);
  background-size: 500% 400%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite_z_slogandaochu_001_3907e877.webp);
  background-size: 500% 400%}
.no-webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background-size:500% 400%}
.webp .zslogan_fenceng_hecheng_12 .z_slogan_8_001 {background-size:500% 400%}
.zslogan_fenceng_hecheng_12 .z_slogan_8_001 {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  height: 424px;
  width: 1328px;
  mix-blend-mode: normal;
  -webkit-animation: z_slogan_000_anim 0.292s 0.58s linear both, sprite_z_slogandaochu_001 2.33s 0s steps(1) infinite normal;
          animation: z_slogan_000_anim 0.292s 0.58s linear both, sprite_z_slogandaochu_001 2.33s 0s steps(1) infinite normal;
}
@-webkit-keyframes z_slogan_000_anim {
  0% {
    opacity: 0;
  }
  0.01% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_slogan_000_anim {
  0% {
    opacity: 0;
  }
  0.01% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes sprite_z_slogandaochu_001 {
  0% {
    background-position: 0px 0px;
  }
  41.1% {
    background-position: -1328px 0px;
  }
  44.6% {
    background-position: -2656px 0px;
  }
  48.2% {
    background-position: -3984px 0px;
  }
  51.8% {
    background-position: -5312px 0px;
  }
  55.4% {
    background-position: 0px -424px;
  }
  58.9% {
    background-position: -1328px -424px;
  }
  62.5% {
    background-position: -2656px -424px;
  }
  66.1% {
    background-position: -3984px -424px;
  }
  69.6% {
    background-position: -5312px -424px;
  }
  73.2% {
    background-position: 0px -848px;
  }
  76.8% {
    background-position: -1328px -848px;
  }
  80.4% {
    background-position: -2656px -848px;
  }
  83.9% {
    background-position: -3984px -848px;
  }
  87.5% {
    background-position: -5312px -848px;
  }
  91.1% {
    background-position: 0px -1272px;
  }
  94.6% {
    background-position: -1328px -1272px;
  }
  98.2% {
    background-position: -2656px -1272px;
  }
  100% {
    background-position: -2656px -1272px;
  }
}
@keyframes sprite_z_slogandaochu_001 {
  0% {
    background-position: 0px 0px;
  }
  41.1% {
    background-position: -1328px 0px;
  }
  44.6% {
    background-position: -2656px 0px;
  }
  48.2% {
    background-position: -3984px 0px;
  }
  51.8% {
    background-position: -5312px 0px;
  }
  55.4% {
    background-position: 0px -424px;
  }
  58.9% {
    background-position: -1328px -424px;
  }
  62.5% {
    background-position: -2656px -424px;
  }
  66.1% {
    background-position: -3984px -424px;
  }
  69.6% {
    background-position: -5312px -424px;
  }
  73.2% {
    background-position: 0px -848px;
  }
  76.8% {
    background-position: -1328px -848px;
  }
  80.4% {
    background-position: -2656px -848px;
  }
  83.9% {
    background-position: -3984px -848px;
  }
  87.5% {
    background-position: -5312px -848px;
  }
  91.1% {
    background-position: 0px -1272px;
  }
  94.6% {
    background-position: -1328px -1272px;
  }
  98.2% {
    background-position: -2656px -1272px;
  }
  100% {
    background-position: -2656px -1272px;
  }
}
.zslogan_fenceng_hecheng_12 .btn-play-index {
  z-index: 1;
  position: absolute;
  cursor: pointer;
  top: 193px;
  right: 222px;
  width: 96px;
  height: 87px;
  font-size: 0;
  -webkit-animation: 5s fadeInOut;
          animation: 5s fadeInOut;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.no-webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-338px -240px}
.webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-338px -240px}
.no-webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-size:1653px 1508px}
.webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-size:1653px 1508px}
.no-webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-position:-338px -240px}
.webp .zslogan_fenceng_hecheng_12 .btn-play-index:before {background-position:-338px -240px}
.zslogan_fenceng_hecheng_12 .btn-play-index:before {
  pointer-events: none;
  position: absolute;
  left: -70px;
  top: -76px;
  content: '';
width:238px;
height:238px;

}
.zslogan_fenceng_hecheng_12 .btn-play-index:hover:before {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
@-webkit-keyframes sprite_slogan_fenceng_hecheng_1_2 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -666px 0px;
  }
  8.3% {
    background-position: -1332px 0px;
  }
  12.5% {
    background-position: -1998px 0px;
  }
  16.7% {
    background-position: -2664px 0px;
  }
  20.8% {
    background-position: 0px -352px;
  }
  25% {
    background-position: -666px -352px;
  }
  29.2% {
    background-position: -1332px -352px;
  }
  33.3% {
    background-position: -1998px -352px;
  }
  37.5% {
    background-position: -2664px -352px;
  }
  41.7% {
    background-position: 0px -704px;
  }
  45.8% {
    background-position: -666px -704px;
  }
  50% {
    background-position: -1332px -704px;
  }
  54.2% {
    background-position: -1998px -704px;
  }
  58.3% {
    background-position: -2664px -704px;
  }
  62.5% {
    background-position: 0px -1056px;
  }
  66.7% {
    background-position: -666px -1056px;
  }
  70.8% {
    background-position: -1332px -1056px;
  }
  75% {
    background-position: -1998px -1056px;
  }
  79.2% {
    background-position: -2664px -1056px;
  }
  83.3% {
    background-position: 0px -1408px;
  }
  87.5% {
    background-position: -666px -1408px;
  }
  91.7% {
    background-position: -1332px -1408px;
  }
  95.8% {
    background-position: -1998px -1408px;
  }
  100% {
    background-position: -1998px -1408px;
  }
}
@keyframes sprite_slogan_fenceng_hecheng_1_2 {
  0% {
    background-position: 0px 0px;
  }
  4.2% {
    background-position: -666px 0px;
  }
  8.3% {
    background-position: -1332px 0px;
  }
  12.5% {
    background-position: -1998px 0px;
  }
  16.7% {
    background-position: -2664px 0px;
  }
  20.8% {
    background-position: 0px -352px;
  }
  25% {
    background-position: -666px -352px;
  }
  29.2% {
    background-position: -1332px -352px;
  }
  33.3% {
    background-position: -1998px -352px;
  }
  37.5% {
    background-position: -2664px -352px;
  }
  41.7% {
    background-position: 0px -704px;
  }
  45.8% {
    background-position: -666px -704px;
  }
  50% {
    background-position: -1332px -704px;
  }
  54.2% {
    background-position: -1998px -704px;
  }
  58.3% {
    background-position: -2664px -704px;
  }
  62.5% {
    background-position: 0px -1056px;
  }
  66.7% {
    background-position: -666px -1056px;
  }
  70.8% {
    background-position: -1332px -1056px;
  }
  75% {
    background-position: -1998px -1056px;
  }
  79.2% {
    background-position: -2664px -1056px;
  }
  83.3% {
    background-position: 0px -1408px;
  }
  87.5% {
    background-position: -666px -1408px;
  }
  91.7% {
    background-position: -1332px -1408px;
  }
  95.8% {
    background-position: -1998px -1408px;
  }
  100% {
    background-position: -1998px -1408px;
  }
}
@media screen and (max-width: 3840px) {
  .page-home .kv .bgvideo {
    width: 3840px !important;
    height: 2160px !important;
  }
}
@media screen and (max-width: 2560px) {
  .page-home .kv .bgvideo {
    width: 2600px !important;
    height: 1440px !important;
  }
}
@media screen and (max-width: 2200px) {
  .page-home .kv .bgvideo {
    width: 2240px !important;
    height: 1160px !important;
  }
}
@media screen and (max-width: 1920px) {
  .page-home .kv .bgvideo {
    width: 1980px !important;
    height: 1080px !important;
  }
}
.no-webp .page-news {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_4f1d9323.jpg) no-repeat center top;
  background-size: cover}
.webp .page-news {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_4f1d9323.webp) no-repeat center top;
  background-size: cover}
.no-webp .page-news {background-size:cover}
.webp .page-news {background-size:cover}
.page-news {
  position: relative;
  width: 100%;
  height: 100%;
}
.no-webp .page-news .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-578px -0px}
.webp .page-news .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-578px -0px}
.no-webp .page-news .title {background-size:1653px 1508px}
.webp .page-news .title {background-size:1653px 1508px}
.no-webp .page-news .title {background-position:-578px -0px}
.webp .page-news .title {background-position:-578px -0px}
.page-news .title {
  position: absolute;
  top: 140px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
width:387px;
height:137px;

}
.page-news .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  height: 488px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-news .content .left {
  position: relative;
  width: 721px;
  height: 100%;
}
.page-news .content .left .tab-box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.no-webp .page-news .content .left .tab-box .tab {background:#fff}
.webp .page-news .content .left .tab-box .tab {background:#fff}
.page-news .content .left .tab-box .tab {
  display: inline-block;
  line-height: 22px;
  font-size: 16px;
  color: #506269;
  min-width: 45px;
  height: 22px;
  text-align: center;
}
.no-webp .page-news .content .left .tab-box .tab.on, 
.no-webp .page-news .content .left .tab-box .tab:hover {background:#a60000}
.webp .page-news .content .left .tab-box .tab.on, 
.webp .page-news .content .left .tab-box .tab:hover {background:#a60000}
.page-news .content .left .tab-box .tab.on,
.page-news .content .left .tab-box .tab:hover {
  color: #fff;
}
.page-news .content .left #news-banner-swiper,
.page-news .content .left #news-banner-swiper1 {
  width: 721px;
  height: 488px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-news .content .left #news-banner-swiper.on,
.page-news .content .left #news-banner-swiper1.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 1;
}
.page-news .content .left #news-banner-swiper img,
.page-news .content .left #news-banner-swiper1 img {
  width: 721px;
  height: 488px;
}
.page-news .content .left #news-banner-swiper .swiper-wrapper,
.page-news .content .left #news-banner-swiper1 .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-news .content .left #news-banner-swiper-pagination,
.page-news .content .left #news-banner-swiper-pagination1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-news .content .left #news-banner-swiper-pagination.on,
.page-news .content .left #news-banner-swiper-pagination1.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 2;
}
.page-news .content .left #news-banner-swiper-pagination .swiper-pagination-bullet,
.page-news .content .left #news-banner-swiper-pagination1 .swiper-pagination-bullet {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
}
.no-webp .page-news .content .left #news-banner-swiper-pagination .swiper-pagination-bullet-active, 
.no-webp .page-news .content .left #news-banner-swiper-pagination1 .swiper-pagination-bullet-active {background:#fff}
.webp .page-news .content .left #news-banner-swiper-pagination .swiper-pagination-bullet-active, 
.webp .page-news .content .left #news-banner-swiper-pagination1 .swiper-pagination-bullet-active {background:#fff}
.page-news .content .left #news-banner-swiper-pagination .swiper-pagination-bullet-active,
.page-news .content .left #news-banner-swiper-pagination1 .swiper-pagination-bullet-active {
}
.page-news .content .right-list {
  height: 100%;
}
.page-news .content .right-list .news-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 722px;
  height: 100%;
  color: #fff;
}
.page-news .content .right-list .news-list .news-item {
  position: relative;
  width: 361px;
  height: 244px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-news .content .right-list .news-list .news-item:hover {
  -webkit-transform: scale(1.13);
          transform: scale(1.13);
  z-index: 1;
}
.page-news .content .right-list .news-list .news-item .thumb {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.page-news .content .right-list .news-list .news-item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.page-news .content .right-list .news-list .news-item .thumb.on img {
  left: 0;
}
.no-webp .page-news .content .right-list .news-list .news-item .right {background:rgba(0, 0, 0, 0.3)}
.webp .page-news .content .right-list .news-list .news-item .right {background:rgba(0, 0, 0, 0.3)}
.page-news .content .right-list .news-list .news-item .right {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 76px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 5px 10px;
  letter-spacing: 1px;
}
.page-news .content .right-list .news-list .news-item:nth-child(3) .detail,
.page-news .content .right-list .news-list .news-item:nth-child(4) .detail {
  bottom: 0px;
}
.page-news .content .right-list .news-list .news-item .news-title {
  position: absolute;
  top: 10px;
  left: 135px;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.page-news .content .right-list .news-list .news-item .news-date {
  position: absolute;
  top: 7px;
  left: 10px;
  font-size: 24px;
}
.page-news .content .right-list .news-list .news-item .news-category {
  position: absolute;
  top: 10px;
  left: 85px;
  color: #e7c982;
  font-weight: 700;
}
.no-webp .page-news .content .right-list .news-list .news-item .news-category::after {background:#fff}
.webp .page-news .content .right-list .news-list .news-item .news-category::after {background:#fff}
.page-news .content .right-list .news-list .news-item .news-category::after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 35px;
  width: 1px;
  height: 16px;
  margin-left: 5px;
}
.page-news .content .right-list .news-list .news-item p:nth-child(2) {
  position: relative;
  top: -2px;
}
.page-news .content .right-list .news-list .news-item p:last-child {
  position: absolute;
  top: 40px;
  left: 10px;
  color: #f7f8fa;
  width: 335px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.no-webp .page-news .content .right-list .news-list .news-item:nth-child(1):after {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1582px -1324px}
.webp .page-news .content .right-list .news-list .news-item:nth-child(1):after {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1582px -1324px}
.no-webp .page-news .content .right-list .news-list .news-item:nth-child(1):after {background-size:1653px 1508px}
.webp .page-news .content .right-list .news-list .news-item:nth-child(1):after {background-size:1653px 1508px}
.no-webp .page-news .content .right-list .news-list .news-item:nth-child(1):after {background-position:-1582px -1324px}
.webp .page-news .content .right-list .news-list .news-item:nth-child(1):after {background-position:-1582px -1324px}
.page-news .content .right-list .news-list .news-item:nth-child(1):after {
  content: '';
  display: block;
width:35px;
height:31px;

  position: absolute;
  top: 0;
  right: 5px;
}
.page-news .content .right-list .hot-news {
  display: none;
}
.page-news .content .more {
  position: absolute;
  bottom: -35px;
  right: 0px;
  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;
  color: #fff;
}
.no-webp .page-news .content .more::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1307px -651px}
.webp .page-news .content .more::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1307px -651px}
.no-webp .page-news .content .more::before {background-size:1653px 1508px}
.webp .page-news .content .more::before {background-size:1653px 1508px}
.no-webp .page-news .content .more::before {background-position:-1307px -651px}
.webp .page-news .content .more::before {background-position:-1307px -651px}
.page-news .content .more::before {
  content: '';
  display: block;
  margin-right: 8px;
width:22px;
height:22px;

}
.no-webp .page-fashion {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_9a656aba.jpg) no-repeat center top;
  background-size: cover}
.webp .page-fashion {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_9a656aba.webp) no-repeat center top;
  background-size: cover}
.no-webp .page-fashion {background-size:cover}
.webp .page-fashion {background-size:cover}
.page-fashion {
  position: relative;
  width: 100%;
  height: 100%;
}
.no-webp .page-sect {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_4513b1d0.jpg) no-repeat center top;
  background-size: cover}
.webp .page-sect {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_4513b1d0.webp) no-repeat center top;
  background-size: cover}
.no-webp .page-sect {background-size:cover}
.webp .page-sect {background-size:cover}
.page-sect {
  position: relative;
  width: 100%;
  height: 100%;
}
.no-webp .page-sect .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-578px -139px}
.webp .page-sect .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-578px -139px}
.no-webp .page-sect .title {background-size:1653px 1508px}
.webp .page-sect .title {background-size:1653px 1508px}
.no-webp .page-sect .title {background-position:-578px -139px}
.webp .page-sect .title {background-position:-578px -139px}
.page-sect .title {
  position: absolute;
  top: 85px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
width:387px;
height:137px;

}
.page-sect .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  width: 100%;
}
.page-sect .content .role {
  width: 100%;
}
.page-sect .content .role-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 612px;
}
.page-sect .content .role-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no-webp .page-sect .content .role-info {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/role-info_0d9f8357.png) no-repeat}
.webp .page-sect .content .role-info {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/role-info_0d9f8357.webp) no-repeat}
.page-sect .content .role-info {
  position: absolute;
  top: -100px;
  left: 260px;
  width: 417px;
  height: 665px;
}
.page-sect .content .role-info .intro {
  height: 72px;
  font-size: 16px;
  color: #5d7595;
  text-align: center;
  margin: 0px 28px;
  margin-top: -20px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.no-webp .page-sect .content .role-info .attr {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/attr-bg_8f1b1f21.png) no-repeat}
.webp .page-sect .content .role-info .attr {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/attr-bg_8f1b1f21.webp) no-repeat}
.page-sect .content .role-info .attr {
  width: 200px;
  height: 27px;
  margin: 6px auto 10px;
  text-align: center;
  color: #fff;
}
.page-sect .content .role-info .attr i {
  display: inline-block;
  width: 1em;
}
.no-webp .page-sect .content .role-info .attr .dif {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1627px -1053px}
.webp .page-sect .content .role-info .attr .dif {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1627px -1053px}
.no-webp .page-sect .content .role-info .attr .dif {background-size:1653px 1508px}
.webp .page-sect .content .role-info .attr .dif {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .attr .dif {background-position:-1627px -1053px}
.webp .page-sect .content .role-info .attr .dif {background-position:-1627px -1053px}
.page-sect .content .role-info .attr .dif {
  display: inline-block;
  width: 17px;
  height: 17px;

  vertical-align: middle;
  margin-right: 10px;
}
.no-webp .page-sect .content .role-info .attr .dif.no {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1603px -1262px}
.webp .page-sect .content .role-info .attr .dif.no {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1603px -1262px}
.no-webp .page-sect .content .role-info .attr .dif.no {background-size:1653px 1508px}
.webp .page-sect .content .role-info .attr .dif.no {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .attr .dif.no {background-position:-1603px -1262px}
.webp .page-sect .content .role-info .attr .dif.no {background-position:-1603px -1262px}
.page-sect .content .role-info .attr .dif.no {
width:17px;
height:17px;

}
.no-webp .page-sect .content .role-info .video-btn {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-633px -714px}
.webp .page-sect .content .role-info .video-btn {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-633px -714px}
.no-webp .page-sect .content .role-info .video-btn {background-size:1653px 1508px}
.webp .page-sect .content .role-info .video-btn {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .video-btn {background-position:-633px -714px}
.webp .page-sect .content .role-info .video-btn {background-position:-633px -714px}
.page-sect .content .role-info .video-btn {
  width: 257px;
  height: 51px;

  margin: 0 auto;
  cursor: pointer;
}
.page-sect .content .role-info .u-hover:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .page-sect .content .role-info .radar {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/radar_1694fd00.png) no-repeat}
.webp .page-sect .content .role-info .radar {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/radar_1694fd00.webp) no-repeat}
.page-sect .content .role-info .radar {
  width: 163px;
  height: 138px;
  margin: 10px auto 0;
}
.page-sect .content .role-info .radar .radar-cnt {
  width: 163px;
  height: 138px;
  top: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
}
.page-sect .content .role-info .radar .radar-cnt div {
  width: 163px;
  height: 138px;
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-sect .content .role-info .radar .radar-cnt div.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-778px -501px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-778px -501px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-1 {background-position:-778px -501px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-1 {background-position:-778px -501px}
.page-sect .content .role-info .radar .radar-cnt div.radar-lx-1 {
  top: 5px;
  left: -8px;
width:163px;
height:137px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1379px -0px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1379px -0px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-2 {background-position:-1379px -0px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lx-2 {background-position:-1379px -0px}
.page-sect .content .role-info .radar .radar-cnt div.radar-lx-2 {
width:163px;
height:137px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-1173px -825px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-1173px -825px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-1 {background-position:-1173px -825px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-1 {background-position:-1173px -825px}
.page-sect .content .role-info .radar .radar-cnt div.radar-sy-1 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-967px -606px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-967px -606px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-2 {background-position:-967px -606px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-sy-2 {background-position:-967px -606px}
.page-sect .content .role-info .radar .radar-cnt div.radar-sy-2 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-0px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-0px -1026px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-1 {background-position:-0px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-1 {background-position:-0px -1026px}
.page-sect .content .role-info .radar .radar-cnt div.radar-yt-1 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-165px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-165px -1026px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-2 {background-position:-165px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yt-2 {background-position:-165px -1026px}
.page-sect .content .role-info .radar .radar-cnt div.radar-yt-2 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-330px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-330px -1026px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-1 {background-position:-330px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-1 {background-position:-330px -1026px}
.page-sect .content .role-info .radar .radar-cnt div.radar-tz-1 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-495px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-495px -1026px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-2 {background-position:-495px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-tz-2 {background-position:-495px -1026px}
.page-sect .content .role-info .radar .radar-cnt div.radar-tz-2 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-660px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-660px -1026px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-1 {background-position:-660px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-1 {background-position:-660px -1026px}
.page-sect .content .role-info .radar .radar-cnt div.radar-gr-1 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-825px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-825px -1026px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-2 {background-position:-825px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-gr-2 {background-position:-825px -1026px}
.page-sect .content .role-info .radar .radar-cnt div.radar-gr-2 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-990px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-990px -1026px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-1 {background-position:-990px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-1 {background-position:-990px -1026px}
.page-sect .content .role-info .radar .radar-cnt div.radar-ll-1 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1155px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1155px -1026px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-2 {background-position:-1155px -1026px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-ll-2 {background-position:-1155px -1026px}
.page-sect .content .role-info .radar .radar-cnt div.radar-ll-2 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-0px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-0px -1166px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-1 {background-position:-0px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-1 {background-position:-0px -1166px}
.page-sect .content .role-info .radar .radar-cnt div.radar-lg-1 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-165px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-165px -1166px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-2 {background-position:-165px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-lg-2 {background-position:-165px -1166px}
.page-sect .content .role-info .radar .radar-cnt div.radar-lg-2 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-330px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-330px -1166px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-1 {background-position:-330px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-1 {background-position:-330px -1166px}
.page-sect .content .role-info .radar .radar-cnt div.radar-st-1 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-495px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-495px -1166px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-2 {background-position:-495px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-st-2 {background-position:-495px -1166px}
.page-sect .content .role-info .radar .radar-cnt div.radar-st-2 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-660px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-660px -1166px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-1 {background-position:-660px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-1 {background-position:-660px -1166px}
.page-sect .content .role-info .radar .radar-cnt div.radar-yx-1 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-825px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-825px -1166px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-2 {background-position:-825px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yx-2 {background-position:-825px -1166px}
.page-sect .content .role-info .radar .radar-cnt div.radar-yx-2 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-990px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-990px -1166px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-1 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-1 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-1 {background-position:-990px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-1 {background-position:-990px -1166px}
.page-sect .content .role-info .radar .radar-cnt div.radar-yc-1 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1155px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1155px -1166px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-2 {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-2 {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-2 {background-position:-1155px -1166px}
.webp .page-sect .content .role-info .radar .radar-cnt div.radar-yc-2 {background-position:-1155px -1166px}
.page-sect .content .role-info .radar .radar-cnt div.radar-yc-2 {
width:163px;
height:138px;

}
.no-webp .page-sect .content .role-info .radar-switch {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-578px -417px}
.webp .page-sect .content .role-info .radar-switch {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-578px -417px}
.no-webp .page-sect .content .role-info .radar-switch {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch {background-position:-578px -417px}
.webp .page-sect .content .role-info .radar-switch {background-position:-578px -417px}
.page-sect .content .role-info .radar-switch {
  width: 283px;
  height: 69px;

  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: 15px auto 0;
}
.page-sect .content .role-info .radar-switch a {
  display: block;
  width: 128px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-size: 18px;
  color: #525e79;
  font-family: 'Microsoft YaHei';
  position: relative;
}
.page-sect .content .role-info .radar-switch a.active span {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.page-sect .content .role-info .radar-switch a span {
  position: relative;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.page-sect .content .role-info .radar-switch a span::before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  margin-right: 4px;
}
.no-webp .page-sect .content .role-info .radar-switch a span.sc::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1613px -1282px}
.webp .page-sect .content .role-info .radar-switch a span.sc::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1613px -1282px}
.no-webp .page-sect .content .role-info .radar-switch a span.sc::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.sc::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.sc::before {background-position:-1613px -1282px}
.webp .page-sect .content .role-info .radar-switch a span.sc::before {background-position:-1613px -1282px}
.page-sect .content .role-info .radar-switch a span.sc::before {
  width: 33px;
  height: 37px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.tj::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1603px -1228px}
.webp .page-sect .content .role-info .radar-switch a span.tj::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1603px -1228px}
.no-webp .page-sect .content .role-info .radar-switch a span.tj::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.tj::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.tj::before {background-position:-1603px -1228px}
.webp .page-sect .content .role-info .radar-switch a span.tj::before {background-position:-1603px -1228px}
.page-sect .content .role-info .radar-switch a span.tj::before {
  width: 40px;
  height: 32px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.ys::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1622px -613px}
.webp .page-sect .content .role-info .radar-switch a span.ys::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1622px -613px}
.no-webp .page-sect .content .role-info .radar-switch a span.ys::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.ys::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.ys::before {background-position:-1622px -613px}
.webp .page-sect .content .role-info .radar-switch a span.ys::before {background-position:-1622px -613px}
.page-sect .content .role-info .radar-switch a span.ys::before {
  width: 29px;
  height: 38px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.ts::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1622px -573px}
.webp .page-sect .content .role-info .radar-switch a span.ts::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1622px -573px}
.no-webp .page-sect .content .role-info .radar-switch a span.ts::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.ts::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.ts::before {background-position:-1622px -573px}
.webp .page-sect .content .role-info .radar-switch a span.ts::before {background-position:-1622px -573px}
.page-sect .content .role-info .radar-switch a span.ts::before {
  width: 31px;
  height: 38px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.jh::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -279px}
.webp .page-sect .content .role-info .radar-switch a span.jh::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -279px}
.no-webp .page-sect .content .role-info .radar-switch a span.jh::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.jh::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.jh::before {background-position:-1345px -279px}
.webp .page-sect .content .role-info .radar-switch a span.jh::before {background-position:-1345px -279px}
.page-sect .content .role-info .radar-switch a span.jh::before {
  width: 31px;
  height: 33px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.lh::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -402px}
.webp .page-sect .content .role-info .radar-switch a span.lh::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -402px}
.no-webp .page-sect .content .role-info .radar-switch a span.lh::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.lh::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.lh::before {background-position:-1345px -402px}
.webp .page-sect .content .role-info .radar-switch a span.lh::before {background-position:-1345px -402px}
.page-sect .content .role-info .radar-switch a span.lh::before {
  width: 26px;
  height: 28px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.sy::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -365px}
.webp .page-sect .content .role-info .radar-switch a span.sy::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -365px}
.no-webp .page-sect .content .role-info .radar-switch a span.sy::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.sy::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.sy::before {background-position:-1345px -365px}
.webp .page-sect .content .role-info .radar-switch a span.sy::before {background-position:-1345px -365px}
.page-sect .content .role-info .radar-switch a span.sy::before {
  width: 29px;
  height: 35px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.dy::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1324px}
.webp .page-sect .content .role-info .radar-switch a span.dy::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1324px}
.no-webp .page-sect .content .role-info .radar-switch a span.dy::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.dy::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.dy::before {background-position:-1544px -1324px}
.webp .page-sect .content .role-info .radar-switch a span.dy::before {background-position:-1544px -1324px}
.page-sect .content .role-info .radar-switch a span.dy::before {
  width: 36px;
  height: 32px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.yg::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1625px -359px}
.webp .page-sect .content .role-info .radar-switch a span.yg::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1625px -359px}
.no-webp .page-sect .content .role-info .radar-switch a span.yg::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.yg::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.yg::before {background-position:-1625px -359px}
.webp .page-sect .content .role-info .radar-switch a span.yg::before {background-position:-1625px -359px}
.page-sect .content .role-info .radar-switch a span.yg::before {
  width: 26px;
  height: 35px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.jm::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1631px -957px}
.webp .page-sect .content .role-info .radar-switch a span.jm::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1631px -957px}
.no-webp .page-sect .content .role-info .radar-switch a span.jm::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.jm::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.jm::before {background-position:-1631px -957px}
.webp .page-sect .content .role-info .radar-switch a span.jm::before {background-position:-1631px -957px}
.page-sect .content .role-info .radar-switch a span.jm::before {
  width: 21px;
  height: 34px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.dg::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -202px}
.webp .page-sect .content .role-info .radar-switch a span.dg::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -202px}
.no-webp .page-sect .content .role-info .radar-switch a span.dg::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.dg::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.dg::before {background-position:-1345px -202px}
.webp .page-sect .content .role-info .radar-switch a span.dg::before {background-position:-1345px -202px}
.page-sect .content .role-info .radar-switch a span.dg::before {
  width: 30px;
  height: 36px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.lg::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -314px}
.webp .page-sect .content .role-info .radar-switch a span.lg::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -314px}
.no-webp .page-sect .content .role-info .radar-switch a span.lg::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.lg::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.lg::before {background-position:-1345px -314px}
.webp .page-sect .content .role-info .radar-switch a span.lg::before {background-position:-1345px -314px}
.page-sect .content .role-info .radar-switch a span.lg::before {
  width: 30px;
  height: 34px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.ft::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1625px -429px}
.webp .page-sect .content .role-info .radar-switch a span.ft::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1625px -429px}
.no-webp .page-sect .content .role-info .radar-switch a span.ft::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.ft::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.ft::before {background-position:-1625px -429px}
.webp .page-sect .content .role-info .radar-switch a span.ft::before {background-position:-1625px -429px}
.page-sect .content .role-info .radar-switch a span.ft::before {
  width: 26px;
  height: 33px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.xb::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1625px -499px}
.webp .page-sect .content .role-info .radar-switch a span.xb::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1625px -499px}
.no-webp .page-sect .content .role-info .radar-switch a span.xb::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.xb::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.xb::before {background-position:-1625px -499px}
.webp .page-sect .content .role-info .radar-switch a span.xb::before {background-position:-1625px -499px}
.page-sect .content .role-info .radar-switch a span.xb::before {
  width: 26px;
  height: 32px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.ql::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1619px -1324px}
.webp .page-sect .content .role-info .radar-switch a span.ql::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1619px -1324px}
.no-webp .page-sect .content .role-info .radar-switch a span.ql::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.ql::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.ql::before {background-position:-1619px -1324px}
.webp .page-sect .content .role-info .radar-switch a span.ql::before {background-position:-1619px -1324px}
.page-sect .content .role-info .radar-switch a span.ql::before {
  width: 34px;
  height: 31px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.qh::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1625px -533px}
.webp .page-sect .content .role-info .radar-switch a span.qh::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1625px -533px}
.no-webp .page-sect .content .role-info .radar-switch a span.qh::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.qh::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.qh::before {background-position:-1625px -533px}
.webp .page-sect .content .role-info .radar-switch a span.qh::before {background-position:-1625px -533px}
.page-sect .content .role-info .radar-switch a span.qh::before {
  width: 23px;
  height: 34px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.dr::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -240px}
.webp .page-sect .content .role-info .radar-switch a span.dr::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -240px}
.no-webp .page-sect .content .role-info .radar-switch a span.dr::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.dr::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.dr::before {background-position:-1345px -240px}
.webp .page-sect .content .role-info .radar-switch a span.dr::before {background-position:-1345px -240px}
.page-sect .content .role-info .radar-switch a span.dr::before {
  width: 29px;
  height: 37px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.lr::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1393px}
.webp .page-sect .content .role-info .radar-switch a span.lr::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1393px}
.no-webp .page-sect .content .role-info .radar-switch a span.lr::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.lr::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.lr::before {background-position:-1544px -1393px}
.webp .page-sect .content .role-info .radar-switch a span.lr::before {background-position:-1544px -1393px}
.page-sect .content .role-info .radar-switch a span.lr::before {
  width: 31px;
  height: 35px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.xy::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1625px -466px}
.webp .page-sect .content .role-info .radar-switch a span.xy::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1625px -466px}
.no-webp .page-sect .content .role-info .radar-switch a span.xy::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.xy::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.xy::before {background-position:-1625px -466px}
.webp .page-sect .content .role-info .radar-switch a span.xy::before {background-position:-1625px -466px}
.page-sect .content .role-info .radar-switch a span.xy::before {
width:27px;
height:31px;

}
.no-webp .page-sect .content .role-info .radar-switch a span.cq::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1625px -396px}
.webp .page-sect .content .role-info .radar-switch a span.cq::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1625px -396px}
.no-webp .page-sect .content .role-info .radar-switch a span.cq::before {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a span.cq::before {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a span.cq::before {background-position:-1625px -396px}
.webp .page-sect .content .role-info .radar-switch a span.cq::before {background-position:-1625px -396px}
.page-sect .content .role-info .radar-switch a span.cq::before {
width:28px;
height:31px;

}
.page-sect .content .role-info .radar-switch a:nth-child(1).active i {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.no-webp .page-sect .content .role-info .radar-switch a:nth-child(1) i {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-820px -640px}
.webp .page-sect .content .role-info .radar-switch a:nth-child(1) i {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-820px -640px}
.no-webp .page-sect .content .role-info .radar-switch a:nth-child(1) i {background-size:1653px 1508px}
.webp .page-sect .content .role-info .radar-switch a:nth-child(1) i {background-size:1653px 1508px}
.no-webp .page-sect .content .role-info .radar-switch a:nth-child(1) i {background-position:-820px -640px}
.webp .page-sect .content .role-info .radar-switch a:nth-child(1) i {background-position:-820px -640px}
.page-sect .content .role-info .radar-switch a:nth-child(1) i {
  display: block;
  width: 128px;
  height: 39px;

  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-sect .content .role-img {
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -499px;
  width: 998px;
  height: 725px;
  z-index: 2;
  pointer-events: none;
}
.page-sect .content .role-name {
  margin: 0 auto;
  margin-top: 60px;
}
.no-webp .page-sect .content .role-lingxi .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/lx-role_86906420.png) no-repeat}
.webp .page-sect .content .role-lingxi .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/lx-role_86906420.webp) no-repeat}
.page-sect .content .role-lingxi .role-img {
  bottom: -61px;
  left: 47%;
}
.no-webp .page-sect .content .role-lingxi .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1173px -651px}
.webp .page-sect .content .role-lingxi .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1173px -651px}
.no-webp .page-sect .content .role-lingxi .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-lingxi .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-lingxi .role-name {background-position:-1173px -651px}
.webp .page-sect .content .role-lingxi .role-name {background-position:-1173px -651px}
.page-sect .content .role-lingxi .role-name {
width:132px;
height:172px;

}
.page-sect .content .role-lingxi .role-info .attr p {
  margin-top: 27px;
}
.no-webp .page-sect .content .role-shiyu .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sy-role_29bef1f9.png) no-repeat}
.webp .page-sect .content .role-shiyu .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sy-role_29bef1f9.webp) no-repeat}
.page-sect .content .role-shiyu .role-img {
}
.no-webp .page-sect .content .role-shiyu .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-967px -0px}
.webp .page-sect .content .role-shiyu .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-967px -0px}
.no-webp .page-sect .content .role-shiyu .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-shiyu .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-shiyu .role-name {background-position:-967px -0px}
.webp .page-sect .content .role-shiyu .role-name {background-position:-967px -0px}
.page-sect .content .role-shiyu .role-name {
width:204px;
height:200px;

}
.no-webp .page-sect .content .role-yecha .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/yc-role_6f6b1b24.png) no-repeat}
.webp .page-sect .content .role-yecha .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/yc-role_6f6b1b24.webp) no-repeat}
.page-sect .content .role-yecha .role-img {
}
.no-webp .page-sect .content .role-yecha .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-967px -202px}
.webp .page-sect .content .role-yecha .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-967px -202px}
.no-webp .page-sect .content .role-yecha .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-yecha .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-yecha .role-name {background-position:-967px -202px}
.webp .page-sect .content .role-yecha .role-name {background-position:-967px -202px}
.page-sect .content .role-yecha .role-name {
width:204px;
height:200px;

}
.no-webp .page-sect .content .role-yantian .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/yt-role_2418179a.png) no-repeat}
.webp .page-sect .content .role-yantian .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/yt-role_2418179a.webp) no-repeat}
.page-sect .content .role-yantian .role-img {
}
.no-webp .page-sect .content .role-yantian .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-967px -404px}
.webp .page-sect .content .role-yantian .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-967px -404px}
.no-webp .page-sect .content .role-yantian .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-yantian .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-yantian .role-name {background-position:-967px -404px}
.webp .page-sect .content .role-yantian .role-name {background-position:-967px -404px}
.page-sect .content .role-yantian .role-name {
width:204px;
height:200px;

}
.no-webp .page-sect .content .role-tianzhao .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/tz-role_707cbaa4.png) no-repeat}
.webp .page-sect .content .role-tianzhao .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/tz-role_707cbaa4.webp) no-repeat}
.page-sect .content .role-tianzhao .role-img {
}
.no-webp .page-sect .content .role-tianzhao .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-0px -779px}
.webp .page-sect .content .role-tianzhao .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-0px -779px}
.no-webp .page-sect .content .role-tianzhao .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-tianzhao .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-tianzhao .role-name {background-position:-0px -779px}
.webp .page-sect .content .role-tianzhao .role-name {background-position:-0px -779px}
.page-sect .content .role-tianzhao .role-name {
width:204px;
height:200px;

}
.no-webp .page-sect .content .role-shengtang .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/st-role_f2d52a29.png) no-repeat}
.webp .page-sect .content .role-shengtang .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/st-role_f2d52a29.webp) no-repeat}
.page-sect .content .role-shengtang .role-img {
}
.no-webp .page-sect .content .role-shengtang .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-206px -779px}
.webp .page-sect .content .role-shengtang .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-206px -779px}
.no-webp .page-sect .content .role-shengtang .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-shengtang .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-shengtang .role-name {background-position:-206px -779px}
.webp .page-sect .content .role-shengtang .role-name {background-position:-206px -779px}
.page-sect .content .role-shengtang .role-name {
width:204px;
height:200px;

}
.no-webp .page-sect .content .role-yuxu .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/yx-role_a2011544.png) no-repeat}
.webp .page-sect .content .role-yuxu .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/yx-role_a2011544.webp) no-repeat}
.page-sect .content .role-yuxu .role-img {
}
.no-webp .page-sect .content .role-yuxu .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-412px -779px}
.webp .page-sect .content .role-yuxu .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-412px -779px}
.no-webp .page-sect .content .role-yuxu .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-yuxu .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-yuxu .role-name {background-position:-412px -779px}
.webp .page-sect .content .role-yuxu .role-name {background-position:-412px -779px}
.page-sect .content .role-yuxu .role-name {
width:204px;
height:200px;

}
.no-webp .page-sect .content .role-linglong .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/ll-role_2f7b6582.png) no-repeat}
.webp .page-sect .content .role-linglong .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/ll-role_2f7b6582.webp) no-repeat}
.page-sect .content .role-linglong .role-img {
  bottom: -3px;
}
.no-webp .page-sect .content .role-linglong .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-618px -779px}
.webp .page-sect .content .role-linglong .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-618px -779px}
.no-webp .page-sect .content .role-linglong .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-linglong .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-linglong .role-name {background-position:-618px -779px}
.webp .page-sect .content .role-linglong .role-name {background-position:-618px -779px}
.page-sect .content .role-linglong .role-name {
width:204px;
height:200px;

}
.no-webp .page-sect .content .role-guangren .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/gr-role_d664f031.png) no-repeat}
.webp .page-sect .content .role-guangren .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/gr-role_d664f031.webp) no-repeat}
.page-sect .content .role-guangren .role-img {
}
.no-webp .page-sect .content .role-guangren .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-824px -779px}
.webp .page-sect .content .role-guangren .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-824px -779px}
.no-webp .page-sect .content .role-guangren .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-guangren .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-guangren .role-name {background-position:-824px -779px}
.webp .page-sect .content .role-guangren .role-name {background-position:-824px -779px}
.page-sect .content .role-guangren .role-name {
width:204px;
height:200px;

}
.no-webp .page-sect .content .role-liuguang .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/lg-role_c0e93e86.png) no-repeat}
.webp .page-sect .content .role-liuguang .role-img {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/lg-role_c0e93e86.webp) no-repeat}
.page-sect .content .role-liuguang .role-img {
}
.no-webp .page-sect .content .role-liuguang .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1173px -0px}
.webp .page-sect .content .role-liuguang .role-name {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1173px -0px}
.no-webp .page-sect .content .role-liuguang .role-name {background-size:1653px 1508px}
.webp .page-sect .content .role-liuguang .role-name {background-size:1653px 1508px}
.no-webp .page-sect .content .role-liuguang .role-name {background-position:-1173px -0px}
.webp .page-sect .content .role-liuguang .role-name {background-position:-1173px -0px}
.page-sect .content .role-liuguang .role-name {
width:204px;
height:200px;

}
.page-sect .btns {
  position: absolute;
  z-index: 3;
  bottom: 15px;
  right: 95px;
  width: 230px;
}
.page-sect .btns .btn {
  display: block;
  height: 42px;
  line-height: 42px;
  color: #d4eaff;
  position: relative;
  padding: 0 0 0 16px;
}
.no-webp .page-sect .btns .btn:after {background:#d4eaff}
.webp .page-sect .btns .btn:after {background:#d4eaff}
.page-sect .btns .btn:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 76px;
}
.page-sect .btns .btn span {
  display: block;
  width: 100%;
  font-family: 'NotoSansSC';
}
.page-sect .btns .btn.active {
  color: #ffffff;
  text-shadow: 0 0 20px #5a9fd8;
}
.no-webp .page-sect .btns .btn.active:before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-876px -1306px}
.webp .page-sect .btns .btn.active:before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-876px -1306px}
.no-webp .page-sect .btns .btn.active:before {background-size:1653px 1508px}
.webp .page-sect .btns .btn.active:before {background-size:1653px 1508px}
.no-webp .page-sect .btns .btn.active:before {background-position:-876px -1306px}
.webp .page-sect .btns .btn.active:before {background-position:-876px -1306px}
.page-sect .btns .btn.active:before {
  content: '';
  display: block;
  width: 185px;
  height: 72px;
  position: absolute;
  top: -16px;
  right: -13px;

}
.no-webp .page-sect .btns .btn.active:after {background:#fff}
.webp .page-sect .btns .btn.active:after {background:#fff}
.page-sect .btns .btn.active:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 76px;
}
.page-sect .btns .btn:hover {
  color: #ffffff;
  text-shadow: 0 0 20px #5a9fd8;
}
.no-webp .page-sect .btns .btn:hover:before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-876px -1306px}
.webp .page-sect .btns .btn:hover:before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-876px -1306px}
.no-webp .page-sect .btns .btn:hover:before {background-size:1653px 1508px}
.webp .page-sect .btns .btn:hover:before {background-size:1653px 1508px}
.no-webp .page-sect .btns .btn:hover:before {background-position:-876px -1306px}
.webp .page-sect .btns .btn:hover:before {background-position:-876px -1306px}
.page-sect .btns .btn:hover:before {
  content: '';
  display: block;
  width: 185px;
  height: 72px;
  position: absolute;
  top: -16px;
  right: -13px;

}
.no-webp .page-sect .btns .btn:hover:after {background:#fff}
.webp .page-sect .btns .btn:hover:after {background:#fff}
.page-sect .btns .btn:hover:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 76px;
}
.no-webp .page-rongyao {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_28f45f8a.jpg) no-repeat center top;
  background-size: cover}
.webp .page-rongyao {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_28f45f8a.webp) no-repeat center top;
  background-size: cover}
.no-webp .page-rongyao {background-size:cover}
.webp .page-rongyao {background-size:cover}
.page-rongyao {
  position: relative;
  width: 100%;
  height: 100%;
}
.no-webp .page-rongyao .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-578px -278px}
.webp .page-rongyao .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-578px -278px}
.no-webp .page-rongyao .title {background-size:1653px 1508px}
.webp .page-rongyao .title {background-size:1653px 1508px}
.no-webp .page-rongyao .title {background-position:-578px -278px}
.webp .page-rongyao .title {background-position:-578px -278px}
.page-rongyao .title {
  position: absolute;
  top: 105px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
width:387px;
height:137px;

}
.page-rongyao .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
}
.page-rongyao .content .fiterbox {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1358px;
  height: 100px;
  margin: auto;
}
.no-webp .page-rongyao .content .fiterbox .typebox {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-0px -981px}
.webp .page-rongyao .content .fiterbox .typebox {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-0px -981px}
.no-webp .page-rongyao .content .fiterbox .typebox {background-size:1653px 1508px}
.webp .page-rongyao .content .fiterbox .typebox {background-size:1653px 1508px}
.no-webp .page-rongyao .content .fiterbox .typebox {background-position:-0px -981px}
.webp .page-rongyao .content .fiterbox .typebox {background-position:-0px -981px}
.page-rongyao .content .fiterbox .typebox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
width:612px;
height:43px;

}
.page-rongyao .content .fiterbox .typebox .btn-type {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 118px;
  height: 36px;
  margin: 0 2px;
  color: #feffff;
  font-size: 19px;
}
.no-webp .page-rongyao .content .fiterbox .typebox .btn-type:hover, 
.no-webp .page-rongyao .content .fiterbox .typebox .btn-type.on {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-437px -1450px}
.webp .page-rongyao .content .fiterbox .typebox .btn-type:hover, 
.webp .page-rongyao .content .fiterbox .typebox .btn-type.on {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-437px -1450px}
.no-webp .page-rongyao .content .fiterbox .typebox .btn-type:hover, 
.no-webp .page-rongyao .content .fiterbox .typebox .btn-type.on {background-size:1653px 1508px}
.webp .page-rongyao .content .fiterbox .typebox .btn-type:hover, 
.webp .page-rongyao .content .fiterbox .typebox .btn-type.on {background-size:1653px 1508px}
.no-webp .page-rongyao .content .fiterbox .typebox .btn-type:hover, 
.no-webp .page-rongyao .content .fiterbox .typebox .btn-type.on {background-position:-437px -1450px}
.webp .page-rongyao .content .fiterbox .typebox .btn-type:hover, 
.webp .page-rongyao .content .fiterbox .typebox .btn-type.on {background-position:-437px -1450px}
.page-rongyao .content .fiterbox .typebox .btn-type:hover,
.page-rongyao .content .fiterbox .typebox .btn-type.on {
width:118px;
height:36px;

  color: #4b8bc8;
}
.page-rongyao .content .fiterbox .infobox {
  margin-top: 5px;
}
.page-rongyao .content .fiterbox .infobox .subFilter {
  position: absolute;
  right: 0;
  bottom: 12px;
}
.page-rongyao .content .fiterbox .infobox .subFilter .sub {
  display: none;
}
.page-rongyao .content .fiterbox .infobox .subFilter .sub.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.no-webp .page-rongyao .content .fiterbox .infobox .subFilter .showname {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/ss-bg_e276a7eb.png) no-repeat;
  background-size: 100% 100%}
.webp .page-rongyao .content .fiterbox .infobox .subFilter .showname {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/ss-bg_e276a7eb.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-rongyao .content .fiterbox .infobox .subFilter .showname {background-size:100% 100%}
.webp .page-rongyao .content .fiterbox .infobox .subFilter .showname {background-size:100% 100%}
.page-rongyao .content .fiterbox .infobox .subFilter .showname {
  min-width: 113px;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}
.page-rongyao .content .fiterbox .infobox .subFilter .jobs {
  padding-bottom: 2px;
  border-bottom: 3px solid rgba(255, 255, 255, 0.15);
}
.page-rongyao .content .fiterbox .infobox .subFilter .jobs .btn-job {
  position: relative;
  display: block;
  height: 100%;
  font-size: 17px;
  color: #fff;
}
.no-webp .page-rongyao .content .fiterbox .infobox .subFilter .jobs .btn-job:hover:after, 
.no-webp .page-rongyao .content .fiterbox .infobox .subFilter .jobs .btn-job.on:after {background-color:#ffd49f}
.webp .page-rongyao .content .fiterbox .infobox .subFilter .jobs .btn-job:hover:after, 
.webp .page-rongyao .content .fiterbox .infobox .subFilter .jobs .btn-job.on:after {background-color:#ffd49f}
.page-rongyao .content .fiterbox .infobox .subFilter .jobs .btn-job:hover:after,
.page-rongyao .content .fiterbox .infobox .subFilter .jobs .btn-job.on:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 3px;
}
.page-rongyao .content .fiterbox .infobox .subFilter .jobs .btn-job + .btn-job {
  margin-left: 30px;
}
.page-rongyao .content .fiterbox .infobox .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-rongyao .content .fiterbox .infobox .form .selbox {
  position: absolute;
  width: 142px;
  height: 34px;
  margin-left: 16px;
  opacity: 0;
  pointer-events: none;
}
.page-rongyao .content .fiterbox .infobox .form .selbox.on {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}
.page-rongyao .content .fiterbox .infobox .form .selbox.show .list {
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}
.page-rongyao .content .fiterbox .infobox .form .selbox .showbox {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 140px;
  height: 32px;
  border: 1px solid #edf4fa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.page-rongyao .content .fiterbox .infobox .form .selbox .showbox span {
  font-size: 16px;
  color: #ffffff;
  margin-left: 10px;
}
.no-webp .page-rongyao .content .fiterbox .infobox .form .selbox .showbox i {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1631px -993px}
.webp .page-rongyao .content .fiterbox .infobox .form .selbox .showbox i {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1631px -993px}
.no-webp .page-rongyao .content .fiterbox .infobox .form .selbox .showbox i {background-size:1653px 1508px}
.webp .page-rongyao .content .fiterbox .infobox .form .selbox .showbox i {background-size:1653px 1508px}
.no-webp .page-rongyao .content .fiterbox .infobox .form .selbox .showbox i {background-position:-1631px -993px}
.webp .page-rongyao .content .fiterbox .infobox .form .selbox .showbox i {background-position:-1631px -993px}
.page-rongyao .content .fiterbox .infobox .form .selbox .showbox i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
width:15px;
height:11px;

}
.no-webp .page-rongyao .content .fiterbox .infobox .form .selbox .list {background-color:#fff}
.webp .page-rongyao .content .fiterbox .infobox .form .selbox .list {background-color:#fff}
.page-rongyao .content .fiterbox .infobox .form .selbox .list {
  position: absolute;
  left: 0;
  top: 32px;
  z-index: -1;
  opacity: 0;
  width: 140px;
  height: auto;
  max-height: 125px;
  text-align: center;
  border: 1px solid #edf4fa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: none;
  pointer-events: none;
}
.page-rongyao .content .fiterbox .infobox .form .selbox .list .niescroll {
  width: 100%;
  height: auto;
  max-height: 125px;
  overflow: hidden;
}
.page-rongyao .content .fiterbox .infobox .form .selbox .list .li {
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  color: #4b8bc8;
  cursor: pointer;
}
.no-webp .page-rongyao .content .fiterbox .infobox .form .selbox .list .li.on, 
.no-webp .page-rongyao .content .fiterbox .infobox .form .selbox .list .li:hover {background-color:#4b8bc8}
.webp .page-rongyao .content .fiterbox .infobox .form .selbox .list .li.on, 
.webp .page-rongyao .content .fiterbox .infobox .form .selbox .list .li:hover {background-color:#4b8bc8}
.page-rongyao .content .fiterbox .infobox .form .selbox .list .li.on,
.page-rongyao .content .fiterbox .infobox .form .selbox .list .li:hover {
  color: #fff;
}
.page-rongyao .content .fiterbox .infobox .form .searchbox {
  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;
  margin-left: 16px;
}
.page-rongyao .content .fiterbox .infobox .form .searchbox .ipt {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 227px;
  height: 32px;
  border: 1px solid #edf4fa;
}
.no-webp .page-rongyao .content .fiterbox .infobox .form .searchbox .ipt input {background-color:transparent}
.webp .page-rongyao .content .fiterbox .infobox .form .searchbox .ipt input {background-color:transparent}
.page-rongyao .content .fiterbox .infobox .form .searchbox .ipt input {
  display: block;
  width: 207px;
  margin: auto;
  outline: none;
  border: none;
  color: #fff;
  font-size: 16px;
  padding-top: 7px;
}
.page-rongyao .content .fiterbox .infobox .form .searchbox .ipt input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-rongyao .content .fiterbox .infobox .form .searchbox .ipt input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-rongyao .content .fiterbox .infobox .form .searchbox .ipt input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-rongyao .content .fiterbox .infobox .form .searchbox .ipt input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-rongyao .content .fiterbox .infobox .form .searchbox .ipt input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.no-webp .page-rongyao .content .fiterbox .infobox .form .searchbox .btn-search {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1074px}
.webp .page-rongyao .content .fiterbox .infobox .form .searchbox .btn-search {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1074px}
.no-webp .page-rongyao .content .fiterbox .infobox .form .searchbox .btn-search {background-size:1653px 1508px}
.webp .page-rongyao .content .fiterbox .infobox .form .searchbox .btn-search {background-size:1653px 1508px}
.no-webp .page-rongyao .content .fiterbox .infobox .form .searchbox .btn-search {background-position:-1544px -1074px}
.webp .page-rongyao .content .fiterbox .infobox .form .searchbox .btn-search {background-position:-1544px -1074px}
.page-rongyao .content .fiterbox .infobox .form .searchbox .btn-search {
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 5px;
width:94px;

  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  line-height: 36px;
}
.page-rongyao .content .fiterbox .infobox .form .searchbox .btn-search:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page-rongyao .content .conbox {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 1361px;
  margin: auto;
}
.page-rongyao .content .conbox.loading .loading {
  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;
}
.no-webp .page-rongyao .content .conbox .loading {background-color:rgba(255, 255, 255, 0.5)}
.webp .page-rongyao .content .conbox .loading {background-color:rgba(255, 255, 255, 0.5)}
.page-rongyao .content .conbox .loading {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.no-webp .page-rongyao .content .conbox .loading .icon {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/loading_1140bc5c.gif) center center no-repeat;
  background-size: 100% 100%}
.webp .page-rongyao .content .conbox .loading .icon {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/loading_1140bc5c.gif) center center no-repeat;
  background-size: 100% 100%}
.no-webp .page-rongyao .content .conbox .loading .icon {background-size:100% 100%}
.webp .page-rongyao .content .conbox .loading .icon {background-size:100% 100%}
.page-rongyao .content .conbox .loading .icon {
  width: 30px;
  height: 30px;
}
.no-webp .page-rongyao .content .conbox .top3box {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg-top3_dede4c76.png) no-repeat;
  background-size: 100% 100%}
.webp .page-rongyao .content .conbox .top3box {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg-top3_dede4c76.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-rongyao .content .conbox .top3box {background-size:100% 100%}
.webp .page-rongyao .content .conbox .top3box {background-size:100% 100%}
.page-rongyao .content .conbox .top3box {
  width: 417px;
  height: 543px;
}
.page-rongyao .content .conbox .top3box .top {
  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;
  margin-left: 20px;
}
.page-rongyao .content .conbox .top3box .top.top1 {
  margin-top: 52px;
}
.page-rongyao .content .conbox .top3box .top.top2 {
  margin-top: 10px;
}
.page-rongyao .content .conbox .top3box .top.top3 {
  margin-top: 10px;
}
.no-webp .page-rongyao .content .conbox .top3box .top .i1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1572px -957px}
.webp .page-rongyao .content .conbox .top3box .top .i1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1572px -957px}
.no-webp .page-rongyao .content .conbox .top3box .top .i1 {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .top3box .top .i1 {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .top3box .top .i1 {background-position:-1572px -957px}
.webp .page-rongyao .content .conbox .top3box .top .i1 {background-position:-1572px -957px}
.page-rongyao .content .conbox .top3box .top .i1 {
  margin-top: 33px;
width:57px;
height:52px;

}
.no-webp .page-rongyao .content .conbox .top3box .top .i2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1174px}
.webp .page-rongyao .content .conbox .top3box .top .i2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1174px}
.no-webp .page-rongyao .content .conbox .top3box .top .i2 {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .top3box .top .i2 {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .top3box .top .i2 {background-position:-1544px -1174px}
.webp .page-rongyao .content .conbox .top3box .top .i2 {background-position:-1544px -1174px}
.page-rongyao .content .conbox .top3box .top .i2 {
  margin-top: 17px;
width:57px;
height:52px;

}
.no-webp .page-rongyao .content .conbox .top3box .top .i3 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1228px}
.webp .page-rongyao .content .conbox .top3box .top .i3 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1228px}
.no-webp .page-rongyao .content .conbox .top3box .top .i3 {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .top3box .top .i3 {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .top3box .top .i3 {background-position:-1544px -1228px}
.webp .page-rongyao .content .conbox .top3box .top .i3 {background-position:-1544px -1228px}
.page-rongyao .content .conbox .top3box .top .i3 {
  margin-top: 17px;
width:57px;
height:52px;

}
.page-rongyao .content .conbox .top3box .top .head {
  position: relative;
  margin-left: -6px;
}
.no-webp .page-rongyao .content .conbox .top3box .top .head1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1173px -202px}
.webp .page-rongyao .content .conbox .top3box .top .head1 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1173px -202px}
.no-webp .page-rongyao .content .conbox .top3box .top .head1 {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .top3box .top .head1 {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .top3box .top .head1 {background-position:-1173px -202px}
.webp .page-rongyao .content .conbox .top3box .top .head1 {background-position:-1173px -202px}
.page-rongyao .content .conbox .top3box .top .head1 {
width:170px;
height:161px;

}
.page-rongyao .content .conbox .top3box .top .head1 .headimg {
  position: absolute;
  left: 25px;
  top: 31px;
  width: 123px;
  height: 123px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no-webp .page-rongyao .content .conbox .top3box .top .head2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1173px -365px}
.webp .page-rongyao .content .conbox .top3box .top .head2 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1173px -365px}
.no-webp .page-rongyao .content .conbox .top3box .top .head2 {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .top3box .top .head2 {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .top3box .top .head2 {background-position:-1173px -365px}
.webp .page-rongyao .content .conbox .top3box .top .head2 {background-position:-1173px -365px}
.page-rongyao .content .conbox .top3box .top .head2 {
width:170px;
height:141px;

}
.page-rongyao .content .conbox .top3box .top .head2 .headimg {
  position: absolute;
  left: 32px;
  top: 27px;
  width: 107px;
  height: 107px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no-webp .page-rongyao .content .conbox .top3box .top .head3 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1173px -508px}
.webp .page-rongyao .content .conbox .top3box .top .head3 {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1173px -508px}
.no-webp .page-rongyao .content .conbox .top3box .top .head3 {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .top3box .top .head3 {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .top3box .top .head3 {background-position:-1173px -508px}
.webp .page-rongyao .content .conbox .top3box .top .head3 {background-position:-1173px -508px}
.page-rongyao .content .conbox .top3box .top .head3 {
width:170px;
height:141px;

}
.page-rongyao .content .conbox .top3box .top .head3 .headimg {
  position: absolute;
  left: 32px;
  top: 27px;
  width: 107px;
  height: 107px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-rongyao .content .conbox .top3box .top .info {
  width: 160px;
  text-align: center;
}
.page-rongyao .content .conbox .top3box .top .info .tname {
  font-weight: bold;
  font-size: 20px;
  color: #4b8bc8;
}
.page-rongyao .content .conbox .top3box .top .info .name {
  font-weight: bold;
  font-size: 20px;
  color: #6479af;
}
.page-rongyao .content .conbox .top3box .top .info .server {
  font-size: 15px;
  color: #6479af;
}
.no-webp .page-rongyao .content .conbox .listbox {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg-list_ea7c23c7.png) no-repeat;
  background-size: 100% 100%}
.webp .page-rongyao .content .conbox .listbox {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg-list_ea7c23c7.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .page-rongyao .content .conbox .listbox {background-size:100% 100%}
.webp .page-rongyao .content .conbox .listbox {background-size:100% 100%}
.page-rongyao .content .conbox .listbox {
  width: 944px;
  height: 543px;
}
.page-rongyao .content .conbox .listbox[data-type='ss'] .itm .v1 {
  width: 300px;
  margin-left: 82px;
}
.page-rongyao .content .conbox .listbox[data-type='ss'] .itm .v2 {
  width: 300px;
  margin-left: 60px;
}
.page-rongyao .content .conbox .listbox[data-type='zl'] .itm .v1 {
  width: 210px;
  margin-left: 36px;
}
.page-rongyao .content .conbox .listbox[data-type='zl'] .itm .v2 {
  width: 60px;
  margin-left: 44px;
}
.page-rongyao .content .conbox .listbox[data-type='zl'] .itm .v3 {
  width: 240px;
  margin-left: 38px;
}
.page-rongyao .content .conbox .listbox[data-type='zl'] .itm .v4 {
  width: 160px;
  margin-left: 20px;
}
.page-rongyao .content .conbox .listbox[data-type='yz'] .itm .v1 {
  width: 210px;
  margin-left: 36px;
}
.page-rongyao .content .conbox .listbox[data-type='yz'] .itm .v2 {
  width: 60px;
  margin-left: 44px;
}
.page-rongyao .content .conbox .listbox[data-type='yz'] .itm .v3 {
  width: 240px;
  margin-left: 38px;
}
.page-rongyao .content .conbox .listbox[data-type='yz'] .itm .v4 {
  width: 160px;
  margin-left: 20px;
}
.page-rongyao .content .conbox .listbox[data-type='gh'] .itm .v1 {
  width: 210px;
  margin-left: 36px;
}
.page-rongyao .content .conbox .listbox[data-type='gh'] .itm .v2 {
  width: 210px;
  margin-left: 38px;
}
.page-rongyao .content .conbox .listbox[data-type='gh'] .itm .v3 {
  width: 110px;
  margin-left: 34px;
}
.page-rongyao .content .conbox .listbox[data-type='gh'] .itm .v4 {
  width: 150px;
  margin-left: 20px;
}
.page-rongyao .content .conbox .listbox[data-type='jy'] .itm .v1 {
  width: 210px;
  margin-left: 36px;
}
.page-rongyao .content .conbox .listbox[data-type='jy'] .itm .v2 {
  width: 210px;
  margin-left: 38px;
}
.page-rongyao .content .conbox .listbox[data-type='jy'] .itm .v3 {
  width: 110px;
  margin-left: 34px;
}
.page-rongyao .content .conbox .listbox[data-type='jy'] .itm .v4 {
  width: 150px;
  margin-left: 20px;
}
.page-rongyao .content .conbox .listbox .list {
  position: relative;
  height: 460px;
}
.page-rongyao .content .conbox .listbox .nodata {
  position: absolute;
  left: 0;
  top: 200px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.page-rongyao .content .conbox .listbox .itm {
  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;
  height: 46px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
.page-rongyao .content .conbox .listbox .itm .rank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 75px;
  margin-left: 27px;
}
.page-rongyao .content .conbox .listbox .itm .rank i {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-style: normal;
}
.no-webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="1"] {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1579px -1358px}
.webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="1"] {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1579px -1358px}
.no-webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="1"] {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="1"] {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="1"] {background-position:-1579px -1358px}
.webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="1"] {background-position:-1579px -1358px}
.page-rongyao .content .conbox .listbox .itm .rank i[data-rank="1"] {
  font-size: 0;
width:34px;
height:31px;

}
.no-webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="2"] {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1615px -1358px}
.webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="2"] {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1615px -1358px}
.no-webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="2"] {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="2"] {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="2"] {background-position:-1615px -1358px}
.webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="2"] {background-position:-1615px -1358px}
.page-rongyao .content .conbox .listbox .itm .rank i[data-rank="2"] {
  font-size: 0;
width:34px;
height:31px;

}
.no-webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="3"] {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1577px -1393px}
.webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="3"] {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1577px -1393px}
.no-webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="3"] {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="3"] {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="3"] {background-position:-1577px -1393px}
.webp .page-rongyao .content .conbox .listbox .itm .rank i[data-rank="3"] {background-position:-1577px -1393px}
.page-rongyao .content .conbox .listbox .itm .rank i[data-rank="3"] {
  font-size: 0;
width:34px;
height:31px;

}
.page-rongyao .content .conbox .listbox .itm .v1,
.page-rongyao .content .conbox .listbox .itm .v2,
.page-rongyao .content .conbox .listbox .itm .v3,
.page-rongyao .content .conbox .listbox .itm .v4,
.page-rongyao .content .conbox .listbox .itm .v5,
.page-rongyao .content .conbox .listbox .itm .v5,
.page-rongyao .content .conbox .listbox .itm .v6,
.page-rongyao .content .conbox .listbox .itm .v7 {
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.no-webp .page-rongyao .content .conbox .listbox .itm.top {background-color:rgba(255, 255, 255, 0.1)}
.webp .page-rongyao .content .conbox .listbox .itm.top {background-color:rgba(255, 255, 255, 0.1)}
.page-rongyao .content .conbox .listbox .itm.top {
  height: 46px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-rongyao .content .conbox .listbox .itm.top .rank,
.page-rongyao .content .conbox .listbox .itm.top .v1,
.page-rongyao .content .conbox .listbox .itm.top .v2,
.page-rongyao .content .conbox .listbox .itm.top .v3,
.page-rongyao .content .conbox .listbox .itm.top .v4,
.page-rongyao .content .conbox .listbox .itm.top .v5,
.page-rongyao .content .conbox .listbox .itm.top .v6,
.page-rongyao .content .conbox .listbox .itm.top .v7 {
  font-size: 18px;
  color: #ffd49f;
}
.no-webp .page-rongyao .content .conbox .listbox .tips {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-852px -981px}
.webp .page-rongyao .content .conbox .listbox .tips {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-852px -981px}
.no-webp .page-rongyao .content .conbox .listbox .tips {background-size:1653px 1508px}
.webp .page-rongyao .content .conbox .listbox .tips {background-size:1653px 1508px}
.no-webp .page-rongyao .content .conbox .listbox .tips {background-position:-852px -981px}
.webp .page-rongyao .content .conbox .listbox .tips {background-position:-852px -981px}
.page-rongyao .content .conbox .listbox .tips {
  margin: 11px auto 0;
width:479px;
height:14px;

}
.page-rongyao .content .conbox .listbox #pager {
  font-size: 0;
  text-align: center;
  margin-top: 20px;
}
.page-rongyao .content .conbox .listbox #pager a {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #fff;
  margin: 0 8px;
}
.page-rongyao .content .conbox .listbox #pager a[data-type="first"],
.page-rongyao .content .conbox .listbox #pager a[data-type="last"] {
  display: none;
}
.page-rongyao .content .conbox .listbox #pager a:hover {
  text-decoration: underline;
}
.page-rongyao .content .conbox .listbox #pager a.cur {
  color: #ffd49f;
}
.page-rongyao .content .conbox .listbox #pager a.disabled {
  cursor: not-allowed;
}
.page-rongyao .content .conbox .listbox #pager span {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #fff;
  margin: 0 8px;
}
@media screen and (max-height: 890px) {
  .page-rongyao .content .sclebox {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media screen and (max-height: 820px) {
  .page-rongyao .content .sclebox {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.rongyao-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -10000;
  visibility: hidden;
}
.rongyao-pop.on {
  z-index: 10000;
  visibility: visible;
}
.no-webp .rongyao-pop.on .mask {background:rgba(0, 0, 0, 0.7)}
.webp .rongyao-pop.on .mask {background:rgba(0, 0, 0, 0.7)}
.rongyao-pop.on .mask {
}
.no-webp .rongyao-pop .mask {background:rgba(0, 0, 0, 0)}
.webp .rongyao-pop .mask {background:rgba(0, 0, 0, 0)}
.rongyao-pop .mask {
  width: 100%;
  height: 100%;
}
.no-webp .rongyao-pop .popbg {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/popbg_c447de1c.png) no-repeat center top;
  background-size: 100% 100%}
.webp .rongyao-pop .popbg {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/popbg_c447de1c.webp) no-repeat center top;
  background-size: 100% 100%}
.no-webp .rongyao-pop .popbg {background-size:100% 100%}
.webp .rongyao-pop .popbg {background-size:100% 100%}
.rongyao-pop .popbg {
  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%);
  transform: translate(-50%, -50%);
  width: 672px;
  height: 375px;
}
.rongyao-pop .popbg p {
  width: 380px;
  height: 75px;
  font-size: 28px;
  color: #6479af;
  text-align: center;
  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: 103px auto 0;
}
.no-webp .rongyao-pop .popbg .btn-confirm {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-0px -1450px}
.webp .rongyao-pop .popbg .btn-confirm {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-0px -1450px}
.no-webp .rongyao-pop .popbg .btn-confirm {background-size:1653px 1508px}
.webp .rongyao-pop .popbg .btn-confirm {background-size:1653px 1508px}
.no-webp .rongyao-pop .popbg .btn-confirm {background-position:-0px -1450px}
.webp .rongyao-pop .popbg .btn-confirm {background-position:-0px -1450px}
.rongyao-pop .popbg .btn-confirm {
  display: block;
  margin: 30px auto 0;
width:153px;
height:58px;

}
.rongyao-pop .popbg .btn-confirm:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .rongyao-pop .popbg .btn-close {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1014px}
.webp .rongyao-pop .popbg .btn-close {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1014px}
.no-webp .rongyao-pop .popbg .btn-close {background-size:1653px 1508px}
.webp .rongyao-pop .popbg .btn-close {background-size:1653px 1508px}
.no-webp .rongyao-pop .popbg .btn-close {background-position:-1544px -1014px}
.webp .rongyao-pop .popbg .btn-close {background-position:-1544px -1014px}
.rongyao-pop .popbg .btn-close {
  position: absolute;
  left: 50%;
  bottom: -50px;
  margin-left: -30px;
width:61px;
height:58px;

  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.rongyao-pop .popbg .btn-close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no-webp .page-shilu {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_38d89446.jpg) no-repeat center top;
  background-size: cover}
.webp .page-shilu {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_38d89446.webp) no-repeat center top;
  background-size: cover}
.no-webp .page-shilu {background-size:cover}
.webp .page-shilu {background-size:cover}
.page-shilu {
  position: relative;
  width: 100%;
  height: 100%;
}
.no-webp .page-shilu .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-0px -501px}
.webp .page-shilu .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-0px -501px}
.no-webp .page-shilu .title {background-size:1653px 1508px}
.webp .page-shilu .title {background-size:1653px 1508px}
.no-webp .page-shilu .title {background-position:-0px -501px}
.webp .page-shilu .title {background-position:-0px -501px}
.page-shilu .title {
  position: absolute;
  top: 105px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
width:387px;
height:137px;

}
.page-shilu .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
}
.no-webp .page-shilu .content .btn-shilu {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1292px -1380px}
.webp .page-shilu .content .btn-shilu {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1292px -1380px}
.no-webp .page-shilu .content .btn-shilu {background-size:1653px 1508px}
.webp .page-shilu .content .btn-shilu {background-size:1653px 1508px}
.no-webp .page-shilu .content .btn-shilu {background-position:-1292px -1380px}
.webp .page-shilu .content .btn-shilu {background-position:-1292px -1380px}
.page-shilu .content .btn-shilu {
  width: 160px;
  height: 43px;
  position: absolute;
  top: -55px;
  left: 50%;
  margin-left: 482px;
  color: #fff;
  font-size: 20px;
  line-height: 43px;
  text-align: center;

}
.no-webp .page-shilu .content .btn-shilu:hover {background-image:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-155px -1450px}
.webp .page-shilu .content .btn-shilu:hover {background-image:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-155px -1450px}
.no-webp .page-shilu .content .btn-shilu:hover {background-size:1653px 1508px}
.webp .page-shilu .content .btn-shilu:hover {background-size:1653px 1508px}
.no-webp .page-shilu .content .btn-shilu:hover {background-position:-155px -1450px}
.webp .page-shilu .content .btn-shilu:hover {background-position:-155px -1450px}
.page-shilu .content .btn-shilu:hover {
width:160px;
height:43px;

}
.no-webp .page-shilu .content .switch {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-614px -981px}
.webp .page-shilu .content .switch {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-614px -981px}
.no-webp .page-shilu .content .switch {background-size:1653px 1508px}
.webp .page-shilu .content .switch {background-size:1653px 1508px}
.no-webp .page-shilu .content .switch {background-position:-614px -981px}
.webp .page-shilu .content .switch {background-position:-614px -981px}
.page-shilu .content .switch {
  width: 236px;
  height: 43px;

  z-index: 9;
  position: absolute;
  top: -55px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  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;
  font-size: 20px;
}
.page-shilu .content .switch a {
  display: block;
  width: 118px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  line-height: 33px;
  text-align: center;
  position: relative;
}
.page-shilu .content .switch a span {
  position: relative;
}
.page-shilu .content .switch a:nth-child(1).active i {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.no-webp .page-shilu .content .switch a:nth-child(1) i {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-557px -1450px}
.webp .page-shilu .content .switch a:nth-child(1) i {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-557px -1450px}
.no-webp .page-shilu .content .switch a:nth-child(1) i {background-size:1653px 1508px}
.webp .page-shilu .content .switch a:nth-child(1) i {background-size:1653px 1508px}
.no-webp .page-shilu .content .switch a:nth-child(1) i {background-position:-557px -1450px}
.webp .page-shilu .content .switch a:nth-child(1) i {background-position:-557px -1450px}
.page-shilu .content .switch a:nth-child(1) i {
  display: block;
  width: 118px;
  height: 36px;

  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.no-webp .page-shilu .content .shilu-cnt {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/con-bg_9a251c15.png) no-repeat}
.webp .page-shilu .content .shilu-cnt {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/con-bg_9a251c15.webp) no-repeat}
.page-shilu .content .shilu-cnt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1281px;
  height: 461px;
}
.page-shilu .content .shilu-cnt .video {
  position: absolute;
  top: 7px;
  left: 8px;
  width: 100%;
  height: 100%;
  display: none;
}
.page-shilu .content .shilu-cnt .video .type {
  display: none;
}
.page-shilu .content .shilu-cnt .video .change-news {
  position: absolute;
  top: 465px;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.no-webp .page-shilu .content .shilu-cnt .video .change-news::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -613px}
.webp .page-shilu .content .shilu-cnt .video .change-news::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -613px}
.no-webp .page-shilu .content .shilu-cnt .video .change-news::before {background-size:1653px 1508px}
.webp .page-shilu .content .shilu-cnt .video .change-news::before {background-size:1653px 1508px}
.no-webp .page-shilu .content .shilu-cnt .video .change-news::before {background-position:-1345px -613px}
.webp .page-shilu .content .shilu-cnt .video .change-news::before {background-position:-1345px -613px}
.page-shilu .content .shilu-cnt .video .change-news::before {
  content: '';
  display: block;
  margin-right: 8px;
width:22px;
height:22px;

}
.page-shilu .content .shilu-cnt .video .change-news:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page-shilu .content .shilu-cnt .video .video-list {
  position: absolute;
  top: 0;
  left: 0;
}
.page-shilu .content .shilu-cnt .video .thumb {
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}
.page-shilu .content .shilu-cnt .video .thumb:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.page-shilu .content .shilu-cnt .video .thumb:hover .mask {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-shilu .content .shilu-cnt .video .thumb:hover .mask .line:nth-child(2)::after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-shilu .content .shilu-cnt .video .thumb:hover .mask .line:nth-child(1)::after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-shilu .content .shilu-cnt .video .thumb:hover .mask .line:nth-child(3)::after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-shilu .content .shilu-cnt .video .thumb:hover .mask .line:nth-child(4)::after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-shilu .content .shilu-cnt .video .thumb:hover .video-btn {
  bottom: 50%;
}
.page-shilu .content .shilu-cnt .video .thumb:hover .video-title {
  bottom: 50%;
  margin-bottom: -100px;
}
.page-shilu .content .shilu-cnt .video .thumb:hover .video-title::after {
  display: block;
  content: '';
  width: 180px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -90px;
}
.page-shilu .content .shilu-cnt .video .thumb .video-title {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  bottom: -300px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.page-shilu .content .shilu-cnt .video .thumb .video-btn {
  width: 93px;
  height: 93px;
  bottom: 50%;
  left: 50%;
  margin-left: -46px;
  margin-bottom: -46px;
  position: absolute;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  bottom: -100px;
}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .circle {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -264px}
.webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .circle {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -264px}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .circle {background-size:1653px 1508px}
.webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .circle {background-size:1653px 1508px}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .circle {background-position:-1544px -264px}
.webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .circle {background-position:-1544px -264px}
.page-shilu .content .shilu-cnt .video .thumb .video-btn .circle {
  display: block;
  width: 93px;
  height: 93px;

  -webkit-animation: rotate 5s infinite linear;
  -moz-animation: rotate 5s infinite linear;
  -ms-animation: rotate 5s infinite linear;
  animation: rotate 5s infinite linear;
}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .triangle {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -508px}
.webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .triangle {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -508px}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .triangle {background-size:1653px 1508px}
.webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .triangle {background-size:1653px 1508px}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .triangle {background-position:-1345px -508px}
.webp .page-shilu .content .shilu-cnt .video .thumb .video-btn .triangle {background-position:-1345px -508px}
.page-shilu .content .shilu-cnt .video .thumb .video-btn .triangle {
  display: block;
  width: 19px;
  height: 30px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -15px;
}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .mask {background:rgba(0, 0, 0, 0.6)}
.webp .page-shilu .content .shilu-cnt .video .thumb .mask {background:rgba(0, 0, 0, 0.6)}
.page-shilu .content .shilu-cnt .video .thumb .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(1) {
  position: absolute;
  height: 1px;
  top: 10px;
  left: 10px;
  right: 10px;
  overflow: hidden;
}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(1)::after {background:rgba(255, 255, 255, 0.59)}
.webp .page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(1)::after {background:rgba(255, 255, 255, 0.59)}
.page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(1)::after {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(2) {
  position: absolute;
  width: 1px;
  top: 10px;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(2)::after {background:rgba(255, 255, 255, 0.59)}
.webp .page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(2)::after {background:rgba(255, 255, 255, 0.59)}
.page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(2)::after {
  display: block;
  content: '';
  height: 100%;
  width: 1px;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 0.1s 0.4s linear;
  -moz-transition: all 0.1s 0.4s linear;
  -ms-transition: all 0.1s 0.4s linear;
  -o-transition: all 0.1s 0.4s linear;
  transition: all 0.1s 0.4s linear;
}
.page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(3) {
  position: absolute;
  height: 1px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  overflow: hidden;
}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(3)::after {background:rgba(255, 255, 255, 0.59)}
.webp .page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(3)::after {background:rgba(255, 255, 255, 0.59)}
.page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(3)::after {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.1s 0.5s linear;
  -moz-transition: all 0.1s 0.5s linear;
  -ms-transition: all 0.1s 0.5s linear;
  -o-transition: all 0.1s 0.5s linear;
  transition: all 0.1s 0.5s linear;
}
.page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(4) {
  position: absolute;
  width: 1px;
  top: 10px;
  left: 10px;
  bottom: 10px;
  overflow: hidden;
}
.no-webp .page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(4)::after {background:rgba(255, 255, 255, 0.59)}
.webp .page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(4)::after {background:rgba(255, 255, 255, 0.59)}
.page-shilu .content .shilu-cnt .video .thumb .mask .line:nth-child(4)::after {
  display: block;
  content: '';
  height: 100%;
  width: 1px;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.1s 0.6s linear;
  -moz-transition: all 0.1s 0.6s linear;
  -ms-transition: all 0.1s 0.6s linear;
  -o-transition: all 0.1s 0.6s linear;
  transition: all 0.1s 0.6s linear;
}
.page-shilu .content .shilu-cnt .video .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-shilu .content .shilu-cnt .video .thumb:nth-child(1) {
  width: 388px;
  height: 219px;
  top: 0px;
  left: -2px;
}
.page-shilu .content .shilu-cnt .video .thumb:nth-child(2) {
  width: 388px;
  height: 219px;
  top: 226px;
  left: -2px;
}
.page-shilu .content .shilu-cnt .video .thumb:nth-child(3) {
  width: 478px;
  height: 445px;
  top: 0px;
  left: 393px;
}
.page-shilu .content .shilu-cnt .video .thumb:nth-child(4) {
  width: 192px;
  height: 221px;
  top: 0px;
  left: 878px;
}
.page-shilu .content .shilu-cnt .video .thumb:nth-child(5) {
  width: 192px;
  height: 221px;
  top: 0px;
  left: 1074px;
}
.page-shilu .content .shilu-cnt .video .thumb:nth-child(6) {
  width: 388px;
  height: 219px;
  top: 226px;
  left: 878px;
}
.page-shilu .content .shilu-cnt .pic {
  position: absolute;
  top: 25px;
  left: 10px;
  width: 100%;
  height: 100%;
}
.page-shilu .content .shilu-cnt .pic .change-news {
  position: absolute;
  top: 445px;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  z-index: 9999;
}
.no-webp .page-shilu .content .shilu-cnt .pic .change-news::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1345px -613px}
.webp .page-shilu .content .shilu-cnt .pic .change-news::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1345px -613px}
.no-webp .page-shilu .content .shilu-cnt .pic .change-news::before {background-size:1653px 1508px}
.webp .page-shilu .content .shilu-cnt .pic .change-news::before {background-size:1653px 1508px}
.no-webp .page-shilu .content .shilu-cnt .pic .change-news::before {background-position:-1345px -613px}
.webp .page-shilu .content .shilu-cnt .pic .change-news::before {background-position:-1345px -613px}
.page-shilu .content .shilu-cnt .pic .change-news::before {
  content: '';
  display: block;
  margin-right: 8px;
width:22px;
height:22px;

}
.page-shilu .content .shilu-cnt .pic .change-news:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page-shilu .content .shilu-cnt .pic .thumb {
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page-shilu .content .shilu-cnt .pic .thumb:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.page-shilu .content .shilu-cnt .pic .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-shilu .content .shilu-cnt .pic .thumb:nth-child(1) {
  width: 388px;
  height: 219px;
  top: -18px;
  left: -5px;
  z-index: 1;
}
.page-shilu .content .shilu-cnt .pic .thumb:nth-child(2) {
  width: 388px;
  height: 219px;
  top: 208px;
  left: -5px;
}
.page-shilu .content .shilu-cnt .pic .thumb:nth-child(3) {
  width: 478px;
  height: 445px;
  top: -18px;
  left: 391px;
}
.page-shilu .content .shilu-cnt .pic .thumb:nth-child(4) {
  width: 191px;
  height: 221px;
  top: -18px;
  right: 213px;
}
.page-shilu .content .shilu-cnt .pic .thumb:nth-child(5) {
  width: 191px;
  height: 221px;
  top: -18px;
  right: 16px;
}
.page-shilu .content .shilu-cnt .pic .thumb:nth-child(6) {
  width: 388px;
  height: 219px;
  top: 208px;
  right: 16px;
}
.no-webp .page-gonglve {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_f4bacb8e.jpg) no-repeat center top;
  background-size: cover}
.webp .page-gonglve {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_f4bacb8e.webp) no-repeat center top;
  background-size: cover}
.no-webp .page-gonglve {background-size:cover}
.webp .page-gonglve {background-size:cover}
.page-gonglve {
  position: relative;
  width: 100%;
  height: 100%;
}
.no-webp .page-gonglve .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-389px -501px}
.webp .page-gonglve .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-389px -501px}
.no-webp .page-gonglve .title {background-size:1653px 1508px}
.webp .page-gonglve .title {background-size:1653px 1508px}
.no-webp .page-gonglve .title {background-position:-389px -501px}
.webp .page-gonglve .title {background-position:-389px -501px}
.page-gonglve .title {
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
width:387px;
height:137px;

}
.page-gonglve .gonglve-cnt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  width: 1281px;
  height: 461px;
  overflow: hidden;
}
.page-gonglve .gonglve-cnt .gonglve-swiper {
  width: 412px;
  min-width: 412px;
  height: 461px;
}
.page-gonglve .gonglve-cnt .gonglve-swiper .swiper-pagination-bullets {
  bottom: 27px;
  right: 36px;
  left: auto;
}
.page-gonglve .gonglve-cnt .gonglve-swiper .swiper-pagination {
  text-align: right;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve-swiper .swiper-pagination-bullet {background:unset}
.webp .page-gonglve .gonglve-cnt .gonglve-swiper .swiper-pagination-bullet {background:unset}
.page-gonglve .gonglve-cnt .gonglve-swiper .swiper-pagination-bullet {
  opacity: 1;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve-swiper .swiper-pagination-bullet-active {background:#fff}
.webp .page-gonglve .gonglve-cnt .gonglve-swiper .swiper-pagination-bullet-active {background:#fff}
.page-gonglve .gonglve-cnt .gonglve-swiper .swiper-pagination-bullet-active {
}
.page-gonglve .gonglve-cnt .gonglve-swiper .item {
  width: 412px;
  height: 461px;
  overflow: hidden;
  position: relative;
  display: block;
}
.page-gonglve .gonglve-cnt .gonglve-swiper .item:hover p {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-gonglve .gonglve-cnt .gonglve-swiper .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve-swiper .item p {background:rgba(0, 0, 0, 0.47)}
.webp .page-gonglve .gonglve-cnt .gonglve-swiper .item p {background:rgba(0, 0, 0, 0.47)}
.page-gonglve .gonglve-cnt .gonglve-swiper .item p {
  height: 37px;
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 37px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/con-bg_f9db1e40.png) no-repeat}
.webp .page-gonglve .gonglve-cnt .gonglve {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/con-bg_f9db1e40.webp) no-repeat}
.page-gonglve .gonglve-cnt .gonglve {
  width: 869px;
  height: 461px;
  padding: 40px 30px 0px 40px;
}
.page-gonglve .gonglve-cnt .gonglve .tab-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #5985aa;
}
.page-gonglve .gonglve-cnt .gonglve .tab-links .tab-link {
  margin-right: 50px;
  position: relative;
  cursor: pointer;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve .tab-links .tab-link::after {background:#ffd49f}
.webp .page-gonglve .gonglve-cnt .gonglve .tab-links .tab-link::after {background:#ffd49f}
.page-gonglve .gonglve-cnt .gonglve .tab-links .tab-link::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1px;
  width: 0;
  height: 2px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.page-gonglve .gonglve-cnt .gonglve .tab-links .tab-link:hover::after,
.page-gonglve .gonglve-cnt .gonglve .tab-links .tab-link.active::after {
  width: 100%;
}
.page-gonglve .gonglve-cnt .gonglve .left {
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 1px;
}
.page-gonglve .gonglve-cnt .gonglve .left .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-gonglve .gonglve-cnt .gonglve .left .item:nth-child(n+3) {
  display: none;
}
.page-gonglve .gonglve-cnt .gonglve .left .thumb {
  width: 153px;
  height: 97px;
}
.page-gonglve .gonglve-cnt .gonglve .left .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve .left .item-right {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/info-bg_7d8875f2.png) no-repeat}
.webp .page-gonglve .gonglve-cnt .gonglve .left .item-right {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/info-bg_7d8875f2.webp) no-repeat}
.page-gonglve .gonglve-cnt .gonglve .left .item-right {
  padding: 10px;
  width: 242px;
  height: 97px;
}
.page-gonglve .gonglve-cnt .gonglve .left .item-title {
  width: 222px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}
.page-gonglve .gonglve-cnt .gonglve .left .item-date {
  display: none;
}
.page-gonglve .gonglve-cnt .gonglve .left .item-category {
  position: relative;
  margin-bottom: 5px;
  color: #ffd49f;
  margin-right: 15px;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve .left .item-category::after {background:#ffd49f}
.webp .page-gonglve .gonglve-cnt .gonglve .left .item-category::after {background:#ffd49f}
.page-gonglve .gonglve-cnt .gonglve .left .item-category::after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  right: -10px;
  width: 1px;
  height: 14px;
}
.page-gonglve .gonglve-cnt .gonglve .right {
  margin-top: 25px;
}
.page-gonglve .gonglve-cnt .gonglve .right .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 60px;
  border-bottom: 1px solid #6886a4;
  cursor: pointer;
  width: 100%;
  height: 49px;
  padding: 0 10px;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve .right .item:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/dec-h_5e50da9f.png) no-repeat}
.webp .page-gonglve .gonglve-cnt .gonglve .right .item:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/dec-h_5e50da9f.webp) no-repeat}
.page-gonglve .gonglve-cnt .gonglve .right .item:hover {
}
.page-gonglve .gonglve-cnt .gonglve .right .item:nth-child(n+5) {
  display: none;
}
.page-gonglve .gonglve-cnt .gonglve .right .item-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 15px;
}
.page-gonglve .gonglve-cnt .gonglve .right .item-category {
  position: relative;
  margin-bottom: 5px;
  color: #ffd49f;
  margin-right: 15px;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve .right .item-category::after {background:#ffd49f}
.webp .page-gonglve .gonglve-cnt .gonglve .right .item-category::after {background:#ffd49f}
.page-gonglve .gonglve-cnt .gonglve .right .item-category::after {
  content: '';
  display: block;
  position: absolute;
  top: 25px;
  right: -10px;
  width: 1px;
  height: 14px;
}
.page-gonglve .gonglve-cnt .gonglve .right .item-date {
  color: #acc5d7;
}
.page-gonglve .gonglve-cnt .gonglve .more {
  position: absolute;
  right: 25px;
  bottom: 15px;
  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;
}
.no-webp .page-gonglve .gonglve-cnt .gonglve .more::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1307px -651px}
.webp .page-gonglve .gonglve-cnt .gonglve .more::before {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1307px -651px}
.no-webp .page-gonglve .gonglve-cnt .gonglve .more::before {background-size:1653px 1508px}
.webp .page-gonglve .gonglve-cnt .gonglve .more::before {background-size:1653px 1508px}
.no-webp .page-gonglve .gonglve-cnt .gonglve .more::before {background-position:-1307px -651px}
.webp .page-gonglve .gonglve-cnt .gonglve .more::before {background-position:-1307px -651px}
.page-gonglve .gonglve-cnt .gonglve .more::before {
  content: '';
  display: block;
  margin-right: 8px;
width:22px;
height:22px;

}
.no-webp .page-feature {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_78ae5bdc.jpg) no-repeat center top;
  background-size: cover}
.webp .page-feature {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_78ae5bdc.webp) no-repeat center top;
  background-size: cover}
.no-webp .page-feature {background-size:cover}
.webp .page-feature {background-size:cover}
.page-feature {
  position: relative;
  width: 100%;
  height: 100%;
}
.no-webp .page-feature .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png);background-size:1653px 1508px;
background-position:-0px -640px}
.webp .page-feature .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp);background-size:1653px 1508px;
background-position:-0px -640px}
.no-webp .page-feature .title {background-size:1653px 1508px}
.webp .page-feature .title {background-size:1653px 1508px}
.no-webp .page-feature .title {background-position:-0px -640px}
.webp .page-feature .title {background-position:-0px -640px}
.page-feature .title {
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
width:387px;
height:137px;

}
.page-feature .feature-list {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -65%);
          transform: translate(-50%, -65%);
  width: 731px;
  height: 411px;
}
.page-feature .feature-list .gallery_container {
  width: 731px !important;
}
.page-feature .feature-list .gallery_item {
  width: 731px;
  height: 411px;
}
.page-feature .feature-list .gallery_item img {
  position: absolute;
  left: 93px;
  top: 43px;
  width: 731px;
}
.no-webp .page-feature .feature-list .gallery_item .border-bg {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/border-bg_114d737b.png) no-repeat}
.webp .page-feature .feature-list .gallery_item .border-bg {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/border-bg_114d737b.webp) no-repeat}
.page-feature .feature-list .gallery_item .border-bg {
  position: absolute;
  top: -40px;
  left: -93px;
  width: 926px;
  height: 517px;
}
.page-feature .feature-list .gallery_item.gallery_active:after {
  opacity: 0;
}
.no-webp .page-feature .feature-list .gallery_item:after {background:rgba(0, 0, 0, 0.5)}
.webp .page-feature .feature-list .gallery_item:after {background:rgba(0, 0, 0, 0.5)}
.page-feature .feature-list .gallery_item:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 731px;
  height: 411px;
  opacity: 0.8;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-feature .feature-list .page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px 0 0 0;
}
.no-webp .page-feature .feature-list .page li {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1639px -168px}
.webp .page-feature .feature-list .page li {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1639px -168px}
.no-webp .page-feature .feature-list .page li {background-size:1653px 1508px}
.webp .page-feature .feature-list .page li {background-size:1653px 1508px}
.no-webp .page-feature .feature-list .page li {background-position:-1639px -168px}
.webp .page-feature .feature-list .page li {background-position:-1639px -168px}
.page-feature .feature-list .page li {
  position: relative;
width:9px;
height:10px;

  margin: 0 25px 0 0;
}
.no-webp .page-feature .feature-list .page .active::after {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.png) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1282px}
.webp .page-feature .feature-list .page .active::after {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-e8518e_e8518eda.webp) no-repeat;background-size:1653px 1508px;
background-position:-1544px -1282px}
.no-webp .page-feature .feature-list .page .active::after {background-size:1653px 1508px}
.webp .page-feature .feature-list .page .active::after {background-size:1653px 1508px}
.no-webp .page-feature .feature-list .page .active::after {background-position:-1544px -1282px}
.webp .page-feature .feature-list .page .active::after {background-position:-1544px -1282px}
.page-feature .feature-list .page .active::after {
  content: '';
  display: block;
  position: absolute;
  top: -13px;
  left: -18px;
width:67px;
height:40px;

}
.no-webp .page-feature .prev-btn {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/prev-btn_715f1f48.png) no-repeat}
.webp .page-feature .prev-btn {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/prev-btn_715f1f48.webp) no-repeat}
.page-feature .prev-btn {
  display: block;
  width: 80px;
  height: 56px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -35%);
          transform: translate(0, -35%);
  left: 50%;
  margin-left: -520px;
}
.no-webp .page-feature .prev-btn:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/prev-btn-h_29ff92ad.png) no-repeat}
.webp .page-feature .prev-btn:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/prev-btn-h_29ff92ad.webp) no-repeat}
.page-feature .prev-btn:hover {
}
.no-webp .page-feature .next-btn {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/prev-btn_715f1f48.png) no-repeat}
.webp .page-feature .next-btn {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/prev-btn_715f1f48.webp) no-repeat}
.page-feature .next-btn {
  display: block;
  width: 80px;
  height: 56px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -35%) rotateY(180deg);
          transform: translate(0, -35%) rotateY(180deg);
  right: 50%;
  margin-right: -540px;
}
.no-webp .page-feature .next-btn:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/prev-btn-h_29ff92ad.png) no-repeat}
.webp .page-feature .next-btn:hover {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/prev-btn-h_29ff92ad.webp) no-repeat}
.page-feature .next-btn:hover {
}

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

.no-webp .page-bg {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_9a656aba.jpg) no-repeat center top;
  background-size: cover}

.webp .page-bg {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/bg_9a656aba.webp) no-repeat center top;
  background-size: cover}

.no-webp .page-bg {background-size:cover}

.webp .page-bg {background-size:cover}

.page-bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.no-webp .page-bg .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-19fb36_19fb360a.png) no-repeat;background-size:387px 137px;
background-position:-0px -0px}
.webp .page-bg .title {background:url(https://tym.res.netease.com/pc/gw/20230530154301/img/sprite-19fb36_19fb360a.webp) no-repeat;background-size:387px 137px;
background-position:-0px -0px}
.no-webp .page-bg .title {background-size:387px 137px}
.webp .page-bg .title {background-size:387px 137px}
.no-webp .page-bg .title {background-position:-0px -0px}
.webp .page-bg .title {background-position:-0px -0px}
.page-bg .title {
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
width:387px;
height:137px;

}
.page-bg #webgl {
  width: 100%;
  height: 100%;
}

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

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

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