/*reset.less*/
/* CSS Document */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 312.5%;
}
ul,
li,
div,
p,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
input {
  -webkit-appearance: button;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  outline: none;
}
input {
  -webkit-appearance: none;
  outline: none;
}
* {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
.hide {
  display: none;
}
body,
html {
  width: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
  font-weight: normal;
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
body {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.no-webp button {background:none}
.webp button {background:none}
button {
  border: none;
  display: block;
  outline: none;
}
table {
  border-collapse: collapse;
}
/* mobile media-query */
html {
  font-size: 312.5%;
}
@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 351.5%;
  }
}
@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 375%;
  }
}
@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 390.625%;
  }
}
@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 404.3%;
  }
}
@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 421.875%;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 468.75%;
  }
}
@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 625%;
  }
}
html,
body {
  width: 100%;
  height: 100%;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
/* flexbox */
.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-5rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(5rem);
  }
  100% {
    opacity: 1;
    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% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    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% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    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% {
    transform-origin: center center;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: center center;
    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% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes shake {
  50% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@-webkit-keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip1 {
  0% {
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    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% {
    transform: perspective(400px) rotateY(-90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes shine {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: .1;
  }
}
@-webkit-keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@-webkit-keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@-webkit-keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    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% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes translateDown {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@-moz-keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@-ms-keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@-o-keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@-webkit-keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@-moz-keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@-ms-keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@-o-keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@keyframes btnGiftAni {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
  }
}
@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@-moz-keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@-ms-keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@-o-keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@-moz-keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@-ms-keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@-o-keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@keyframes arrow {
  0% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
  }
}
@-webkit-keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes videobtn {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-ms-keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-moz-keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-ms-keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-o-keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes videoyq {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@font-face {
  font-family: 'notoserifsc';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-serif-sc-v22-latin_chinese-simplified-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-serif-sc-v22-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@-webkit-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@-moz-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@-ms-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@-o-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@-webkit-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@-moz-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@-ms-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@-o-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
  }
}
@-webkit-keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-moz-keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-ms-keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-o-keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-moz-keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-ms-keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-o-keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes pop-wrap {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
.pop {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 1000;
}
.no-webp .pop .bg {background-color:rgba(34, 34, 34, 0.95)}
.webp .pop .bg {background-color:rgba(34, 34, 34, 0.95)}
.no-webp .pop .bg {-moz-background-clip:padding}
.webp .pop .bg {-moz-background-clip:padding}
.no-webp .pop .bg {-webkit-background-clip:padding-box}
.webp .pop .bg {-webkit-background-clip:padding-box}
.no-webp .pop .bg {background-clip:padding-box}
.webp .pop .bg {background-clip:padding-box}
.pop .bg {
  display: none;
  position: absolute;
  width: 7.5rem;
  height: 7.5rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 20%;
  -webkit-animation: pop-bg 1s forwards;
  -moz-animation: pop-bg 1s forwards;
  -ms-animation: pop-bg 1s forwards;
  animation: pop-bg 1s forwards;
}
.no-webp .pop .close {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/close_8748a992.png) no-repeat;
  background-size: 100%}
.webp .pop .close {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/close_8748a992.webp) no-repeat;
  background-size: 100%}
.no-webp .pop .close {background-size:100%}
.webp .pop .close {background-size:100%}
.pop .close {
  width: 0.5rem;
  height: 0.48rem;
  position: absolute;
  z-index: 1;
  top: 0.3rem;
  right: 0.31rem;
  display: none;
}
.no-webp .pop .wrap {background:rgba(34, 34, 34, 0.95)}
.webp .pop .wrap {background:rgba(34, 34, 34, 0.95)}
.pop .wrap {
  width: 100%;
  height: 100%;
}
.pop .wrap .wrap-box {
  width: 7rem;
  height: 8.55rem;
}
.pop .wrap.ani {
  -webkit-animation: pop-wrap 1s forwards;
  -moz-animation: pop-wrap 1s forwards;
  -ms-animation: pop-wrap 1s forwards;
  animation: pop-wrap 1s forwards;
}
.no-webp .pop .wrap .wrap-box {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/bg_8013a25f.png) no-repeat;
  background-size: 100%}
.webp .pop .wrap .wrap-box {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/bg_8013a25f.webp) no-repeat;
  background-size: 100%}
.no-webp .pop .wrap .wrap-box {background-size:100%}
.webp .pop .wrap .wrap-box {background-size:100%}
.pop .wrap .wrap-box {
  width: 7rem;
  height: 9.56rem;
  left: 50%;
  top: 50%;
  margin-top: -4.275rem;
  margin-left: -3.5rem;
  position: absolute;
}
.pop .ngp-download {
  display: block;
  height: 1.1rem;
  width: 4.02rem;
  margin: 0 auto;
  position: relative;
  /* 节点名：游戏下载 */
  /* 节点名：按钮-移动 */
}
.no-webp .pop .ngp-download .z_youhuxiazai_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_youhuxiazai_000_9565fe04.png);
  background-size: 100% 100%}
.webp .pop .ngp-download .z_youhuxiazai_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_youhuxiazai_000_9565fe04.webp);
  background-size: 100% 100%}
.no-webp .pop .ngp-download .z_youhuxiazai_000 {background-size:100% 100%}
.webp .pop .ngp-download .z_youhuxiazai_000 {background-size:100% 100%}
.pop .ngp-download .z_youhuxiazai_000 {
  position: absolute;
  left: 0.61rem;
  top: 0.24rem;
  height: 0.67rem;
  width: 2.82rem;
  mix-blend-mode: normal;
}
.pop .ngp-download .z_anniu_yidong_000 {
  position: absolute;
  left: 0rem;
  top: 0rem;
  height: 1.1rem;
  width: 4.02rem;
  mix-blend-mode: normal;
}
.no-webp .pop .ngp-download .z_anniu_yidong_000-under-svg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/sprite_z_anniu_yidong_000_57b63637.png);
  background-size: 500% 500%}
.webp .pop .ngp-download .z_anniu_yidong_000-under-svg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/sprite_z_anniu_yidong_000_57b63637.webp);
  background-size: 500% 500%}
.no-webp .pop .ngp-download .z_anniu_yidong_000-under-svg {background-size:500% 500%}
.webp .pop .ngp-download .z_anniu_yidong_000-under-svg {background-size:500% 500%}
.pop .ngp-download .z_anniu_yidong_000-under-svg {
  height: 110px;
  /* no */
  width: 402px;
  /* no */
  font-size: 0;
  animation: sprite_z_anniu_yidong_000 1s 0s steps(1) infinite normal;
}
#app .pop.video {
  position: fixed;
  left: 0;
  z-index: 10000;
  display: none;
}
.no-webp #app .pop.video .vide_mask {background-color:#000}
.webp #app .pop.video .vide_mask {background-color:#000}
#app .pop.video .vide_mask {
  width: 100%;
  height: 100%;
}
#app .pop.video .video_wrap {
  position: fixed;
  width: 100%;
  height: 4.5rem;
  left: 0;
  top: 50%;
  margin-top: -2.25rem;
}
#app .pop.video video {
  display: block;
  width: 100%;
  height: auto;
}
.no-webp #app .pop.reg .title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title_501294bb.png) no-repeat;
  background-size: 100%}
.webp #app .pop.reg .title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title_501294bb.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.reg .title {background-size:100%}
.webp #app .pop.reg .title {background-size:100%}
#app .pop.reg .title {
  width: 2.39rem;
  height: 0.54rem;
  margin: 0.5rem auto 0rem;
}
#app .pop.reg .pop-con-reg {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 4rem;
  min-height: 3.8rem !important;
  margin: 0 auto;
  margin-top: 0.3rem;
}
.no-webp #app .pop.reg .line {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/line_14407ebb.png) no-repeat;
  background-size: 100%}
.webp #app .pop.reg .line {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/line_14407ebb.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.reg .line {background-size:100%}
.webp #app .pop.reg .line {background-size:100%}
#app .pop.reg .line {
  margin: .2rem auto;
  width: 6.64rem;
  height: 0.11rem;
}
#app .pop.reg .pc-down-wrap {
  /* OLD - Android 4.4- */
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  /* 12版 */
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  display: block;
  font-size: 0.26rem;
  color: #8f9dac;
  height: 0.52rem;
  line-height: 0.52rem;
}
.no-webp #app .pop.reg .pc-down-wrap .pc-down-icon {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/pc_82d40dd4.png) no-repeat;
  background-size: 100%}
.webp #app .pop.reg .pc-down-wrap .pc-down-icon {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/pc_82d40dd4.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.reg .pc-down-wrap .pc-down-icon {background-size:100%}
.webp #app .pop.reg .pc-down-wrap .pc-down-icon {background-size:100%}
#app .pop.reg .pc-down-wrap .pc-down-icon {
  height: 100%;
  width: 0.52rem;
  margin-right: 0.1rem;
}
.no-webp #app .pop.reg .pc-down-wrap .title2 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title2_ed89c748.png) no-repeat;
  background-size: 100%}
.webp #app .pop.reg .pc-down-wrap .title2 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title2_ed89c748.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.reg .pc-down-wrap .title2 {background-size:100%}
.webp #app .pop.reg .pc-down-wrap .title2 {background-size:100%}
#app .pop.reg .pc-down-wrap .title2 {
  width: 2.41rem;
  height: 0.49rem;
  margin: 0.2rem auto 0.3rem;
}
#app .pop.reg .reg-wrap-text {
  display: none;
  width: 100%;
  margin: 0 auto;
  min-height: 4rem;
  box-sizing: border-box;
  padding-top: 0.58rem;
  text-align: center;
}
#app .pop.reg .reg-wrap-text .account-tips1 {
  font-size: 0.4rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
  letter-spacing: 0.06rem;
  color: rgba(0, 0, 0, 0.6);
}
#app .pop.reg .reg-wrap-text .account-tips2 {
  font-size: 0.3rem;
  margin-bottom: 0.3rem;
  letter-spacing: 0.06rem;
  color: rgba(0, 0, 0, 0.6);
}
#app .pop.reg .reg-wrap-text .account-name {
  font-size: 0.3rem;
  letter-spacing: 0.06rem;
  color: #ec831d;
}
.no-webp #app .pop.reg .pc-down-copy-wrap {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/copy-bg_db107dc1.png) no-repeat;
  background-size: 100%}
.webp #app .pop.reg .pc-down-copy-wrap {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/copy-bg_db107dc1.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.reg .pc-down-copy-wrap {background-size:100%}
.webp #app .pop.reg .pc-down-copy-wrap {background-size:100%}
#app .pop.reg .pc-down-copy-wrap {
  width: 5.63rem;
  height: .82rem;
  margin: 0 auto;
  margin-top: .2rem;
}
#app .pop.reg .pc-down-copy-wrap .donw-link {
  width: 3.8rem;
  float: left;
  margin-left: .12rem;
  color: #4e545c;
  font-size: .24rem;
  text-align: center;
  height: 100%;
  line-height: .82rem;
}
.no-webp #app .pop.reg .pc-down-copy-wrap .btn-clip1 {background:none}
.webp #app .pop.reg .pc-down-copy-wrap .btn-clip1 {background:none}
#app .pop.reg .pc-down-copy-wrap .btn-clip1 {
  border: none;
  display: block;
  width: 1.68rem;
  height: 100%;
}
.no-webp #app .pop.libao .title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title_78e81649.png) center bottom no-repeat;
  background-size: 100% auto}
.webp #app .pop.libao .title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title_78e81649.webp) center bottom no-repeat;
  background-size: 100% auto}
.no-webp #app .pop.libao .title {background-size:100% auto}
.webp #app .pop.libao .title {background-size:100% auto}
#app .pop.libao .title {
  width: 7.5rem;
  height: 2.14rem;
  margin: 0 auto;
}
#app .pop.libao .pop-con {
  display: none;
}
#app .pop.libao .introduce {
  display: block;
}
.no-webp #app .pop.libao .left-tab-btns {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-bg_fa163a6a.png) center center no-repeat;
  background-size: cover}
.webp #app .pop.libao .left-tab-btns {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-bg_fa163a6a.webp) center center no-repeat;
  background-size: cover}
.no-webp #app .pop.libao .left-tab-btns {background-size:cover}
.webp #app .pop.libao .left-tab-btns {background-size:cover}
#app .pop.libao .left-tab-btns {
  width: 2.07rem;
  height: .42rem;
  display: flex;
  margin: 30px auto 20px;
}
#app .pop.libao .left-tab-btns .lb-btn,
#app .pop.libao .left-tab-btns .zs-btn {
  text-align: center;
  display: block;
  color: #c5b683;
  width: 1rem;
  height: .37rem;
  font-family: 'notoserifsc';
  margin: .03rem .02rem .02rem;
}
.no-webp #app .pop.libao .left-tab-btns .lb-btn.active, 
.no-webp #app .pop.libao .left-tab-btns .zs-btn.active, 
.no-webp #app .pop.libao .left-tab-btns .lb-btn:hover, 
.no-webp #app .pop.libao .left-tab-btns .zs-btn:hover {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-h_b98a6269.png) center center no-repeat;
  background-size: cover}
.webp #app .pop.libao .left-tab-btns .lb-btn.active, 
.webp #app .pop.libao .left-tab-btns .zs-btn.active, 
.webp #app .pop.libao .left-tab-btns .lb-btn:hover, 
.webp #app .pop.libao .left-tab-btns .zs-btn:hover {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-h_b98a6269.webp) center center no-repeat;
  background-size: cover}
.no-webp #app .pop.libao .left-tab-btns .lb-btn.active, 
.no-webp #app .pop.libao .left-tab-btns .zs-btn.active, 
.no-webp #app .pop.libao .left-tab-btns .lb-btn:hover, 
.no-webp #app .pop.libao .left-tab-btns .zs-btn:hover {background-size:cover}
.webp #app .pop.libao .left-tab-btns .lb-btn.active, 
.webp #app .pop.libao .left-tab-btns .zs-btn.active, 
.webp #app .pop.libao .left-tab-btns .lb-btn:hover, 
.webp #app .pop.libao .left-tab-btns .zs-btn:hover {background-size:cover}
#app .pop.libao .left-tab-btns .lb-btn.active,
#app .pop.libao .left-tab-btns .zs-btn.active,
#app .pop.libao .left-tab-btns .lb-btn:hover,
#app .pop.libao .left-tab-btns .zs-btn:hover {
  color: #72653b;
}
.no-webp #app .pop.libao .gift1 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/gift4_179c31a1.png) no-repeat;
  background-size: 100%}
.webp #app .pop.libao .gift1 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/gift4_179c31a1.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.libao .gift1 {background-size:100%}
.webp #app .pop.libao .gift1 {background-size:100%}
#app .pop.libao .gift1 {
  width: 3.96rem;
  height: 9.21rem;
  margin: 0 auto;
}
.no-webp #app .pop.libao .gift1 .yuyue-btn {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/yyue_c7a472b4.png) no-repeat;
  background-size: 100%}
.webp #app .pop.libao .gift1 .yuyue-btn {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/yyue_c7a472b4.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.libao .gift1 .yuyue-btn {background-size:100%}
.webp #app .pop.libao .gift1 .yuyue-btn {background-size:100%}
#app .pop.libao .gift1 .yuyue-btn {
  position: absolute;
  top: 10.5rem;
  left: 29%;
  display: block;
  width: 3.32rem;
  height: .61rem;
}
.no-webp #app .pop.libao .gift {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/gift2_713a3f0b.png) no-repeat;
  background-size: 100%}
.webp #app .pop.libao .gift {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/gift2_713a3f0b.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.libao .gift {background-size:100%}
.webp #app .pop.libao .gift {background-size:100%}
#app .pop.libao .gift {
  display: none;
  width: 7.5rem;
  height: 8.61rem;
  margin: 0 auto;
}
.no-webp #app .pop.libao .gift .get-btn {background-size:100%}
.webp #app .pop.libao .gift .get-btn {background-size:100%}
#app .pop.libao .gift .get-btn {
  width: 3.44rem;
  height: 0.59rem;
  position: absolute;
  top: 4.5rem;
  left: 2.1rem;
  z-index: 9;
}
#app .pop.libao .login {
  margin-top: 0.4rem;
}
#app .pop.libao .get-process {
  position: absolute;
  top: 0.9rem;
  left: 0.7rem;
  color: #b2b6b9;
}
#app .pop.libao .get-process .libao-btn {
  color: #596ea0;
  text-decoration: underline;
}
#app .pop.libao .get-process h2 {
  height: .62rem;
  line-height: .62rem;
  font-size: .26rem;
  font-weight: normal;
  text-align: center;
}
.no-webp #app .pop.libao .get-process .codeBox {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/copy-bg_db107dc1.png) no-repeat;
  background-size: 100%}
.webp #app .pop.libao .get-process .codeBox {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/copy-bg_db107dc1.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.libao .get-process .codeBox {background-size:100%}
.webp #app .pop.libao .get-process .codeBox {background-size:100%}
#app .pop.libao .get-process .codeBox {
  width: 5.64rem;
  height: .82rem;
  margin: 0 auto;
  margin-bottom: .43rem;
}
#app .pop.libao .get-process .codeBox .code {
  width: 3.8rem;
  float: left;
  margin-left: .12rem;
  color: #4e545c;
  font-size: .28rem;
  text-align: center;
  height: 100%;
  line-height: .82rem;
}
.no-webp #app .pop.libao .get-process .codeBox .btn_clip {background:none}
.webp #app .pop.libao .get-process .codeBox .btn_clip {background:none}
#app .pop.libao .get-process .codeBox .btn_clip {
  border: none;
  display: block;
  width: 1.68rem;
  height: 100%;
}
.no-webp #app .pop.libao .get-process .line {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/line_14407ebb.png) no-repeat;
  background-size: 100%}
.webp #app .pop.libao .get-process .line {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/line_14407ebb.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.libao .get-process .line {background-size:100%}
.webp #app .pop.libao .get-process .line {background-size:100%}
#app .pop.libao .get-process .line {
  width: 100%;
  height: .16rem;
}
#app .pop.libao .get-process .noGiftCode,
#app .pop.libao .get-process .gotGiftCode {
  color: #90a8b5;
}
.no-webp #app .pop.libao .get-process .rule-title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/get-title_42dd1584.png) no-repeat;
  background-size: 100%}
.webp #app .pop.libao .get-process .rule-title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/get-title_42dd1584.webp) no-repeat;
  background-size: 100%}
.no-webp #app .pop.libao .get-process .rule-title {background-size:100%}
.webp #app .pop.libao .get-process .rule-title {background-size:100%}
#app .pop.libao .get-process .rule-title {
  margin: 0.46rem auto 0.26rem;
  width: 3.8rem;
  height: 0.62rem;
}
#app .pop.libao .get-process .rule {
  width: 6rem;
  margin: 0 auto;
}
#app .pop.libao .get-process .rule .ruleRec {
  overflow: hidden;
}
.no-webp #app .pop.libao .get-process .rule i {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/icon_2edef583.png) 0 bottom no-repeat;
  background-size: 100%}
.webp #app .pop.libao .get-process .rule i {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/icon_2edef583.webp) 0 bottom no-repeat;
  background-size: 100%}
.no-webp #app .pop.libao .get-process .rule i {background-size:100%}
.webp #app .pop.libao .get-process .rule i {background-size:100%}
#app .pop.libao .get-process .rule i {
  display: block;
  float: left;
  margin-top: 0.11rem;
  width: .2rem;
  height: .2rem;
}
#app .pop.libao .get-process .rule p {
  margin-left: .28rem;
  font-size: .24rem;
  line-height: .4rem;
}
#app .pop.libao .get-process .rule .red {
  color: #e47f2d;
  font-weight: bold;
}
#app .pop.libao .accountInfo,
#app .pop.libao .noGiftCodeTip {
  font-size: .26rem;
  width: 100%;
  text-align: center;
}
#app .pop.libao .logout {
  color: #e47f2d;
}
#app .pop.libao .noGiftCodeTip {
  padding-top: .4rem;
}
#app #captcha-wrap {
  font-size: .4rem;
  margin: 1.2rem auto 0;
}
#app #captcha-wrap .tip-msg {
  margin-bottom: .8rem;
  color: #fff;
  font-size: .4rem;
  text-align: center;
}
@keyframes sprite_z_anniu_yidong_000 {
  0% {
    background-position: 0px 0px;
    /* no */
  }
  4.2% {
    background-position: -402px 0px;
    /* no */
  }
  8.3% {
    background-position: -804px 0px;
    /* no */
  }
  12.5% {
    background-position: -1206px 0px;
    /* no */
  }
  16.7% {
    background-position: -1608px 0px;
    /* no */
  }
  20.8% {
    background-position: 0px -110px;
    /* no */
  }
  25% {
    background-position: -402px -110px;
    /* no */
  }
  29.2% {
    background-position: -804px -110px;
    /* no */
  }
  33.3% {
    background-position: -1206px -110px;
    /* no */
  }
  37.5% {
    background-position: -1608px -110px;
    /* no */
  }
  41.7% {
    background-position: 0px -220px;
    /* no */
  }
  45.8% {
    background-position: -402px -220px;
    /* no */
  }
  50% {
    background-position: -804px -220px;
    /* no */
  }
  54.2% {
    background-position: -1206px -220px;
    /* no */
  }
  58.3% {
    background-position: -1608px -220px;
    /* no */
  }
  62.5% {
    background-position: 0px -330px;
    /* no */
  }
  66.7% {
    background-position: -402px -330px;
    /* no */
  }
  70.8% {
    background-position: -804px -330px;
    /* no */
  }
  75% {
    background-position: -1206px -330px;
    /* no */
  }
  79.2% {
    background-position: -1608px -330px;
    /* no */
  }
  83.3% {
    background-position: 0px -440px;
    /* no */
  }
  87.5% {
    background-position: -402px -440px;
    /* no */
  }
  91.7% {
    background-position: -804px -440px;
    /* no */
  }
  95.8% {
    background-position: -1206px -440px;
    /* no */
  }
  100% {
    background-position: -1206px -440px;
    /* no */
  }
}
@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;
}
.no-webp #app header {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/header-bg_f6bd3b69.png) no-repeat;
  background-size: 100%}
.webp #app header {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/header-bg_f6bd3b69.webp) no-repeat;
  background-size: 100%}
.no-webp #app header {background-size:100%}
.webp #app header {background-size:100%}
#app header {
  position: fixed;
  top: 0;
  width: 7.5rem;
  height: 1.31rem;
  z-index: 999;
}
.no-webp #app header .logo {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/logo_b6a43b30.png) no-repeat;
  background-size: 100%}
.webp #app header .logo {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/logo_b6a43b30.webp) no-repeat;
  background-size: 100%}
.no-webp #app header .logo {background-size:100%}
.webp #app header .logo {background-size:100%}
#app header .logo {
  width: 2.06rem;
  height: .9rem;
  position: absolute;
  top: 0.02rem;
  left: .1rem;
}
#app header #test-top {
  position: absolute;
  top: 0;
  left: 0.07rem;
}
#app header #test-top img {
  display: block;
  width: 2.36rem;
  height: 0.96rem;
  object-fit: contain;
}
#app header #test-top #leihuo_top_content {
  display: none;
}
#app header .desc {
  color: #ffffff;
  font-family: 'fzbysong';
  font-size: 0.23rem;
  line-height: 0.23rem;
  height: 0.23rem;
  position: absolute;
  top: 0.69rem;
  left: 0.37rem;
}
.no-webp #app header .link_gw {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/gw-btn_8c567373.png) no-repeat;
  background-size: 100%}
.webp #app header .link_gw {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/gw-btn_8c567373.webp) no-repeat;
  background-size: 100%}
.no-webp #app header .link_gw {background-size:100%}
.webp #app header .link_gw {background-size:100%}
#app header .link_gw {
  width: 1.8rem;
  height: .52rem;
  position: absolute;
  top: .22rem;
  left: 2.94rem;
}
.no-webp #app header .gift {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/gift_24454395.png) 0 0 no-repeat;
  background-size: 100%}
.webp #app header .gift {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/gift_24454395.webp) 0 0 no-repeat;
  background-size: 100%}
.no-webp #app header .gift {background-size:100%}
.webp #app header .gift {background-size:100%}
#app header .gift {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.03rem;
  height: 1.31rem;
  margin-left: 2.18rem;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#app header .gift.ani {
  -webkit-animation: btnGiftAni 2s linear infinite;
  -moz-animation: btnGiftAni 2s linear infinite;
  -ms-animation: btnGiftAni 2s linear infinite;
  animation: btnGiftAni 2s linear infinite;
}
@media screen and (max-height: 740px) {
  .arrowWrap {
    bottom: 0 !important;
    font-size: 0 !important;
  }
  .arrowWrap i {
    top: 0 !important;
  }
}
@media screen and (max-height: 600px) {
  .reg-btn,
  .wxgzh-tip,
  .qr-box {
    top: 45% !important;
    transform: translate(-50%, -50%) scale(0.8) !important;
    transform-origin: bottom;
  }
  .server-old,
  .appointment-check {
    margin-top: 3rem;
  }
}
@media screen and (max-height: 580px) {
  .reg-btn,
  .wxgzh-tip,
  .qr-box {
    top: 40% !important;
  }
}
#app .home {
  position: relative;
  width: 100% !important;
  height: 100vh;
  background: url('https://n.res.netease.com/images/20250923/1758591573648_516a08d53c.jpg?__nowebp') top / contain no-repeat;
  overflow: hidden;
}
#app .home img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
#app .home canvas {
  position: absolute;
  width: 100% !important;
  height: 16.24rem !important;
  object-fit: cover !important;
  z-index: 1;
}
.no-webp #app .home .zz {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/bg_5503e5c3.png) bottom / 100% no-repeat;
  background-size: 100%}
.webp #app .home .zz {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/bg_5503e5c3.webp) bottom / 100% no-repeat;
  background-size: 100%}
.no-webp #app .home .zz {background-size:100%}
.webp #app .home .zz {background-size:100%}
#app .home .zz {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
}
#app .home .reg-btn {
  position: absolute;
  top: 43%;
  left: 18%;
  margin-top: 4.71rem;
  z-index: 10;
  width: 4.19rem;
  height: 1.97rem;
  perspective: 4.19rem;
  overflow: hidden;
}
#app .home .reg-btn.no-animation .z_lijizhuce_anniu_000-under-svg,
#app .home .reg-btn.no-animation .z_xx2_hecheng_1_000,
#app .home .reg-btn.no-animation .z_xx1_hecheng_1_000,
#app .home .reg-btn.no-animation .z_xx3_hecheng_1_000 {
  animation: none;
}
.no-webp #app .home .slogan {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/slogan_f0280ec5.png) center no-repeat;
  background-size: 100%}
.webp #app .home .slogan {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/slogan_f0280ec5.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .home .slogan {background-size:100%}
.webp #app .home .slogan {background-size:100%}
#app .home .slogan {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 1.9rem;
  width: 7.5rem;
  height: 3.17rem;
}
.no-webp #app .home .play-box {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/bg-play1_ef28baec.png) no-repeat;
  background-size: 100%}
.webp #app .home .play-box {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/bg-play1_ef28baec.webp) no-repeat;
  background-size: 100%}
.no-webp #app .home .play-box {background-size:100%}
.webp #app .home .play-box {background-size:100%}
#app .home .play-box {
  display: none;
  position: absolute;
  top: 54%;
  right: 15px;
  width: 2.19rem;
  height: 2.54rem;
  box-sizing: border-box;
  padding-top: .55rem;
  z-index: 9;
}
#app .home .play-box.on {
  display: block;
}
.no-webp #app .home .play-box .play_txt {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/txt_0591d6ed.png) no-repeat;
  background-size: 100%}
.webp #app .home .play-box .play_txt {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/txt_0591d6ed.webp) no-repeat;
  background-size: 100%}
.no-webp #app .home .play-box .play_txt {background-size:100%}
.webp #app .home .play-box .play_txt {background-size:100%}
#app .home .play-box .play_txt {
  display: none;
  width: 1.69rem;
  height: .88rem;
  margin: 0 auto;
}
.no-webp #app .home .play-box .btn-close {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/btn-close_b86bd01d.png) no-repeat;
  background-size: 100%}
.webp #app .home .play-box .btn-close {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/btn-close_b86bd01d.webp) no-repeat;
  background-size: 100%}
.no-webp #app .home .play-box .btn-close {background-size:100%}
.webp #app .home .play-box .btn-close {background-size:100%}
#app .home .play-box .btn-close {
  position: absolute;
  display: block;
  top: .08rem;
  right: .25rem;
  width: .39rem;
  height: .41rem;
}
.no-webp #app .home .play-box .btn-play {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/btn-play_90000e7d.png) no-repeat;
  background-size: 100%}
.webp #app .home .play-box .btn-play {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/btn-play_90000e7d.webp) no-repeat;
  background-size: 100%}
.no-webp #app .home .play-box .btn-play {background-size:100%}
.webp #app .home .play-box .btn-play {background-size:100%}
#app .home .play-box .btn-play {
  position: absolute;
  display: block;
  bottom: .7rem;
  left: 50%;
  margin-left: -0.75rem;
  width: 1.32rem;
  height: .42rem;
}
.no-webp #app .home .server-old {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/server-old-m_5974bbf5.png) center no-repeat;
  background-size: 100%}
.webp #app .home .server-old {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/server-old-m_5974bbf5.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .home .server-old {background-size:100%}
.webp #app .home .server-old {background-size:100%}
#app .home .server-old {
  position: absolute;
  top: 36%;
  right: .4rem;
  transform: translateY(-50%);
  margin-top: 4rem;
  width: 1.13rem;
  height: 3.53rem;
  z-index: 9;
}
.no-webp #app .home .appointment-check {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/appointment-check-m_51ab4589.png) center no-repeat;
  background-size: 100%}
.webp #app .home .appointment-check {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/appointment-check-m_51ab4589.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .home .appointment-check {background-size:100%}
.webp #app .home .appointment-check {background-size:100%}
#app .home .appointment-check {
  position: absolute;
  top: 36%;
  right: .4rem;
  transform: translateY(-50%);
  margin-top: 4rem;
  width: 1.02rem;
  height: 3.53rem;
  z-index: 9;
}
#app .home .qr-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 4rem;
  width: 2.56rem;
  height: 2.69rem;
  display: none;
  overflow: hidden;
  z-index: 100;
}
#app .home .qr-box img {
  width: 100%;
  display: block;
}
.no-webp #app .home .wxgzh-tip {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/wxgzh-btn_348d8485.png) center top no-repeat;
  background-size: 100% 100%}
.webp #app .home .wxgzh-tip {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/wxgzh-btn_348d8485.webp) center top no-repeat;
  background-size: 100% 100%}
.no-webp #app .home .wxgzh-tip {background-size:100% 100%}
.webp #app .home .wxgzh-tip {background-size:100% 100%}
#app .home .wxgzh-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 5.5rem;
  width: 2.73rem;
  height: .21rem;
  line-height: .57rem;
  font-size: .24rem;
  color: #ffffff;
  text-align: center;
  z-index: 10;
  font-size: 0;
}
.no-webp #app .home .home-poster {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/poster_f07079ef.jpg) no-repeat;
  background-size: 100% 100%}
.webp #app .home .home-poster {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/poster_f07079ef.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .home .home-poster {background-size:100% 100%}
.webp #app .home .home-poster {background-size:100% 100%}
#app .home .home-poster {
  position: absolute;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 8;
}
/* 节点名：xx1 */
.no-webp .z_xx1_hecheng_1_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_xx1_hecheng_1_000_5145b5c2.png);
  background-size: 100% 100%}
.webp .z_xx1_hecheng_1_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_xx1_hecheng_1_000_5145b5c2.webp);
  background-size: 100% 100%}
.no-webp .z_xx1_hecheng_1_000 {background-size:100% 100%}
.webp .z_xx1_hecheng_1_000 {background-size:100% 100%}
.z_xx1_hecheng_1_000 {
  position: absolute;
  left: -0.93rem;
  top: -0.93rem;
  height: 3.04rem;
  width: 3.04rem;
  mix-blend-mode: screen;
  opacity: 0;
  transform: scale(0.18, 0.18);
  animation: z_xx1_hecheng_1_000_anim 2s linear infinite;
}
@keyframes z_xx1_hecheng_1_000_anim {
  0% {
    transform: scale(0.18, 0.18);
    opacity: 0;
  }
  8.33% {
    transform: scale(0.3362, 0.3362);
    opacity: 1;
  }
  13.33% {
    transform: scale(0.43, 0.43);
    opacity: 1;
  }
  16.67% {
    transform: scale(0.3586, 0.3586);
    opacity: 1;
  }
  24.99% {
    transform: scale(0.18, 0.18);
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* 节点名：xx2 */
.no-webp .z_xx2_hecheng_1_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_xx2_hecheng_1_000_5145b5c2.png);
  background-size: 100% 100%}
.webp .z_xx2_hecheng_1_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_xx2_hecheng_1_000_5145b5c2.webp);
  background-size: 100% 100%}
.no-webp .z_xx2_hecheng_1_000 {background-size:100% 100%}
.webp .z_xx2_hecheng_1_000 {background-size:100% 100%}
.z_xx2_hecheng_1_000 {
  position: absolute;
  left: -0.61rem;
  top: -0.16rem;
  height: 3.04rem;
  width: 3.04rem;
  mix-blend-mode: screen;
  opacity: 0;
  transform: scale(0.17, 0.17);
  animation: z_xx2_hecheng_1_000_anim 2s linear infinite;
}
@keyframes z_xx2_hecheng_1_000_anim {
  0% {
    opacity: 0;
  }
  24.99% {
    transform: scale(0.17, 0.17);
    opacity: 0;
  }
  25% {
    transform: scale(0.17, 0.17);
    opacity: 0;
  }
  33.33% {
    transform: scale(0.3367, 0.3367);
    opacity: 1;
  }
  37.5% {
    transform: scale(0.42, 0.42);
    opacity: 1;
  }
  41.67% {
    transform: scale(0.3367, 0.3367);
    opacity: 1;
  }
  49.99% {
    transform: scale(0.17, 0.17);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* 节点名：xx3 */
.no-webp .z_xx3_hecheng_1_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_xx3_hecheng_1_000_5145b5c2.png);
  background-size: 100% 100%}
.webp .z_xx3_hecheng_1_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_xx3_hecheng_1_000_5145b5c2.webp);
  background-size: 100% 100%}
.no-webp .z_xx3_hecheng_1_000 {background-size:100% 100%}
.webp .z_xx3_hecheng_1_000 {background-size:100% 100%}
.z_xx3_hecheng_1_000 {
  position: absolute;
  left: 2.21rem;
  top: -0.86rem;
  height: 3.04rem;
  width: 3.04rem;
  mix-blend-mode: screen;
  opacity: 0;
  transform: scale(0.03, 0.03);
  animation: z_xx3_hecheng_1_000_anim 2s linear infinite;
}
@keyframes z_xx3_hecheng_1_000_anim {
  0% {
    opacity: 0;
  }
  49.99% {
    transform: scale(0.03, 0.03);
    opacity: 0;
  }
  50% {
    transform: scale(0.03, 0.03);
    opacity: 0;
  }
  58.33% {
    transform: scale(0.1862, 0.1862);
    opacity: 1;
  }
  63.33% {
    transform: scale(0.28, 0.28);
    opacity: 1;
  }
  66.67% {
    transform: scale(0.2086, 0.2086);
    opacity: 1;
  }
  74.99% {
    transform: scale(0.03, 0.03);
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* 节点名：立即注册 */
.no-webp .z_lijizhuce_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_lijizhuce_000_59c94098.png);
  background-size: 100% 100%}
.webp .z_lijizhuce_000 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/z_lijizhuce_000_59c94098.webp);
  background-size: 100% 100%}
.no-webp .z_lijizhuce_000 {background-size:100% 100%}
.webp .z_lijizhuce_000 {background-size:100% 100%}
.z_lijizhuce_000 {
  position: absolute;
  left: 1.62rem;
  top: 0.87rem;
  height: 0.38rem;
  width: 1.52rem;
  mix-blend-mode: normal;
}
/* 节点名：立即注册-按钮 */
.z_lijizhuce_anniu_000 {
  position: absolute;
  left: 0.53rem;
  top: 0.54rem;
  height: 1.04rem;
  width: 3.66rem;
  mix-blend-mode: normal;
  transform-origin: 50% -398%;
}
.no-webp .z_lijizhuce_anniu_000-under-svg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/sprite_z_lijizhuce_anniu_000_b754eeb2.png);
  background-size: 1830px 520px}
.webp .z_lijizhuce_anniu_000-under-svg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/sprite_z_lijizhuce_anniu_000_b754eeb2.webp);
  background-size: 1830px 520px}
.no-webp .z_lijizhuce_anniu_000-under-svg {background-size:1830px 520px}
.webp .z_lijizhuce_anniu_000-under-svg {background-size:1830px 520px}
.z_lijizhuce_anniu_000-under-svg {
  height: 104px;
  /* no */
  width: 366px;
  /* no */
  font-size: 0;
  animation: sprite_z_lijizhuce_anniu_000 2s 0s steps(1) infinite normal;
  /* no */
}
@keyframes sprite_z_lijizhuce_anniu_000 {
  0% {
    background-position: 0px 0px;
    /* no */
  }
  4.2% {
    background-position: -366px 0px;
    /* no */
  }
  8.3% {
    background-position: -732px 0px;
    /* no */
  }
  12.5% {
    background-position: -1098px 0px;
    /* no */
  }
  16.7% {
    background-position: -1464px 0px;
    /* no */
  }
  20.8% {
    background-position: 0px -104px;
    /* no */
  }
  25% {
    background-position: -366px -104px;
    /* no */
  }
  29.2% {
    background-position: -732px -104px;
    /* no */
  }
  33.3% {
    background-position: -1098px -104px;
    /* no */
  }
  37.5% {
    background-position: -1464px -104px;
    /* no */
  }
  41.7% {
    background-position: 0px -208px;
    /* no */
  }
  45.8% {
    background-position: -366px -208px;
    /* no */
  }
  50% {
    background-position: -732px -208px;
    /* no */
  }
  54.2% {
    background-position: -1098px -208px;
    /* no */
  }
  58.3% {
    background-position: -1464px -208px;
    /* no */
  }
  62.5% {
    background-position: 0px -312px;
    /* no */
  }
  66.7% {
    background-position: -366px -312px;
    /* no */
  }
  70.8% {
    background-position: -732px -312px;
    /* no */
  }
  75% {
    background-position: -1098px -312px;
    /* no */
  }
  79.2% {
    background-position: -1464px -312px;
    /* no */
  }
  83.3% {
    background-position: 0px -416px;
    /* no */
  }
  87.5% {
    background-position: -366px -416px;
    /* no */
  }
  91.7% {
    background-position: -732px -416px;
    /* no */
  }
  95.8% {
    background-position: -1098px -416px;
    /* no */
  }
  100% {
    background-position: -1098px -416px;
    /* no */
  }
}
.no-webp #app .usp .title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title_ec129c92.png) no-repeat;
  background-size: 100% 100%}
.webp #app .usp .title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title_ec129c92.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .usp .title {background-size:100% 100%}
.webp #app .usp .title {background-size:100% 100%}
#app .usp .title {
  width: 5.86rem;
  height: 0.57rem;
  margin: 0 auto;
}
#app .usp .tab_ctrl_wrap {
  margin: 0 auto;
  margin-top: .36rem;
  width: 5.32rem;
  height: 1.94rem;
  display: none;
}
#app .usp .tab_ctrl_wrap.fab {
  display: block;
}
#app .usp .big-pic {
  display: none;
}
#app .usp .big-pic.active {
  display: block;
}
#app .usp .big-pic .imgs img {
  display: none !important;
}
#app .usp .big-pic .imgs img.active {
  display: block !important;
}
#app .usp .big-pic .pagination {
  position: absolute;
  right: 0.26rem;
  top: -0.12rem;
}
#app .usp .big-pic .pagination > div {
  width: 1.2rem;
  height: 1rem;
  margin-bottom: .1rem;
  position: relative;
}
.no-webp #app .usp .big-pic .pagination > div.active:after {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/hover_ad369ce5.png);
  background-size: 100%}
.webp #app .usp .big-pic .pagination > div.active:after {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/hover_ad369ce5.webp);
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination > div.active:after {background-size:100%}
.webp #app .usp .big-pic .pagination > div.active:after {background-size:100%}
#app .usp .big-pic .pagination > div.active:after {
  content: '';
  width: 1.2rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: 0;
}
.no-webp #app .usp .big-pic .pagination > div:last-child:before {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/bot_670ce2eb.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination > div:last-child:before {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/bot_670ce2eb.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination > div:last-child:before {background-size:100%}
.webp #app .usp .big-pic .pagination > div:last-child:before {background-size:100%}
#app .usp .big-pic .pagination > div:last-child:before {
  content: '';
  position: absolute;
  width: 1rem;
  height: .15rem;
  bottom: -0.15rem;
  left: 0.11rem;
}
.no-webp #app .usp .big-pic .pagination0 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/1_c07e5116.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination0 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/1_c07e5116.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination0 {background-size:100%}
.webp #app .usp .big-pic .pagination0 {background-size:100%}
#app .usp .big-pic .pagination0 {
}
.no-webp #app .usp .big-pic .pagination1 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/2_b0a779cd.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination1 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/2_b0a779cd.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination1 {background-size:100%}
.webp #app .usp .big-pic .pagination1 {background-size:100%}
#app .usp .big-pic .pagination1 {
}
.no-webp #app .usp .big-pic .pagination2 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/3_89491d2c.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination2 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/3_89491d2c.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination2 {background-size:100%}
.webp #app .usp .big-pic .pagination2 {background-size:100%}
#app .usp .big-pic .pagination2 {
}
.no-webp #app .usp .big-pic .pagination3 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/4_8d99a1aa.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination3 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/4_8d99a1aa.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination3 {background-size:100%}
.webp #app .usp .big-pic .pagination3 {background-size:100%}
#app .usp .big-pic .pagination3 {
}
.no-webp #app .usp .big-pic .pagination4 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/5_7fb919b6.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination4 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/5_7fb919b6.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination4 {background-size:100%}
.webp #app .usp .big-pic .pagination4 {background-size:100%}
#app .usp .big-pic .pagination4 {
}
.no-webp #app .usp .big-pic .pagination5 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/6_a2abb688.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination5 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/6_a2abb688.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination5 {background-size:100%}
.webp #app .usp .big-pic .pagination5 {background-size:100%}
#app .usp .big-pic .pagination5 {
}
.no-webp #app .usp .big-pic .pagination6 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/7_84aee2bd.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination6 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/7_84aee2bd.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination6 {background-size:100%}
.webp #app .usp .big-pic .pagination6 {background-size:100%}
#app .usp .big-pic .pagination6 {
}
.no-webp #app .usp .big-pic .pagination7 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/8_c9dd326c.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination7 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/8_c9dd326c.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination7 {background-size:100%}
.webp #app .usp .big-pic .pagination7 {background-size:100%}
#app .usp .big-pic .pagination7 {
}
.no-webp #app .usp .big-pic .pagination8 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/9_a1f73b7a.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination8 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/9_a1f73b7a.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination8 {background-size:100%}
.webp #app .usp .big-pic .pagination8 {background-size:100%}
#app .usp .big-pic .pagination8 {
}
.no-webp #app .usp .big-pic .pagination9 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/10_2a148879.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination9 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/10_2a148879.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination9 {background-size:100%}
.webp #app .usp .big-pic .pagination9 {background-size:100%}
#app .usp .big-pic .pagination9 {
}
.no-webp #app .usp .big-pic .pagination10 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/11_37d6375b.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination10 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/11_37d6375b.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination10 {background-size:100%}
.webp #app .usp .big-pic .pagination10 {background-size:100%}
#app .usp .big-pic .pagination10 {
}
.no-webp #app .usp .big-pic .pagination11 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/12_f61a5ee8.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination11 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/12_f61a5ee8.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination11 {background-size:100%}
.webp #app .usp .big-pic .pagination11 {background-size:100%}
#app .usp .big-pic .pagination11 {
}
.no-webp #app .usp .big-pic .pagination12 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/13_e0fef493.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination12 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/13_e0fef493.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination12 {background-size:100%}
.webp #app .usp .big-pic .pagination12 {background-size:100%}
#app .usp .big-pic .pagination12 {
}
.no-webp #app .usp .big-pic .pagination13 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/14_ad7678b0.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination13 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/14_ad7678b0.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination13 {background-size:100%}
.webp #app .usp .big-pic .pagination13 {background-size:100%}
#app .usp .big-pic .pagination13 {
}
.no-webp #app .usp .big-pic .pagination14 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/15_54a84fc8.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination14 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/15_54a84fc8.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination14 {background-size:100%}
.webp #app .usp .big-pic .pagination14 {background-size:100%}
#app .usp .big-pic .pagination14 {
}
.no-webp #app .usp .big-pic .pagination15 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/16_937ee3b5.png) no-repeat;
  background-size: 100%}
.webp #app .usp .big-pic .pagination15 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/16_937ee3b5.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .big-pic .pagination15 {background-size:100%}
.webp #app .usp .big-pic .pagination15 {background-size:100%}
#app .usp .big-pic .pagination15 {
}
.no-webp #app .usp .tab-ctrl {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-title_9fe3c719.png) 0 0 no-repeat;
  background-size: 1.62rem 1.98rem}
.webp #app .usp .tab-ctrl {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-title_9fe3c719.webp) 0 0 no-repeat;
  background-size: 1.62rem 1.98rem}
.no-webp #app .usp .tab-ctrl {background-size:1.62rem 1.98rem}
.webp #app .usp .tab-ctrl {background-size:1.62rem 1.98rem}
#app .usp .tab-ctrl {
  position: relative;
}
#app .usp .tab-ctrl .circles {
  display: none;
}
#app .usp .tab-ctrl .title-btn {
  font-family: 'fzbysong';
  width: 0.53rem;
  height: 1.94rem;
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 0.26rem;
  box-sizing: border-box;
  padding: 0.1rem 0.15rem 0;
}
#app .usp .tab-ctrl.active .title-btn {
  display: none;
}
.no-webp #app .usp .tab-ctrl.tab_ctrl_1 {background-position:0 0}
.webp #app .usp .tab-ctrl.tab_ctrl_1 {background-position:0 0}
#app .usp .tab-ctrl.tab_ctrl_1 {
}
.no-webp #app .usp .tab-ctrl.tab_ctrl_2 {background-position:-0.53rem 0}
.webp #app .usp .tab-ctrl.tab_ctrl_2 {background-position:-0.53rem 0}
#app .usp .tab-ctrl.tab_ctrl_2 {
}
#app .usp .tab-ctrl.tab_ctrl_2 .title-btn {
  width: 0.53rem;
  height: 1.98rem;
}
.no-webp #app .usp .tab-ctrl.tab_ctrl_3 {background-position:-1.06rem 0}
.webp #app .usp .tab-ctrl.tab_ctrl_3 {background-position:-1.06rem 0}
#app .usp .tab-ctrl.tab_ctrl_3 {
}
#app .usp .tab-ctrl.tab_ctrl_3 .title-btn {
  width: 0.53rem;
  height: 1.98rem;
}
.no-webp #app .usp .tab-ctrl.tab_ctrl_4 {background-position:-1.06rem 0}
.webp #app .usp .tab-ctrl.tab_ctrl_4 {background-position:-1.06rem 0}
#app .usp .tab-ctrl.tab_ctrl_4 {
}
#app .usp .tab-ctrl.tab_ctrl_4 .title-btn {
  width: 0.53rem;
  height: 1.98rem;
}
#app .usp .tab-ctrl .tab_ctrl_title {
  font-size: .48rem;
  text-align: center;
  font-family: 'fzbysong';
}
#app .usp .tab-ctrl .tab {
  display: none;
}
#app .usp .tab-ctrl .tab.active {
  display: block;
}
.no-webp #app .usp .tab-ctrl.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-ctrl_9cece132.png) 0 0 no-repeat;
  background-size: auto 1.97rem}
.webp #app .usp .tab-ctrl.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-ctrl_9cece132.webp) 0 0 no-repeat;
  background-size: auto 1.97rem}
.no-webp #app .usp .tab-ctrl.active {background-size:auto 1.97rem}
.webp #app .usp .tab-ctrl.active {background-size:auto 1.97rem}
#app .usp .tab-ctrl.active {
  width: 3.69rem;
}
#app .usp .tab-ctrl.active .tab-ctrl-con,
#app .usp .tab-ctrl.active .circles {
  display: block;
}
#app .usp .circles {
  text-align: center;
  position: absolute;
  width: 100%;
  height: .2rem;
  bottom: .2rem;
  left: 0;
}
.no-webp #app .usp .circles div {background:#b8cdee}
.webp #app .usp .circles div {background:#b8cdee}
#app .usp .circles div {
  width: .15rem;
  height: .15rem;
  border-radius: .15rem;
  display: inline-block;
}
.no-webp #app .usp .circles div.active {background:#6186c2}
.webp #app .usp .circles div.active {background:#6186c2}
#app .usp .circles div.active {
  width: .38rem;
  border-radius: .15rem;
}
#app .usp .tab-con {
  position: relative;
  height: 8.76rem;
}
.no-webp #app .usp .decorate {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/decorate_6771de0d.png) no-repeat;
  background-size: 100%}
.webp #app .usp .decorate {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/decorate_6771de0d.webp) no-repeat;
  background-size: 100%}
.no-webp #app .usp .decorate {background-size:100%}
.webp #app .usp .decorate {background-size:100%}
#app .usp .decorate {
  position: absolute;
  top: 0.42rem;
  left: 0.4rem;
  z-index: 10;
  width: 6.7rem;
  height: 0.48rem;
}
#app .usp .big-box {
  width: 100%;
  height: 6.82rem;
  position: relative;
  overflow: hidden;
}
#app .usp .big-pic {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0.72rem;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}
#app .usp .big-pic img {
  display: block;
  font-size: 0;
  width: 100%;
  height: 100%;
}
#app .usp .big-pic.active {
  opacity: 1;
}
#app .usp .tab_ctrl_wrap {
  margin: 0 auto;
  width: 5.92rem;
  height: 1.94rem;
}
#app .usp .tab-ctrl {
  float: left;
  width: .53rem;
  height: 100%;
}
#app .usp .tab-ctrl .tab-ctrl-con {
  display: none;
  font-size: .24rem;
  color: #b8ab85;
  padding-top: .2rem;
  text-align: center;
}
#app .usp .tab-ctrl .tab-ctrl-con .tab_ctrl_title {
  margin: 0 auto;
  height: .46rem;
}
#app .usp .tab-ctrl .tab-ctrl-con .tab_ctrl_tip {
  margin-top: .2rem;
}
@-webkit-keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
@-moz-keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
@-ms-keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
@-o-keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
@keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
@-webkit-keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
@-moz-keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
@-ms-keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
@-o-keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
@keyframes videoyq2 {
  0% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
  50% {
    transform: scale(1.1) translate(-50%, -50%) rotateZ(90deg);
  }
  100% {
    transform: scale(1) translate(-50%, -50%) rotateZ(90deg);
  }
}
#app .job .title,
#app .job .character,
#app .job .name {
  display: none;
}
.no-webp #app .job .title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title_5f3e88cd.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .title {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/title_5f3e88cd.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .title {background-size:100% 100%}
.webp #app .job .title {background-size:100% 100%}
#app .job .title {
  position: relative;
  z-index: 9;
  width: 5.86rem;
  height: 0.71rem;
  margin: 0 auto;
}
#app .job .content {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#app .job .tab-con {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#app .job .big-box {
  height: 100%;
}
#app .job .big-pic .box {
  width: 7.5rem;
}
#app .job .big-pic .video_btn {
  position: absolute;
  top: 7.15rem;
  left: .9rem;
  width: 1.50rem;
  height: .84rem;
  transform: rotateZ(-90deg);
}
.no-webp #app .job .big-pic .video_btn_bg {background-size:100%}
.webp #app .job .big-pic .video_btn_bg {background-size:100%}
#app .job .big-pic .video_btn_bg {
  width: 100%;
  height: 100%;
}
.no-webp #app .job .big-pic .video_icon {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-play_75b39f4a.png) no-repeat center center;
  background-size: cover}
.webp #app .job .big-pic .video_icon {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-play_75b39f4a.webp) no-repeat center center;
  background-size: cover}
.no-webp #app .job .big-pic .video_icon {background-size:cover}
.webp #app .job .big-pic .video_icon {background-size:cover}
#app .job .big-pic .video_icon {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%) rotateZ(90deg);
  width: .5rem;
  height: .5rem;
  -webkit-animation: videoyq2 2s infinite;
  -moz-animation: videoyq2 2s infinite;
  -ms-animation: videoyq2 2s infinite;
  animation: videoyq2 2s infinite;
}
.no-webp #app .job .big-pic .skill {background-repeat:no-repeat}
.webp #app .job .big-pic .skill {background-repeat:no-repeat}
.no-webp #app .job .big-pic .skill {background-size:100% 100%}
.webp #app .job .big-pic .skill {background-size:100% 100%}
.no-webp #app .job .big-pic .skill {background:none !important}
.webp #app .job .big-pic .skill {background:none !important}
#app .job .big-pic .skill {
  position: absolute;
  width: 1.23rem !important;
  height: 4rem !important;
  top: 4.8rem;
  left: 0;
}
.no-webp #app .job .big-pic .name {background-repeat:no-repeat}
.webp #app .job .big-pic .name {background-repeat:no-repeat}
.no-webp #app .job .big-pic .name {background-size:100% 100%}
.webp #app .job .big-pic .name {background-size:100% 100%}
#app .job .big-pic .name {
  position: absolute;
  top: 2.32rem;
  left: 5.42rem;
  width: 1.44rem;
  height: 1.92rem;
}
#app .job .big-pic .assist {
  width: 100%;
  height: 3.17rem;
  position: absolute;
  top: 50%;
  margin-top: 1rem;
  transform-origin: 10% top;
  -webkit-transform-origin: 10% top;
  -moz-transform-origin: 10% top;
  -ms-transform-origin: 10% top;
  -o-transform-origin: 10% top;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}
#app .job .big-pic .assist.assist-hidden {
  top: 3.5rem;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.no-webp #app .job .big-pic.yunyao {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_yunyao_832b6b35.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.yunyao {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_yunyao_832b6b35.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.yunyao {background-size:cover}
.webp #app .job .big-pic.yunyao {background-size:cover}
#app .job .big-pic.yunyao {
}
.no-webp #app .job .big-pic.yunyao .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-yunyao_0632c83a.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.yunyao .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-yunyao_0632c83a.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.yunyao .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.yunyao .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.yunyao .video_btn_bg {
}
.no-webp #app .job .big-pic.yunyao .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_yunyao_b0415e71.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.yunyao .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_yunyao_b0415e71.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.yunyao .assist {background-size:100% 100%}
.webp #app .job .big-pic.yunyao .assist {background-size:100% 100%}
#app .job .big-pic.yunyao .assist {
}
.no-webp #app .job .big-pic.canglan {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_canglan_81a8f273.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.canglan {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_canglan_81a8f273.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.canglan {background-size:cover}
.webp #app .job .big-pic.canglan {background-size:cover}
#app .job .big-pic.canglan {
}
.no-webp #app .job .big-pic.canglan .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-canglan_fe10856c.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.canglan .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-canglan_fe10856c.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.canglan .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.canglan .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.canglan .video_btn_bg {
}
.no-webp #app .job .big-pic.canglan .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_canglan_182c2a19.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.canglan .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_canglan_182c2a19.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.canglan .assist {background-size:100% 100%}
.webp #app .job .big-pic.canglan .assist {background-size:100% 100%}
#app .job .big-pic.canglan .assist {
}
.no-webp #app .job .big-pic.chaoguang {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_chaoguang_2c6aeac9.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.chaoguang {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_chaoguang_2c6aeac9.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.chaoguang {background-size:cover}
.webp #app .job .big-pic.chaoguang {background-size:cover}
#app .job .big-pic.chaoguang {
}
.no-webp #app .job .big-pic.chaoguang .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-chaoguang_3fd5fb15.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.chaoguang .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-chaoguang_3fd5fb15.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.chaoguang .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.chaoguang .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.chaoguang .video_btn_bg {
}
.no-webp #app .job .big-pic.chaoguang .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_chaoguang_4bbdb6dd.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.chaoguang .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_chaoguang_4bbdb6dd.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.chaoguang .assist {background-size:100% 100%}
.webp #app .job .big-pic.chaoguang .assist {background-size:100% 100%}
#app .job .big-pic.chaoguang .assist {
}
.no-webp #app .job .big-pic.huangyu {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_huangyu_3ef5c8c6.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.huangyu {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_huangyu_3ef5c8c6.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.huangyu {background-size:cover}
.webp #app .job .big-pic.huangyu {background-size:cover}
#app .job .big-pic.huangyu {
}
.no-webp #app .job .big-pic.huangyu .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-huangyu_6381919a.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.huangyu .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-huangyu_6381919a.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.huangyu .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.huangyu .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.huangyu .video_btn_bg {
}
.no-webp #app .job .big-pic.huangyu .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_huangyu_dd52fe97.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.huangyu .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_huangyu_dd52fe97.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.huangyu .assist {background-size:100% 100%}
.webp #app .job .big-pic.huangyu .assist {background-size:100% 100%}
#app .job .big-pic.huangyu .assist {
}
.no-webp #app .job .big-pic.hongyin {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_hongyin_17e3b813.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.hongyin {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_hongyin_17e3b813.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.hongyin {background-size:cover}
.webp #app .job .big-pic.hongyin {background-size:cover}
#app .job .big-pic.hongyin {
}
.no-webp #app .job .big-pic.hongyin .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-hongyin_fe10856c.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.hongyin .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-hongyin_fe10856c.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.hongyin .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.hongyin .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.hongyin .video_btn_bg {
}
.no-webp #app .job .big-pic.hongyin .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_hongyin_077b8d5d.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.hongyin .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_hongyin_077b8d5d.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.hongyin .assist {background-size:100% 100%}
.webp #app .job .big-pic.hongyin .assist {background-size:100% 100%}
#app .job .big-pic.hongyin .assist {
}
.no-webp #app .job .big-pic.xuanji {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_xuanji_574f5864.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.xuanji {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_xuanji_574f5864.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.xuanji {background-size:cover}
.webp #app .job .big-pic.xuanji {background-size:cover}
#app .job .big-pic.xuanji {
}
.no-webp #app .job .big-pic.xuanji .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-xuanji_c1436319.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.xuanji .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-xuanji_c1436319.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.xuanji .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.xuanji .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.xuanji .video_btn_bg {
}
.no-webp #app .job .big-pic.xuanji .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_xuanji_a0a48af3.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.xuanji .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_xuanji_a0a48af3.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.xuanji .assist {background-size:100% 100%}
.webp #app .job .big-pic.xuanji .assist {background-size:100% 100%}
#app .job .big-pic.xuanji .assist {
}
.no-webp #app .job .big-pic.longyin {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_longyin_2e0e114f.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.longyin {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_longyin_2e0e114f.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.longyin {background-size:cover}
.webp #app .job .big-pic.longyin {background-size:cover}
#app .job .big-pic.longyin {
}
.no-webp #app .job .big-pic.longyin .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-longyin_252aff53.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.longyin .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-longyin_252aff53.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.longyin .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.longyin .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.longyin .video_btn_bg {
}
.no-webp #app .job .big-pic.longyin .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_longyin_dd180560.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.longyin .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_longyin_dd180560.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.longyin .assist {background-size:100% 100%}
.webp #app .job .big-pic.longyin .assist {background-size:100% 100%}
#app .job .big-pic.longyin .assist {
}
.no-webp #app .job .big-pic.suwen {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_suwen_ebfe6117.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.suwen {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_suwen_ebfe6117.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.suwen {background-size:cover}
.webp #app .job .big-pic.suwen {background-size:cover}
#app .job .big-pic.suwen {
}
.no-webp #app .job .big-pic.suwen .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-suwen_a8700845.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.suwen .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-suwen_a8700845.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.suwen .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.suwen .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.suwen .video_btn_bg {
}
.no-webp #app .job .big-pic.suwen .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_suwen_c1470467.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.suwen .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_suwen_c1470467.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.suwen .assist {background-size:100% 100%}
.webp #app .job .big-pic.suwen .assist {background-size:100% 100%}
#app .job .big-pic.suwen .assist {
}
.no-webp #app .job .big-pic.shenxiang {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_shenxiang_e25f3497.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.shenxiang {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_shenxiang_e25f3497.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.shenxiang {background-size:cover}
.webp #app .job .big-pic.shenxiang {background-size:cover}
#app .job .big-pic.shenxiang {
}
.no-webp #app .job .big-pic.shenxiang .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-shenxiang_7ff5dcc3.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.shenxiang .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-shenxiang_7ff5dcc3.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.shenxiang .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.shenxiang .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.shenxiang .video_btn_bg {
}
.no-webp #app .job .big-pic.shenxiang .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_shenxiang_6ec9d086.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.shenxiang .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_shenxiang_6ec9d086.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.shenxiang .assist {background-size:100% 100%}
.webp #app .job .big-pic.shenxiang .assist {background-size:100% 100%}
#app .job .big-pic.shenxiang .assist {
}
.no-webp #app .job .big-pic.xuehe {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_xuehe_fc865514.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.xuehe {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_xuehe_fc865514.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.xuehe {background-size:cover}
.webp #app .job .big-pic.xuehe {background-size:cover}
#app .job .big-pic.xuehe {
}
.no-webp #app .job .big-pic.xuehe .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-xuehe_e2d1b3f1.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.xuehe .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-xuehe_e2d1b3f1.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.xuehe .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.xuehe .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.xuehe .video_btn_bg {
}
.no-webp #app .job .big-pic.xuehe .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_xuehe_bf8aaf6b.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.xuehe .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_xuehe_bf8aaf6b.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.xuehe .assist {background-size:100% 100%}
.webp #app .job .big-pic.xuehe .assist {background-size:100% 100%}
#app .job .big-pic.xuehe .assist {
}
.no-webp #app .job .big-pic.suimeng {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_suimeng_0399e982.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.suimeng {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_suimeng_0399e982.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.suimeng {background-size:cover}
.webp #app .job .big-pic.suimeng {background-size:cover}
#app .job .big-pic.suimeng {
}
.no-webp #app .job .big-pic.suimeng .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-suimeng_01ba6c80.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.suimeng .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-suimeng_01ba6c80.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.suimeng .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.suimeng .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.suimeng .video_btn_bg {
}
.no-webp #app .job .big-pic.suimeng .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_suimeng_98dd38d6.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.suimeng .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_suimeng_98dd38d6.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.suimeng .assist {background-size:100% 100%}
.webp #app .job .big-pic.suimeng .assist {background-size:100% 100%}
#app .job .big-pic.suimeng .assist {
}
.no-webp #app .job .big-pic.tieyi {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_tieyi_8fb13b10.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.tieyi {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_tieyi_8fb13b10.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.tieyi {background-size:cover}
.webp #app .job .big-pic.tieyi {background-size:cover}
#app .job .big-pic.tieyi {
}
.no-webp #app .job .big-pic.tieyi .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-tieyi_c1bea11f.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.tieyi .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-tieyi_c1bea11f.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.tieyi .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.tieyi .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.tieyi .video_btn_bg {
}
.no-webp #app .job .big-pic.tieyi .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_tieyi_811df5e7.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.tieyi .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_tieyi_811df5e7.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.tieyi .assist {background-size:100% 100%}
.webp #app .job .big-pic.tieyi .assist {background-size:100% 100%}
#app .job .big-pic.tieyi .assist {
}
.no-webp #app .job .big-pic.jiuling {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_jiuling_1a65d132.jpg) no-repeat top left;
  background-size: cover}
.webp #app .job .big-pic.jiuling {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/role_jiuling_1a65d132.webp) no-repeat top left;
  background-size: cover}
.no-webp #app .job .big-pic.jiuling {background-size:cover}
.webp #app .job .big-pic.jiuling {background-size:cover}
#app .job .big-pic.jiuling {
}
.no-webp #app .job .big-pic.jiuling .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-jiuling_d07865d2.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.jiuling .video_btn_bg {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/video-jiuling_d07865d2.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.jiuling .video_btn_bg {background-size:100% 100%}
.webp #app .job .big-pic.jiuling .video_btn_bg {background-size:100% 100%}
#app .job .big-pic.jiuling .video_btn_bg {
}
.no-webp #app .job .big-pic.jiuling .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_jiuling_58ab2716.png) no-repeat;
  background-size: 100% 100%}
.webp #app .job .big-pic.jiuling .assist {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/assist_jiuling_58ab2716.webp) no-repeat;
  background-size: 100% 100%}
.no-webp #app .job .big-pic.jiuling .assist {background-size:100% 100%}
.webp #app .job .big-pic.jiuling .assist {background-size:100% 100%}
#app .job .big-pic.jiuling .assist {
}
.no-webp #app .job .tab_ctrl_wrap {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-bgbg_5ef24f1b.png) no-repeat;
  background-size: cover}
.webp #app .job .tab_ctrl_wrap {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-bgbg_5ef24f1b.webp) no-repeat;
  background-size: cover}
.no-webp #app .job .tab_ctrl_wrap {background-size:cover}
.webp #app .job .tab_ctrl_wrap {background-size:cover}
#app .job .tab_ctrl_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 12;
  width: 100%;
  height: 1.15rem;
}
#app .job .tab_ctrl_wrap .tab-ctrl {
  margin: 0 0.04rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.yunyao {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-yunyao_67b12eb6.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.yunyao {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-yunyao_67b12eb6.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.yunyao {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.yunyao {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.yunyao {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.yunyao.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-yunyao-h_4e9ee17d.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.yunyao.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-yunyao-h_4e9ee17d.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.yunyao.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.yunyao.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.yunyao.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.canglan {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-canglan_d474063a.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.canglan {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-canglan_d474063a.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.canglan {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.canglan {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.canglan {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.canglan.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-canglan-h_4e5609ae.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.canglan.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-canglan-h_4e5609ae.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.canglan.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.canglan.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.canglan.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.chaoguang {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-chaoguang_56183da6.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.chaoguang {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-chaoguang_56183da6.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.chaoguang {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.chaoguang {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.chaoguang {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.chaoguang.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-chaoguang-h_e9f0ec8e.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.chaoguang.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-chaoguang-h_e9f0ec8e.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.chaoguang.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.chaoguang.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.chaoguang.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.huangyu {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-huangyu_4d66dc92.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.huangyu {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-huangyu_4d66dc92.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.huangyu {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.huangyu {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.huangyu {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.huangyu.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-huangyu-h_3f517e41.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.huangyu.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-huangyu-h_3f517e41.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.huangyu.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.huangyu.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.huangyu.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.hongyin {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-hongyin_b99c9095.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.hongyin {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-hongyin_b99c9095.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.hongyin {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.hongyin {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.hongyin {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.hongyin.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-hongyin-h_6191b54b.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.hongyin.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-hongyin-h_6191b54b.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.hongyin.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.hongyin.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.hongyin.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.xuanji {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-xuanji_a90ddbca.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.xuanji {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-xuanji_a90ddbca.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.xuanji {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.xuanji {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.xuanji {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.xuanji.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-xuanji-h_495ef68c.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.xuanji.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-xuanji-h_495ef68c.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.xuanji.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.xuanji.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.xuanji.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.longyin {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-longyin_f04dc2e5.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.longyin {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-longyin_f04dc2e5.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.longyin {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.longyin {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.longyin {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.longyin.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-longyin-h_ca05ed36.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.longyin.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-longyin-h_ca05ed36.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.longyin.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.longyin.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.longyin.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.suwen {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-suwen_c5df4f88.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.suwen {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-suwen_c5df4f88.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.suwen {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.suwen {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.suwen {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.suwen.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-suwen-h_9a07867b.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.suwen.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-suwen-h_9a07867b.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.suwen.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.suwen.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.suwen.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.shenxiang {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-shenxiang_152ff4a5.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.shenxiang {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-shenxiang_152ff4a5.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.shenxiang {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.shenxiang {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.shenxiang {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.shenxiang.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-shenxiang-h_36ada0d1.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.shenxiang.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-shenxiang-h_36ada0d1.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.shenxiang.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.shenxiang.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.shenxiang.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.xuehe {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-xuehe_76fde6c9.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.xuehe {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-xuehe_76fde6c9.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.xuehe {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.xuehe {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.xuehe {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.xuehe.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-xuehe-h_3f312d47.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.xuehe.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-xuehe-h_3f312d47.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.xuehe.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.xuehe.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.xuehe.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.suimeng {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-suimeng_5eeb9924.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.suimeng {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-suimeng_5eeb9924.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.suimeng {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.suimeng {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.suimeng {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.suimeng.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-suimeng-h_85fc2b8a.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.suimeng.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-suimeng-h_85fc2b8a.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.suimeng.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.suimeng.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.suimeng.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.tieyi {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-tieyi_1c0b6f0b.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.tieyi {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-tieyi_1c0b6f0b.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.tieyi {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.tieyi {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.tieyi {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.tieyi.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-tieyi-h_19b7a6f5.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.tieyi.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-tieyi-h_19b7a6f5.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.tieyi.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.tieyi.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.tieyi.active {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.jiuling {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-jiuling_cfad0942.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.jiuling {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-jiuling_cfad0942.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.jiuling {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.jiuling {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.jiuling {
  width: 0.6rem;
  height: 1.15rem;
}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.jiuling.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-jiuling-h_dbcd3464.png) center no-repeat;
  background-size: 100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.jiuling.active {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/tab-jiuling-h_dbcd3464.webp) center no-repeat;
  background-size: 100%}
.no-webp #app .job .tab_ctrl_wrap .tab-ctrl.jiuling.active {background-size:100%}
.webp #app .job .tab_ctrl_wrap .tab-ctrl.jiuling.active {background-size:100%}
#app .job .tab_ctrl_wrap .tab-ctrl.jiuling.active {
  width: 0.6rem;
  height: 1.15rem;
}
#app .usp .tab_ctrl_wrap {
  display: block;
}
#feature-swiper {
  width: 100%;
  height: 100%;
}
#feature-swiper .feature {
  width: 100%;
  height: 100%;
}
.no-webp #feature-swiper .feature.l1 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-1_d208ce75.jpg) no-repeat bottom center;
  background-size: cover}
.webp #feature-swiper .feature.l1 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-1_d208ce75.webp) no-repeat bottom center;
  background-size: cover}
.no-webp #feature-swiper .feature.l1 {background-size:cover}
.webp #feature-swiper .feature.l1 {background-size:cover}
#feature-swiper .feature.l1 {
  position: relative;
}
.no-webp #feature-swiper .feature.l2 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-2_41b05528.jpg) no-repeat bottom center;
  background-size: cover}
.webp #feature-swiper .feature.l2 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-2_41b05528.webp) no-repeat bottom center;
  background-size: cover}
.no-webp #feature-swiper .feature.l2 {background-size:cover}
.webp #feature-swiper .feature.l2 {background-size:cover}
#feature-swiper .feature.l2 {
}
.no-webp #feature-swiper .feature.l3 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-3_511e897e.jpg) no-repeat bottom center;
  background-size: cover}
.webp #feature-swiper .feature.l3 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-3_511e897e.webp) no-repeat bottom center;
  background-size: cover}
.no-webp #feature-swiper .feature.l3 {background-size:cover}
.webp #feature-swiper .feature.l3 {background-size:cover}
#feature-swiper .feature.l3 {
}
.no-webp #feature-swiper .feature.l4 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-4_b7ae8eca.jpg) no-repeat bottom center;
  background-size: cover}
.webp #feature-swiper .feature.l4 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-4_b7ae8eca.webp) no-repeat bottom center;
  background-size: cover}
.no-webp #feature-swiper .feature.l4 {background-size:cover}
.webp #feature-swiper .feature.l4 {background-size:cover}
#feature-swiper .feature.l4 {
}
.no-webp #feature-swiper .feature.l5 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-5_e3f4fc37.jpg) no-repeat bottom center;
  background-size: cover}
.webp #feature-swiper .feature.l5 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-5_e3f4fc37.webp) no-repeat bottom center;
  background-size: cover}
.no-webp #feature-swiper .feature.l5 {background-size:cover}
.webp #feature-swiper .feature.l5 {background-size:cover}
#feature-swiper .feature.l5 {
}
.no-webp #feature-swiper .feature.l6 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-6_f3f2412b.jpg) no-repeat bottom center;
  background-size: cover}
.webp #feature-swiper .feature.l6 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-6_f3f2412b.webp) no-repeat bottom center;
  background-size: cover}
.no-webp #feature-swiper .feature.l6 {background-size:cover}
.webp #feature-swiper .feature.l6 {background-size:cover}
#feature-swiper .feature.l6 {
}
.no-webp #feature-swiper .feature.l7 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-7_36413924.jpg) no-repeat center center;
  background-size: cover}
.webp #feature-swiper .feature.l7 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-7_36413924.webp) no-repeat center center;
  background-size: cover}
.no-webp #feature-swiper .feature.l7 {background-size:cover}
.webp #feature-swiper .feature.l7 {background-size:cover}
#feature-swiper .feature.l7 {
}
.no-webp #feature-swiper .feature.l8 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-8_bb797184.jpg) no-repeat center center;
  background-size: cover}
.webp #feature-swiper .feature.l8 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-8_bb797184.webp) no-repeat center center;
  background-size: cover}
.no-webp #feature-swiper .feature.l8 {background-size:cover}
.webp #feature-swiper .feature.l8 {background-size:cover}
#feature-swiper .feature.l8 {
}
.no-webp #feature-swiper .feature.l9 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-9_8d54aa11.jpg) no-repeat center center;
  background-size: cover}
.webp #feature-swiper .feature.l9 {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/feature-9_8d54aa11.webp) no-repeat center center;
  background-size: cover}
.no-webp #feature-swiper .feature.l9 {background-size:cover}
.webp #feature-swiper .feature.l9 {background-size:cover}
#feature-swiper .feature.l9 {
}
@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;
}
#leihuo-age {
  width: 45px;
  height: 58px;
  position: absolute;
  top: 1.2rem;
  left: 10px;
  z-index: 33;
}
#leihuo-age .leihuo-age-rating {
  width: 100%;
  height: 100%;
  display: block;
}
#foot_iframe {
  display: none;
}
.no-webp body {background:#333}
.webp body {background:#333}
body {
  color: #b7bac4;
  font-size: 0.25rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.no-webp body::-webkit-scrollbar {background:#263f67}
.webp body::-webkit-scrollbar {background:#263f67}
body::-webkit-scrollbar {
  width: 0;
}
.no-webp body::-ms-scrollbar {background:#263f67}
.webp body::-ms-scrollbar {background:#263f67}
body::-ms-scrollbar {
  width: 0;
}
body .el-message-box {
  width: 85%;
}
body .el-message {
  width: 65%;
  min-width: auto;
  box-sizing: border-box;
}
#app {
  width: 7.5rem;
  height: 100%;
  overflow: hidden;
}
#app .arrowWrap {
  position: fixed;
  width: 1.7rem;
  height: .83rem;
  z-index: 999;
  color: #b9b7ad;
  font-size: .20rem;
  text-align: center;
  bottom: .33rem;
  left: 50%;
  transform: translateX(-50%);
}
.no-webp #app .arrowWrap i {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/arrow_30738003.png) 0 0 no-repeat;
  background-size: 100% auto}
.webp #app .arrowWrap i {background:url(https://n.res.netease.com/pc/fab/20190619131741/img/arrow_30738003.webp) 0 0 no-repeat;
  background-size: 100% auto}
.no-webp #app .arrowWrap i {background-size:100% auto}
.webp #app .arrowWrap i {background-size:100% auto}
#app .arrowWrap i {
  position: relative;
  top: -0.2rem;
  display: block;
  margin: 0 auto;
  width: .9rem;
  height: .48rem;
  -webkit-animation: arrow 2s infinite;
  -moz-animation: arrow 2s infinite;
  -ms-animation: arrow 2s infinite;
  animation: arrow 2s infinite;
}
#app .pages {
  width: 100%;
  height: 100%;
}
#app .pages .page {
  width: 100%;
  height: 100%;
}
#app .pages .page-copyright {
  height: auto;
  min-height: 8rem;
}
.no-webp #app .pages .inner_wrap {background:#fff url(https://n.res.netease.com/pc/fab/20190619131741/img/inner-bg_75b6cf14.jpg) center top no-repeat;
  background-size: 100% auto}
.webp #app .pages .inner_wrap {background:#fff url(https://n.res.netease.com/pc/fab/20190619131741/img/inner-bg_75b6cf14.webp) center top no-repeat;
  background-size: 100% auto}
.no-webp #app .pages .inner_wrap {background-size:100% auto}
.webp #app .pages .inner_wrap {background-size:100% auto}
#app .pages .inner_wrap {
}
#app .inner .inner_wrap {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#app .inner .content {
  padding-top: 1.44rem;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.no-webp #js-forhorview {background:#000}
.webp #js-forhorview {background:#000}
#js-forhorview {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 0.85;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}
#js-forhorview p {
  color: #fff;
  position: relative;
  top: 35%;
  text-align: center;
  font-size: .3rem;
}
.NIE-share-m {
  opacity: 0;
  z-index: 1013 !important;
}
.NIE-share_buttons a {
  font-size: 0.8rem !important;
}
.NIE-share_qrcode p {
  font-size: 0.32rem !important;
}
.NIE-share_qrcode div {
  width: 4.2rem !important;
  padding: .4rem 0 !important;
}
.NIE-share_qrcode div span {
  font-size: 0.8rem !important;
}
.NIE-share_qrcode div .NIE-btn-close {
  right: -0.3rem !important;
  top: -0.3rem !important;
}
.NIE-share_qrcode div .NIE-btn-close i {
  font-size: 0.4rem !important;
}
.no-webp .NIE-share-guide {-moz-background-clip:padding !important}
.webp .NIE-share-guide {-moz-background-clip:padding !important}
.no-webp .NIE-share-guide {-webkit-background-clip:padding-box !important}
.webp .NIE-share-guide {-webkit-background-clip:padding-box !important}
.no-webp .NIE-share-guide {background-clip:padding-box !important}
.webp .NIE-share-guide {background-clip:padding-box !important}
.NIE-share-guide {
  width: 7rem !important;
  height: 3rem !important;
  border: 4px solid #fff !important;
  padding-top: 0 !important;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
  /* OLD - Android 4.4- */
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: box !important;
  /* OLD - Android 4.4- */
  display: -webkit-box !important;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box !important;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox !important;
  /* TWEENER - IE 10 */
  display: -webkit-flex !important;
  /* NEW - Chrome */
  display: flex !important;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 12版 */
  /* 12版 */
  -webkit-flex-direction: column !important;
  -moz-flex-direction: column !important;
  -ms-flex-direction: column !important;
  -o-flex-direction: column !important;
  flex-direction: column !important;
  /* 09版 */
  /* 12版 */
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 09版 */
  /* 12版 */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.NIE-share-guide p {
  font-size: 0.4rem !important;
}
.NIE-share-guide .arrow_line {
  display: none !important;
}
.NIE-share_link div p {
  font-size: .25rem !important;
}
.NIE-share_link div span {
  line-height: .4rem !important;
  font-size: .28rem !important;
}
.NIE-share_link div .NIE-btn-close {
  top: .28rem !important;
  font-size: .5rem !important;
}
.hidden {
  display: none;
}
.no-webp #footer {background-color:#333}
.webp #footer {background-color:#333}
#footer {
  width: 100%;
  margin: 0 auto;
  padding: .2rem 0;
  color: #b5b5b5;
  text-align: center;
}
#footer #baiCopyright {
  margin-top: 0.2rem;
}
.no-webp #footer #baiCopyright #leihuo-app-sys-info {background:none}
.webp #footer #baiCopyright #leihuo-app-sys-info {background:none}
#footer #baiCopyright #leihuo-app-sys-info {
}
#footer #baiCopyright #leihuo-app-sys-info p {
  color: #b5b5b5;
}
#footer #baiCopyright #leihuo-app-sys-info .ul {
  line-height: .4rem;
}
.no-webp #footer.inner0 {background-color:#0d2467}
.webp #footer.inner0 {background-color:#0d2467}
#footer.inner0 {
}
.no-webp #footer.inner1 {background-color:#cfac66}
.webp #footer.inner1 {background-color:#cfac66}
#footer.inner1 {
}
.no-webp #footer.inner2 {background-color:#1b5a27}
.webp #footer.inner2 {background-color:#1b5a27}
#footer.inner2 {
}
#footer .NIE-copyRight_m p {
  text-align: center;
  font: 400 0.24rem/1.65 'Microsoft YaHei';
}
#footer .NIE-copyRight_m a {
  color: #b39d76;
}