@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
  width: 100%;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #62a1c9;
}
.no-webp html, 
.no-webp body {background:#fff}
.webp html, 
.webp body {background:#fff}
html,
body {
  width: 100%;
  min-height: 900px;
  height: auto;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  line-height: 1.5;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/* 宽度限制板块 */
.wbox {
  width: 1200px;
  display: block;
  position: relative;
  margin: 0 auto;
  clear: both;
}
.wbox::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \ */
* html .wbox {
  zoom: 1;
}
/* End hide from IE-mac */
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}
.vux-fade-enter-active,
.vux-fade-leave-active {
  opacity: 1;
  -webkit-transition: opacity linear 0.2s;
  transition: opacity linear 0.2s;
}
.vux-fade-enter,
.vux-fade-leave-to {
  opacity: 0;
}
.vux-dialog-enter-active,
.vux-dialog-leave-active {
  opacity: 1;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate(-50%, -50%) scale(1) !important;
          transform: translate(-50%, -50%) scale(1) !important;
  -webkit-transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, -webkit-transform !important;
  transition-property: transform, opacity !important;
  transition-property: transform, opacity, -webkit-transform !important;
}
.vux-dialog-leave-active {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.85) !important;
          transform: translate(-50%, -50%) scale(0.85) !important;
}
.vux-dialog-enter {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.185) !important;
          transform: translate(-50%, -50%) scale(1.185) !important;
}
.vux-mask-enter,
.vux-mask-leave-active {
  opacity: 0;
}
.vux-mask-leave-active,
.vux-mask-enter-active {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.no-webp .jobs-page {background-position:top}
.webp .jobs-page {background-position:top}
.no-webp .jobs-page {background-repeat:no-repeat}
.webp .jobs-page {background-repeat:no-repeat}
.jobs-page {
}
.job-list {
  position: relative;
  width: 1500px;
  height: 1200px;
  margin: 0 auto 0;
}
.no-webp .job-list .tit-job {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:367px 408.75px;
background-position:-0px -0px}
.webp .job-list .tit-job {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:367px 408.75px;
background-position:-0px -0px}
.no-webp .job-list .tit-job {background-size:367px 408.75px}
.webp .job-list .tit-job {background-size:367px 408.75px}
.no-webp .job-list .tit-job {background-position:-0px -0px}
.webp .job-list .tit-job {background-position:-0px -0px}
.job-list .tit-job {
  width: 367px;
  height: 150px;
  position: absolute;
  left: 50%;
  top: 13px;
  margin-left: -183.5px;

  z-index: 3;
}
.job-list .jobs-swiper {
  width: 1485px;
  height: 100%;
  margin: 0 auto;
  z-index: 2;
}
.no-webp .job-list .swiper-slide {background:133px 82px no-repeat}
.webp .job-list .swiper-slide {background:133px 82px no-repeat}
.job-list .swiper-slide {
  width: 100%;
  height: 100%;
}
.no-webp .job-list .btn-gender {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-0px -481px}
.webp .job-list .btn-gender {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-0px -481px}
.no-webp .job-list .btn-gender {background-size:603px 545px}
.webp .job-list .btn-gender {background-size:603px 545px}
.no-webp .job-list .btn-gender {background-position:-0px -481px}
.webp .job-list .btn-gender {background-position:-0px -481px}
.job-list .btn-gender {
  position: absolute;
  top: 542px;
  left: 55%;
  z-index: 5;
  margin-left: -165px;
width:30px;
height:64px;

  overflow: hidden;
}
.job-list .btn-gender a {
  display: block;
  width: 30px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: white;
  text-align: center;
}
.no-webp .job-list .btn-gender a.active, 
.no-webp .job-list .btn-gender a:hover {background-position:-572px -360px !important}
.webp .job-list .btn-gender a.active, 
.webp .job-list .btn-gender a:hover {background-position:-572px -360px !important}
.no-webp .job-list .btn-gender a.active, 
.no-webp .job-list .btn-gender a:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 528.4848484848485px;
background-position:-572px -372px}
.webp .job-list .btn-gender a.active, 
.webp .job-list .btn-gender a:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 528.4848484848485px;
background-position:-572px -372px}
.no-webp .job-list .btn-gender a.active, 
.no-webp .job-list .btn-gender a:hover {background-size:603px 528.4848484848485px}
.webp .job-list .btn-gender a.active, 
.webp .job-list .btn-gender a:hover {background-size:603px 528.4848484848485px}
.no-webp .job-list .btn-gender a.active, 
.no-webp .job-list .btn-gender a:hover {background-position:-572px -372px}
.webp .job-list .btn-gender a.active, 
.webp .job-list .btn-gender a:hover {background-position:-572px -372px}
.job-list .btn-gender a.active,
.job-list .btn-gender a:hover {
  height: 32px !important;
width:30px;

  color: #e2d35c;
}
.no-webp .job-list .btn-gender-jiao {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-0px -481px}
.webp .job-list .btn-gender-jiao {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-0px -481px}
.no-webp .job-list .btn-gender-jiao {background-size:603px 545px}
.webp .job-list .btn-gender-jiao {background-size:603px 545px}
.no-webp .job-list .btn-gender-jiao {background-position:-0px -481px}
.webp .job-list .btn-gender-jiao {background-position:-0px -481px}
.job-list .btn-gender-jiao {
  position: absolute;
  top: 542px;
  left: 55%;
  z-index: 5;
  margin-left: -165px;
width:30px;
height:64px;

  overflow: hidden;
}
.job-list .btn-gender-jiao a {
  display: block;
  width: 30px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: white;
  text-align: center;
}
.no-webp .job-list .btn-gender-jiao a.active, 
.no-webp .job-list .btn-gender-jiao a:hover {background-position:-572px -360px !important}
.webp .job-list .btn-gender-jiao a.active, 
.webp .job-list .btn-gender-jiao a:hover {background-position:-572px -360px !important}
.no-webp .job-list .btn-gender-jiao a.active, 
.no-webp .job-list .btn-gender-jiao a:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 528.4848484848485px;
background-position:-572px -372px}
.webp .job-list .btn-gender-jiao a.active, 
.webp .job-list .btn-gender-jiao a:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 528.4848484848485px;
background-position:-572px -372px}
.no-webp .job-list .btn-gender-jiao a.active, 
.no-webp .job-list .btn-gender-jiao a:hover {background-size:603px 528.4848484848485px}
.webp .job-list .btn-gender-jiao a.active, 
.webp .job-list .btn-gender-jiao a:hover {background-size:603px 528.4848484848485px}
.no-webp .job-list .btn-gender-jiao a.active, 
.no-webp .job-list .btn-gender-jiao a:hover {background-position:-572px -372px}
.webp .job-list .btn-gender-jiao a.active, 
.webp .job-list .btn-gender-jiao a:hover {background-position:-572px -372px}
.job-list .btn-gender-jiao a.active,
.job-list .btn-gender-jiao a:hover {
  height: 32px !important;
width:30px;

  color: #e2d35c;
}
.no-webp .job-list .btn-gender-ren {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-0px -481px}
.webp .job-list .btn-gender-ren {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-0px -481px}
.no-webp .job-list .btn-gender-ren {background-size:603px 545px}
.webp .job-list .btn-gender-ren {background-size:603px 545px}
.no-webp .job-list .btn-gender-ren {background-position:-0px -481px}
.webp .job-list .btn-gender-ren {background-position:-0px -481px}
.job-list .btn-gender-ren {
  position: absolute;
  top: 542px;
  left: 55%;
  z-index: 5;
  margin-left: -165px;
width:30px;
height:64px;

  overflow: hidden;
}
.job-list .btn-gender-ren a {
  display: block;
  width: 30px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: white;
  text-align: center;
}
.no-webp .job-list .btn-gender-ren a.active, 
.no-webp .job-list .btn-gender-ren a:hover {background-position:-572px -360px !important}
.webp .job-list .btn-gender-ren a.active, 
.webp .job-list .btn-gender-ren a:hover {background-position:-572px -360px !important}
.no-webp .job-list .btn-gender-ren a.active, 
.no-webp .job-list .btn-gender-ren a:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 528.4848484848485px;
background-position:-572px -372px}
.webp .job-list .btn-gender-ren a.active, 
.webp .job-list .btn-gender-ren a:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 528.4848484848485px;
background-position:-572px -372px}
.no-webp .job-list .btn-gender-ren a.active, 
.no-webp .job-list .btn-gender-ren a:hover {background-size:603px 528.4848484848485px}
.webp .job-list .btn-gender-ren a.active, 
.webp .job-list .btn-gender-ren a:hover {background-size:603px 528.4848484848485px}
.no-webp .job-list .btn-gender-ren a.active, 
.no-webp .job-list .btn-gender-ren a:hover {background-position:-572px -372px}
.webp .job-list .btn-gender-ren a.active, 
.webp .job-list .btn-gender-ren a:hover {background-position:-572px -372px}
.job-list .btn-gender-ren a.active,
.job-list .btn-gender-ren a:hover {
  height: 32px !important;
width:30px;

  color: #e2d35c;
}
.no-webp .job-list .btn-detail {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_detail_828db750.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp .job-list .btn-detail {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_detail_828db750.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .job-list .btn-detail {background-position:center}
.webp .job-list .btn-detail {background-position:center}
.no-webp .job-list .btn-detail {background-repeat:no-repeat}
.webp .job-list .btn-detail {background-repeat:no-repeat}
.job-list .btn-detail {
  position: absolute;
  top: 738px;
  left: 55%;
  z-index: 5;
  margin-left: -300px;
  font-size: 0;
  text-indent: -9999em;
  width: 34px;
  height: 114px;
  -webkit-opacity: .9;
  -moz-opacity: .9;
  opacity: .9;
}
.job-list .btn-detail:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.job-list .btn-form {
  width: 180px;
  height: 180px;
  position: absolute;
  left: 520px;
  top: 228px;
}
.no-webp .job-list .btn-form .pele {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_r_78bdac9b.png) no-repeat;
  background-size: 100%}
.webp .job-list .btn-form .pele {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_r_78bdac9b.webp) no-repeat;
  background-size: 100%}
.no-webp .job-list .btn-form .pele {background-size:100%}
.webp .job-list .btn-form .pele {background-size:100%}
.job-list .btn-form .pele {
  width: 80px;
  height: 80px;
  display: block;
  text-indent: -9999em;
  position: absolute;
  left: 0;
  top: 80px;
  pointer-events: auto;
  opacity: 0.9;
}
.no-webp .job-list .btn-form .pele.active {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_ron_f26d3512.png) no-repeat;
  background-size: 100%}
.webp .job-list .btn-form .pele.active {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_ron_f26d3512.webp) no-repeat;
  background-size: 100%}
.no-webp .job-list .btn-form .pele.active {background-size:100%}
.webp .job-list .btn-form .pele.active {background-size:100%}
.job-list .btn-form .pele.active {
  width: 108px;
  height: 108px;
  pointer-events: none;
}
.no-webp .job-list .btn-form .shark {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_j_7fcf0966.png) no-repeat;
  background-size: 100%}
.webp .job-list .btn-form .shark {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_j_7fcf0966.webp) no-repeat;
  background-size: 100%}
.no-webp .job-list .btn-form .shark {background-size:100%}
.webp .job-list .btn-form .shark {background-size:100%}
.job-list .btn-form .shark {
  width: 80px;
  height: 80px;
  display: block;
  text-indent: -9999em;
  position: absolute;
  top: 0px;
  left: 75px;
  pointer-events: auto;
  opacity: 0.9;
}
.no-webp .job-list .btn-form .shark.active {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_jon_16a63d55.png) no-repeat;
  background-size: 100%}
.webp .job-list .btn-form .shark.active {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_jon_16a63d55.webp) no-repeat;
  background-size: 100%}
.no-webp .job-list .btn-form .shark.active {background-size:100%}
.webp .job-list .btn-form .shark.active {background-size:100%}
.job-list .btn-form .shark.active {
  width: 108px;
  height: 108px;
  pointer-events: none;
}
.job-list .btn-form .pele:hover,
.job-list .btn-form .shark:hover {
  opacity: 1.1;
}
.no-webp .job-list .btn-arrow a {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-452px -325px}
.webp .job-list .btn-arrow a {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-452px -325px}
.no-webp .job-list .btn-arrow a {background-size:603px 545px}
.webp .job-list .btn-arrow a {background-size:603px 545px}
.no-webp .job-list .btn-arrow a {background-position:-452px -325px}
.webp .job-list .btn-arrow a {background-position:-452px -325px}
.job-list .btn-arrow a {
  position: absolute;
  top: 562px;
  width: 86px;
  height: 86px;

  z-index: 5;
}
.job-list .btn-arrow a.swiper-button-disabled {
  display: none;
}
.job-list .btn-arrow a:hover {
  opacity: .8;
}
.job-list .btn-arrow .btn-prev {
  left: 150px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.job-list .btn-arrow .btn-next {
  right: 150px;
}
/*导航部分*/
.job-nav {
  position: absolute;
  top: 112px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  z-index: 5;
  font-size: 0;
  text-align: center;
}
.no-webp .job-nav .yinchao::after {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/new_7c076bf0.png)}
.webp .job-nav .yinchao::after {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/new_7c076bf0.webp)}
.job-nav .yinchao::after {
  content: "";
  width: 21px;
  height: 25px;
  position: absolute;
  right: -6px;
  top: -5px;
}
.job-nav ul {
  width: 100%;
}
.no-webp .job-nav li {background-position:center top}
.webp .job-nav li {background-position:center top}
.no-webp .job-nav li {background-repeat:no-repeat}
.webp .job-nav li {background-repeat:no-repeat}
.job-nav li {
  display: inline-block;
  margin: 0 15px;
  position: relative;
  width: 49px;
  height: 100px;
  font-size: 0;
  cursor: pointer;
}
.no-webp .job-nav li:not(.active).yinchao {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yinchao-n_9e632a27.png)}
.webp .job-nav li:not(.active).yinchao {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yinchao-n_9e632a27.webp)}
.job-nav li:not(.active).yinchao {
}
.no-webp .job-nav li:not(.active).sixing {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sixing-n_1f94eaf8.png)}
.webp .job-nav li:not(.active).sixing {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sixing-n_1f94eaf8.webp)}
.job-nav li:not(.active).sixing {
}
.no-webp .job-nav li:not(.active).yiren {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yiren-n_37d19231.png)}
.webp .job-nav li:not(.active).yiren {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yiren-n_37d19231.webp)}
.job-nav li:not(.active).yiren {
}
.no-webp .job-nav li:not(.active).fangshi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/fangshi-n_91450c8b.png)}
.webp .job-nav li:not(.active).fangshi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/fangshi-n_91450c8b.webp)}
.job-nav li:not(.active).fangshi {
}
.no-webp .job-nav li:not(.active).xiake {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xiake-n_b99c0ee7.png)}
.webp .job-nav li:not(.active).xiake {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xiake-n_b99c0ee7.webp)}
.job-nav li:not(.active).xiake {
}
.no-webp .job-nav li:not(.active).yishi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yishi-n_8f1182fd.png)}
.webp .job-nav li:not(.active).yishi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yishi-n_8f1182fd.webp)}
.job-nav li:not(.active).yishi {
}
.no-webp .job-nav li:not(.active).jiashi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jiashi-n_6b56c64d.png)}
.webp .job-nav li:not(.active).jiashi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jiashi-n_6b56c64d.webp)}
.job-nav li:not(.active).jiashi {
}
.no-webp .job-nav li:not(.active).yanshi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yanshi-n_63e8d022.png)}
.webp .job-nav li:not(.active).yanshi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yanshi-n_63e8d022.webp)}
.job-nav li:not(.active).yanshi {
}
.no-webp .job-nav li:not(.active).huahun {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/huahun-n_4a50a950.png)}
.webp .job-nav li:not(.active).huahun {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/huahun-n_4a50a950.webp)}
.job-nav li:not(.active).huahun {
}
.no-webp .job-nav li:not(.active).sheshou {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sheshou-n_efd2e2eb.png)}
.webp .job-nav li:not(.active).sheshou {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sheshou-n_efd2e2eb.webp)}
.job-nav li:not(.active).sheshou {
}
.no-webp .job-nav li:not(.active).daoke {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/daoke-n_8cdc0ebc.png)}
.webp .job-nav li:not(.active).daoke {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/daoke-n_8cdc0ebc.webp)}
.job-nav li:not(.active).daoke {
}
.no-webp .job-nav li:not(.active).meizhe {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/meizhe-n_ab1054cb.png)}
.webp .job-nav li:not(.active).meizhe {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/meizhe-n_ab1054cb.webp)}
.job-nav li:not(.active).meizhe {
}
.no-webp .job-nav li.active.yinchao, 
.no-webp .job-nav li:hover.yinchao {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yinchao_2038301d.png)}
.webp .job-nav li.active.yinchao, 
.webp .job-nav li:hover.yinchao {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yinchao_2038301d.webp)}
.job-nav li.active.yinchao,
.job-nav li:hover.yinchao {
}
.no-webp .job-nav li.active.sixing, 
.no-webp .job-nav li:hover.sixing {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sixing_95a096d5.png)}
.webp .job-nav li.active.sixing, 
.webp .job-nav li:hover.sixing {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sixing_95a096d5.webp)}
.job-nav li.active.sixing,
.job-nav li:hover.sixing {
}
.no-webp .job-nav li.active.yiren, 
.no-webp .job-nav li:hover.yiren {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yiren_9b008b54.png)}
.webp .job-nav li.active.yiren, 
.webp .job-nav li:hover.yiren {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yiren_9b008b54.webp)}
.job-nav li.active.yiren,
.job-nav li:hover.yiren {
}
.no-webp .job-nav li.active.fangshi, 
.no-webp .job-nav li:hover.fangshi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/fangshi_6a42716d.png)}
.webp .job-nav li.active.fangshi, 
.webp .job-nav li:hover.fangshi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/fangshi_6a42716d.webp)}
.job-nav li.active.fangshi,
.job-nav li:hover.fangshi {
}
.no-webp .job-nav li.active.xiake, 
.no-webp .job-nav li:hover.xiake {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xiake_c3ae090f.png)}
.webp .job-nav li.active.xiake, 
.webp .job-nav li:hover.xiake {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xiake_c3ae090f.webp)}
.job-nav li.active.xiake,
.job-nav li:hover.xiake {
}
.no-webp .job-nav li.active.yishi, 
.no-webp .job-nav li:hover.yishi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yishi_642d0e1c.png)}
.webp .job-nav li.active.yishi, 
.webp .job-nav li:hover.yishi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yishi_642d0e1c.webp)}
.job-nav li.active.yishi,
.job-nav li:hover.yishi {
}
.no-webp .job-nav li.active.jiashi, 
.no-webp .job-nav li:hover.jiashi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jiashi_46dadf59.png)}
.webp .job-nav li.active.jiashi, 
.webp .job-nav li:hover.jiashi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jiashi_46dadf59.webp)}
.job-nav li.active.jiashi,
.job-nav li:hover.jiashi {
}
.no-webp .job-nav li.active.yanshi, 
.no-webp .job-nav li:hover.yanshi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yanshi_3c2fa6f5.png)}
.webp .job-nav li.active.yanshi, 
.webp .job-nav li:hover.yanshi {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yanshi_3c2fa6f5.webp)}
.job-nav li.active.yanshi,
.job-nav li:hover.yanshi {
}
.no-webp .job-nav li.active.huahun, 
.no-webp .job-nav li:hover.huahun {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/huahun_81f6b7df.png)}
.webp .job-nav li.active.huahun, 
.webp .job-nav li:hover.huahun {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/huahun_81f6b7df.webp)}
.job-nav li.active.huahun,
.job-nav li:hover.huahun {
}
.no-webp .job-nav li.active.sheshou, 
.no-webp .job-nav li:hover.sheshou {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sheshou_f14ea641.png)}
.webp .job-nav li.active.sheshou, 
.webp .job-nav li:hover.sheshou {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sheshou_f14ea641.webp)}
.job-nav li.active.sheshou,
.job-nav li:hover.sheshou {
}
.no-webp .job-nav li.active.daoke, 
.no-webp .job-nav li:hover.daoke {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/daoke_f5c9b4ca.png)}
.webp .job-nav li.active.daoke, 
.webp .job-nav li:hover.daoke {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/daoke_f5c9b4ca.webp)}
.job-nav li.active.daoke,
.job-nav li:hover.daoke {
}
.no-webp .job-nav li.active.meizhe, 
.no-webp .job-nav li:hover.meizhe {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/meizhe_6947468a.png)}
.webp .job-nav li.active.meizhe, 
.webp .job-nav li:hover.meizhe {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/meizhe_6947468a.webp)}
.job-nav li.active.meizhe,
.job-nav li:hover.meizhe {
}
.job-nav li:hover .subnav {
  text-shadow: none;
}
.job-nav .subnav {
  display: none;
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -32.5px;
  width: 65px;
  font-size: 0;
}
.no-webp .job-nav .subnav a {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/subnav_2a545e0c.png) no-repeat right top}
.webp .job-nav .subnav a {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/subnav_2a545e0c.webp) no-repeat right top}
.job-nav .subnav a {
  text-align: center;
  position: absolute;
  top: 20px;
  width: 29px;
  height: 73px;
  font-size: 22px;
  line-height: 23px;
  color: #fcfcd4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 13px;
}
.job-nav .subnav a:first-child {
  left: 0;
}
.job-nav .subnav a:last-child {
  left: 36px;
}
.no-webp .job-nav .subnav a:hover, 
.no-webp .job-nav .subnav a.active {background-position:left top}
.webp .job-nav .subnav a:hover, 
.webp .job-nav .subnav a.active {background-position:left top}
.job-nav .subnav a:hover,
.job-nav .subnav a.active {
  color: #132d2d;
}
.jobs-swiper .swiper-slide {
  left: -66px;
  top: 20px;
}
.no-webp .jobs-swiper .swiper-slide:after {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xie_e1ff8b13.png) center no-repeat;
  background-size: 100% auto}
.webp .jobs-swiper .swiper-slide:after {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xie_e1ff8b13.webp) center no-repeat;
  background-size: 100% auto}
.no-webp .jobs-swiper .swiper-slide:after {background-size:100% auto}
.webp .jobs-swiper .swiper-slide:after {background-size:100% auto}
.jobs-swiper .swiper-slide:after {
  content: '';
  width: 66px;
  height: 30px;
  position: absolute;
  top: 556px;
  left: 274px;
}
.jobs-swiper .yinchao {
  position: relative;
}
.no-webp .jobs-swiper .yinchao.jiao-n.jiao-male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jiaoren-male_8360cc03.png)}
.webp .jobs-swiper .yinchao.jiao-n.jiao-male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jiaoren-male_8360cc03.webp)}
.jobs-swiper .yinchao.jiao-n.jiao-male {
  top: 60px;
}
.jobs-swiper .yinchao.jiao-n.jiao-male .btn-form {
  top: 185px;
}
.jobs-swiper .yinchao.jiao-n.jiao-male .btn-gender-jiao {
  top: 499px;
}
.jobs-swiper .yinchao.jiao-n.jiao-male .btn-detail {
  top: 695px;
}
.no-webp .jobs-swiper .yinchao.jiao-v.jiao-female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jiaoren-fe_af2e0e8d.png)}
.webp .jobs-swiper .yinchao.jiao-v.jiao-female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jiaoren-fe_af2e0e8d.webp)}
.jobs-swiper .yinchao.jiao-v.jiao-female {
}
.no-webp .jobs-swiper .yinchao.ren-n.ren-male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/ren-male_ad49359f.png)}
.webp .jobs-swiper .yinchao.ren-n.ren-male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/ren-male_ad49359f.webp)}
.jobs-swiper .yinchao.ren-n.ren-male {
  top: 60px;
}
.jobs-swiper .yinchao.ren-n.ren-male .btn-form {
  top: 185px;
}
.jobs-swiper .yinchao.ren-n.ren-male .btn-gender-jiao {
  top: 499px;
}
.jobs-swiper .yinchao.ren-n.ren-male .btn-detail {
  top: 695px;
}
.no-webp .jobs-swiper .yinchao.ren-v.ren-female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/ren-fe_b88de06b.png)}
.webp .jobs-swiper .yinchao.ren-v.ren-female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/ren-fe_b88de06b.webp)}
.jobs-swiper .yinchao.ren-v.ren-female {
}
.jobs-swiper .sixing {
  position: relative;
}
.no-webp .jobs-swiper .sixing.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sixing-male_61e576c4.png)}
.webp .jobs-swiper .sixing.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sixing-male_61e576c4.webp)}
.jobs-swiper .sixing.male {
}
.no-webp .jobs-swiper .sixing.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sixing-fe_5560a0a2.png)}
.webp .jobs-swiper .sixing.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sixing-fe_5560a0a2.webp)}
.jobs-swiper .sixing.female {
}
.jobs-swiper .yiren {
  position: relative;
}
.no-webp .jobs-swiper .yiren.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yiren-male_2a17e3b3.png)}
.webp .jobs-swiper .yiren.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yiren-male_2a17e3b3.webp)}
.jobs-swiper .yiren.male {
}
.no-webp .jobs-swiper .yiren.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yiren-fe_848af0ab.png)}
.webp .jobs-swiper .yiren.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yiren-fe_848af0ab.webp)}
.jobs-swiper .yiren.female {
}
.no-webp .jobs-swiper .daofa.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/daofa-male_29ec68aa.png)}
.webp .jobs-swiper .daofa.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/daofa-male_29ec68aa.webp)}
.jobs-swiper .daofa.male {
}
.no-webp .jobs-swiper .daofa.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/daofa-fe_de9fa181.png)}
.webp .jobs-swiper .daofa.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/daofa-fe_de9fa181.webp)}
.jobs-swiper .daofa.female {
}
.no-webp .jobs-swiper .tianlang.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/tianlang-male_f9440d89.png)}
.webp .jobs-swiper .tianlang.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/tianlang-male_f9440d89.webp)}
.jobs-swiper .tianlang.male {
}
.no-webp .jobs-swiper .tianlang.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/tianlang-fe_c3a4df3e.png)}
.webp .jobs-swiper .tianlang.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/tianlang-fe_c3a4df3e.webp)}
.jobs-swiper .tianlang.female {
}
.no-webp .jobs-swiper .xiake.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xiake-male_78817658.png)}
.webp .jobs-swiper .xiake.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xiake-male_78817658.webp)}
.jobs-swiper .xiake.male {
}
.no-webp .jobs-swiper .xiake.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xiake-fe_eea1bfa2.png)}
.webp .jobs-swiper .xiake.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/xiake-fe_eea1bfa2.webp)}
.jobs-swiper .xiake.female {
}
.no-webp .jobs-swiper .yishi.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yishi-male_6b43a736.png)}
.webp .jobs-swiper .yishi.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yishi-male_6b43a736.webp)}
.jobs-swiper .yishi.male {
}
.no-webp .jobs-swiper .yishi.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yishi-fe_eaa7bb96.png)}
.webp .jobs-swiper .yishi.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yishi-fe_eaa7bb96.webp)}
.jobs-swiper .yishi.female {
}
.no-webp .jobs-swiper .zhanhun.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/zhanhun-male_edf6bca0.png)}
.webp .jobs-swiper .zhanhun.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/zhanhun-male_edf6bca0.webp)}
.jobs-swiper .zhanhun.male {
}
.no-webp .jobs-swiper .zhanhun.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/zhanhun-fe_ec9ac21c.png)}
.webp .jobs-swiper .zhanhun.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/zhanhun-fe_ec9ac21c.webp)}
.jobs-swiper .zhanhun.female {
}
.no-webp .jobs-swiper .jingang.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jingang-male_5ad6a962.png)}
.webp .jobs-swiper .jingang.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jingang-male_5ad6a962.webp)}
.jobs-swiper .jingang.male {
}
.no-webp .jobs-swiper .jingang.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jingang-fe_7edadd22.png)}
.webp .jobs-swiper .jingang.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/jingang-fe_7edadd22.webp)}
.jobs-swiper .jingang.female {
}
.no-webp .jobs-swiper .yanshi.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yanshi-male_61a8aa0c.png)}
.webp .jobs-swiper .yanshi.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yanshi-male_61a8aa0c.webp)}
.jobs-swiper .yanshi.male {
}
.no-webp .jobs-swiper .yanshi.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yanshi-fe_6d0e1e2c.png)}
.webp .jobs-swiper .yanshi.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/yanshi-fe_6d0e1e2c.webp)}
.jobs-swiper .yanshi.female {
}
.no-webp .jobs-swiper .huahun.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/huahun-male_4a5dccd8.png)}
.webp .jobs-swiper .huahun.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/huahun-male_4a5dccd8.webp)}
.jobs-swiper .huahun.male {
}
.no-webp .jobs-swiper .huahun.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/huahun-fe_6e5cb9dc.png)}
.webp .jobs-swiper .huahun.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/huahun-fe_6e5cb9dc.webp)}
.jobs-swiper .huahun.female {
}
.no-webp .jobs-swiper .sheshou.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sheshou-male_fbab5290.png)}
.webp .jobs-swiper .sheshou.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sheshou-male_fbab5290.webp)}
.jobs-swiper .sheshou.male {
}
.no-webp .jobs-swiper .sheshou.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sheshou-fe_6c4d2b01.png)}
.webp .jobs-swiper .sheshou.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sheshou-fe_6c4d2b01.webp)}
.jobs-swiper .sheshou.female {
}
.no-webp .jobs-swiper .duanhen.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/duanhen-male_8dcae104.png)}
.webp .jobs-swiper .duanhen.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/duanhen-male_8dcae104.webp)}
.jobs-swiper .duanhen.male {
}
.no-webp .jobs-swiper .duanhen.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/duanhen-fe_572c9ac0.png)}
.webp .jobs-swiper .duanhen.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/duanhen-fe_572c9ac0.webp)}
.jobs-swiper .duanhen.female {
}
.no-webp .jobs-swiper .cangren.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/cangren-male_a544b677.png)}
.webp .jobs-swiper .cangren.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/cangren-male_a544b677.webp)}
.jobs-swiper .cangren.male {
}
.no-webp .jobs-swiper .cangren.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/cangren-fe_26eba33a.png)}
.webp .jobs-swiper .cangren.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/cangren-fe_26eba33a.webp)}
.jobs-swiper .cangren.female {
}
.jobs-swiper .meizhe {
  position: relative;
}
.no-webp .jobs-swiper .meizhe.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/meizhe-male_cb726f0d.png)}
.webp .jobs-swiper .meizhe.male {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/meizhe-male_cb726f0d.webp)}
.jobs-swiper .meizhe.male {
}
.no-webp .jobs-swiper .meizhe.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/meizhe-fe_84264462.png)}
.webp .jobs-swiper .meizhe.female {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/meizhe-fe_84264462.webp)}
.jobs-swiper .meizhe.female {
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
@font-face {
  font-family: 'fzbysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzbysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzlth';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzlth.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  color: red;
  min-width: 1400px;
}
#wrap {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}
.topMax {
  width: 100%;
  position: absolute;
  max-width: 1920px;
  left: 0;
  right: 0;
  top: 0;
}
#leihuo-age {
  position: absolute;
  width: 66px;
  left: 14px;
  top: 660px;
}
#leihuo-age a {
  display: block;
  width: 100%;
  height: 100%;
}
#leihuo-age a img {
  width: 100%;
}
.no-webp #shunwang-start {background:url(https://qn.res.netease.com/pc/fab/20170405212903/img/btn-start-2_534b5a3.gif) no-repeat}
.webp #shunwang-start {background:url(https://qn.res.netease.com/pc/fab/20170405212903/img/btn-start-2_534b5a3.gif) no-repeat}
#shunwang-start {
  display: block;
  font-size: 0;
  width: 238px;
  margin: 0 auto;
  height: 56px;
  text-indent: -999em;
}
.no-webp #shunwang-start:hover {background:url(https://qn.res.netease.com/pc/fab/20170405212903/img/btn-start-2-h_b0e3f54.gif)}
.webp #shunwang-start:hover {background:url(https://qn.res.netease.com/pc/fab/20170405212903/img/btn-start-2-h_b0e3f54.gif)}
#shunwang-start:hover {
}
#wrap {
  width: 100%;
  height: 100%;
}
#wrap #app {
  position: relative;
  overflow: hidden;
}
.no-webp #wrap #app .index {background-repeat:no-repeat}
.webp #wrap #app .index {background-repeat:no-repeat}
.no-webp #wrap #app .index {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/bj_3_684e7b64.png);
  background-position: center top}
.webp #wrap #app .index {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/bj_3_684e7b64.webp);
  background-position: center top}
.no-webp #wrap #app .index {background-position:center top}
.webp #wrap #app .index {background-position:center top}
#wrap #app .index {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1920px;
  height: 3718px;
}
#wrap #app .index .maskclick {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
#wrap #app .sec1 {
  position: relative;
  width: 100%;
  height: 1200px;
}
.no-webp #wrap #app .sec1 .btn_zlp {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_zlp_d6cc8c76.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #wrap #app .sec1 .btn_zlp {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_zlp_d6cc8c76.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #wrap #app .sec1 .btn_zlp {background-position:center}
.webp #wrap #app .sec1 .btn_zlp {background-position:center}
.no-webp #wrap #app .sec1 .btn_zlp {background-repeat:no-repeat}
.webp #wrap #app .sec1 .btn_zlp {background-repeat:no-repeat}
#wrap #app .sec1 .btn_zlp {
  display: block;
  position: absolute;
  top: 694px;
  left: 50%;
  margin-left: -156px;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 308px;
  height: 54px;
}
.no-webp #wrap #app .sec1 .btn_zlp:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_zlp_h_6eecb3e5.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #wrap #app .sec1 .btn_zlp:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/btn_zlp_h_6eecb3e5.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #wrap #app .sec1 .btn_zlp:hover {background-position:center}
.webp #wrap #app .sec1 .btn_zlp:hover {background-position:center}
.no-webp #wrap #app .sec1 .btn_zlp:hover {background-repeat:no-repeat}
.webp #wrap #app .sec1 .btn_zlp:hover {background-repeat:no-repeat}
#wrap #app .sec1 .btn_zlp:hover {
  width: 308px;
  height: 54px;
}
.no-webp #wrap #app .sec1 .slogan {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/slogan_891eccdb.png)}
.webp #wrap #app .sec1 .slogan {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/slogan_891eccdb.webp)}
#wrap #app .sec1 .slogan {
  position: absolute;
  top: 138px;
  right: 80px;
  width: 260px;
  height: 596px;
}
.no-webp #wrap #app .sec1 .new {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/new_616df1d4.png);
  background-size: 100% 100%}
.webp #wrap #app .sec1 .new {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/new_616df1d4.webp);
  background-size: 100% 100%}
.no-webp #wrap #app .sec1 .new {background-size:100% 100%}
.webp #wrap #app .sec1 .new {background-size:100% 100%}
#wrap #app .sec1 .new {
  display: block;
  width: 371px;
  height: 85px;
  position: absolute;
  z-index: 3;
  top: 712px;
  left: 50%;
  margin-left: -181px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#wrap #app .sec1 .new:hover {
  -webkit-filter: brightness(1.06);
          filter: brightness(1.06);
}
.no-webp #wrap #app .sec1 .menu {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/menu-bg_57a4b0c8.png)}
.webp #wrap #app .sec1 .menu {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/menu-bg_57a4b0c8.webp)}
#wrap #app .sec1 .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1086px;
  height: 349px;
  position: absolute;
  z-index: 3;
  top: 850px;
  left: 411px;
}
#wrap #app .sec1 .menu .item {
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#wrap #app .sec1 .menu .item .reg-box {
  height: calc(100% - 55px);
  padding-top: 35px;
  width: 100%;
  margin-top: 55px;
}
#wrap #app .sec1 .menu .item .reg-box #reg {
  width: 300px;
  height: 45px;
  margin-left: 40px;
}
#wrap #app .sec1 .menu .btn {
  position: absolute;
  cursor: pointer;
  width: 258px;
  height: 51px;
  bottom: 37px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.no-webp #wrap #app .sec1 .menu .item2 .icon {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-452px -202px}
.webp #wrap #app .sec1 .menu .item2 .icon {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-452px -202px}
.no-webp #wrap #app .sec1 .menu .item2 .icon {background-size:603px 545px}
.webp #wrap #app .sec1 .menu .item2 .icon {background-size:603px 545px}
.no-webp #wrap #app .sec1 .menu .item2 .icon {background-position:-452px -202px}
.webp #wrap #app .sec1 .menu .item2 .icon {background-position:-452px -202px}
#wrap #app .sec1 .menu .item2 .icon {
  width: 121px;
  height: 121px;
  margin: 104px auto 0;

}
.no-webp #wrap #app .sec1 .menu .item2 .btn2 {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-0px -428px}
.webp #wrap #app .sec1 .menu .item2 .btn2 {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-0px -428px}
.no-webp #wrap #app .sec1 .menu .item2 .btn2 {background-size:603px 545px}
.webp #wrap #app .sec1 .menu .item2 .btn2 {background-size:603px 545px}
.no-webp #wrap #app .sec1 .menu .item2 .btn2 {background-position:-0px -428px}
.webp #wrap #app .sec1 .menu .item2 .btn2 {background-position:-0px -428px}
#wrap #app .sec1 .menu .item2 .btn2 {
width:258px;
height:51px;

  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#wrap #app .sec1 .menu .item2 .btn2:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#wrap #app .sec1 .menu .item2 .btn2 .btn-download {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.no-webp #wrap #app .sec1 .menu .item3 .lb {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/item3-lb_06359aa7.png);
  background-repeat: no-repeat}
.webp #wrap #app .sec1 .menu .item3 .lb {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/item3-lb_06359aa7.webp);
  background-repeat: no-repeat}
.no-webp #wrap #app .sec1 .menu .item3 .lb {background-repeat:no-repeat}
.webp #wrap #app .sec1 .menu .item3 .lb {background-repeat:no-repeat}
#wrap #app .sec1 .menu .item3 .lb {
  width: 264px;
  height: 191px;
  margin: 72px auto 0;
}
.no-webp #wrap #app .sec1 .menu .item3 .btn3 {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-260px -428px}
.webp #wrap #app .sec1 .menu .item3 .btn3 {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-260px -428px}
.no-webp #wrap #app .sec1 .menu .item3 .btn3 {background-size:603px 545px}
.webp #wrap #app .sec1 .menu .item3 .btn3 {background-size:603px 545px}
.no-webp #wrap #app .sec1 .menu .item3 .btn3 {background-position:-260px -428px}
.webp #wrap #app .sec1 .menu .item3 .btn3 {background-position:-260px -428px}
#wrap #app .sec1 .menu .item3 .btn3 {
width:258px;
height:51px;

  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#wrap #app .sec1 .menu .item3 .btn3:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#wrap #app .sec3 {
  width: 100%;
  height: 812px;
  overflow: hidden;
}
.no-webp #wrap #app .sec3 .title {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-title_d13a9b61.png) no-repeat center top / 100%}
.webp #wrap #app .sec3 .title {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-title_d13a9b61.webp) no-repeat center top / 100%}
#wrap #app .sec3 .title {
  width: 533px;
  height: 105px;
  margin: 84px auto 74px;
  position: relative;
}
#wrap #app .sec3 .swiper-container {
  position: relative;
  z-index: 3;
  width: 1400px;
  margin-top: -30px;
}
#wrap #app .sec3 .swiper-container .swiper-slide {
  position: relative;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
  width: 1200px;
  height: 650px;
}
#wrap #app .sec3 .swiper-container .swiper-slide .item {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 39px;
  width: 1005px;
  height: 536px;
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-item-bg_68526d0e.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-item-bg_68526d0e.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap {
  width: 1009px;
  height: 538px;
}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: 983px;
  height: 513px;
}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap img {
  position: absolute;
  left: 13px;
  top: 13px;
  width: 983px;
  height: 513px;
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-226px -202px}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-226px -202px}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play {background-size:603px 545px}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play {background-size:603px 545px}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play {background-position:-226px -202px}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play {background-position:-226px -202px}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play {
  cursor: pointer;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 224px;
  height: 224px;

  -webkit-animation: play 3s normal infinite;
          animation: play 3s normal infinite;
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-0px -202px}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-0px -202px}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play:hover {background-size:603px 545px}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play:hover {background-size:603px 545px}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play:hover {background-position:-0px -202px}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play:hover {background-position:-0px -202px}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-wrap .play:hover {
width:224px;
height:224px;

}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec {background-repeat:no-repeat}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec {background-repeat:no-repeat}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec {background:right bottom no-repeat}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec {background:right bottom no-repeat}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec {
  width: 100%;
  height: 162px;
  position: absolute;
  right: 7px;
  bottom: 6px;
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec1 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/1-title_12ef8625.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec1 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/1-title_12ef8625.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec1 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec2 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/2-title_af62f2b3.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec2 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/2-title_af62f2b3.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec2 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec3 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/3-title_4acb4234.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec3 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/3-title_4acb4234.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec3 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec4 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/4-title_68f37128.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec4 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/4-title_68f37128.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec4 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec5 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/5-title_e5ac38aa.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec5 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/5-title_e5ac38aa.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec5 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec6 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/6-title_ac70b969.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec6 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/6-title_ac70b969.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec6 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec7 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/7-title_c4b37ba8.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec7 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/7-title_c4b37ba8.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec7 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec8 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/8-title_bf29aded.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec8 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/8-title_bf29aded.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec8 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec9 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/9-title_dab502c9.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec9 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/9-title_dab502c9.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec9 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec10 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/10-title_3152235a.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec10 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/10-title_3152235a.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec10 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec11 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/11-title_975e49c2.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec11 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/11-title_975e49c2.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec11 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec12 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/12-1-title_f044c838.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec12 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/12-1-title_f044c838.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec12 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec13 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/13-title_8ae8293e.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec13 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/13-title_8ae8293e.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec13 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec14 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/14-title_1174b26a.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec14 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/14-title_1174b26a.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec14 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec16 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/16-title_aca9f74d.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec16 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/16-title_aca9f74d.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec16 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec18 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/18-title_64265df2.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec18 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/18-title_64265df2.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec18 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec19 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/19-title_6dd96290.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec19 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/19-title_6dd96290.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec19 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec21 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/21-title_bc9059b0.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec21 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/21-title_bc9059b0.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec21 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec22 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/22-title_3a36ce94.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec22 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/22-title_3a36ce94.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec22 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec23 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/23-title_f4eec6a7.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec23 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/23-title_f4eec6a7.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec23 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec24 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/24-title_b5f3f0fe.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec24 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/24-title_b5f3f0fe.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec24 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec25 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/25-title_3f6f1b18.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec25 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/25-title_3f6f1b18.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec25 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec26 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/26-title_9445fc4e.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec26 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/26-title_9445fc4e.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec26 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec27 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/27-title_879b53c8.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec27 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/27-title_879b53c8.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec27 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec28 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/28-title_2cb5c3fd.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec28 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/28-title_2cb5c3fd.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec28 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec29 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/29-title_ce1a9460.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec29 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/29-title_ce1a9460.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec29 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec30 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/30-title_0bd67f4c.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec30 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/30-title_0bd67f4c.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec30 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec31 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/31-title_348f5714.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec31 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/31-title_348f5714.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec31 {
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec32 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/32-title_eb5f5662.png)}
.webp #wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec32 {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/32-title_eb5f5662.webp)}
#wrap #app .sec3 .swiper-container .swiper-slide .item .item-dec32 {
}
#wrap #app .sec3 .swiper-container .swiper-slide.swiper-slide-next .item {
  left: 19%;
}
#wrap #app .sec3 .swiper-container .swiper-slide.swiper-slide-prev .item {
  left: 81%;
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide-prev i {background:#000}
.webp #wrap #app .sec3 .swiper-container .swiper-slide-prev i {background:#000}
#wrap #app .sec3 .swiper-container .swiper-slide-prev i {
  opacity: .4;
  z-index: 9;
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide-active {background:transparent}
.webp #wrap #app .sec3 .swiper-container .swiper-slide-active {background:transparent}
#wrap #app .sec3 .swiper-container .swiper-slide-active {
  opacity: 1;
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-slide-next i {background:#000}
.webp #wrap #app .sec3 .swiper-container .swiper-slide-next i {background:#000}
#wrap #app .sec3 .swiper-container .swiper-slide-next i {
  opacity: .4;
  z-index: 9;
}
.no-webp #wrap #app .sec3 .swiper-container .swiper-button-prev, 
.no-webp #wrap #app .sec3 .swiper-container .swiper-button-next {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-arrow-right_6ff7d4b6.png);
  background-size: 100%}
.webp #wrap #app .sec3 .swiper-container .swiper-button-prev, 
.webp #wrap #app .sec3 .swiper-container .swiper-button-next {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-arrow-right_6ff7d4b6.webp);
  background-size: 100%}
.no-webp #wrap #app .sec3 .swiper-container .swiper-button-prev, 
.no-webp #wrap #app .sec3 .swiper-container .swiper-button-next {background-size:100%}
.webp #wrap #app .sec3 .swiper-container .swiper-button-prev, 
.webp #wrap #app .sec3 .swiper-container .swiper-button-next {background-size:100%}
#wrap #app .sec3 .swiper-container .swiper-button-prev,
#wrap #app .sec3 .swiper-container .swiper-button-next {
  z-index: 99;
  position: absolute;
  top: 50%;
  width: 178px;
  height: 78px;
}
#wrap #app .sec3 .swiper-container .swiper-button-prev:hover,
#wrap #app .sec3 .swiper-container .swiper-button-next:hover {
  opacity: .8;
}
.no-webp #wrap #app .sec3 .swiper-container .qs2Prev, 
.no-webp #wrap #app .sec3 .swiper-container .qs2Prev {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-arrow-right_ce0f9019.png);
  background-size: 100%}
.webp #wrap #app .sec3 .swiper-container .qs2Prev, 
.webp #wrap #app .sec3 .swiper-container .qs2Prev {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-arrow-right_ce0f9019.webp);
  background-size: 100%}
.no-webp #wrap #app .sec3 .swiper-container .qs2Prev, 
.no-webp #wrap #app .sec3 .swiper-container .qs2Prev {background-size:100%}
.webp #wrap #app .sec3 .swiper-container .qs2Prev, 
.webp #wrap #app .sec3 .swiper-container .qs2Prev {background-size:100%}
#wrap #app .sec3 .swiper-container .qs2Prev,
#wrap #app .sec3 .swiper-container .qs2Prev {
  z-index: 99;
  position: absolute;
  top: 50%;
  width: 72px !important;
  height: 82px !important;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.no-webp #wrap #app .sec3 .swiper-container .qs2Prev:hover, 
.no-webp #wrap #app .sec3 .swiper-container .qs2Prev:hover {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-arrow-right_ce0f9019.png)}
.webp #wrap #app .sec3 .swiper-container .qs2Prev:hover, 
.webp #wrap #app .sec3 .swiper-container .qs2Prev:hover {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sec3-arrow-right_ce0f9019.webp)}
#wrap #app .sec3 .swiper-container .qs2Prev:hover,
#wrap #app .sec3 .swiper-container .qs2Prev:hover {
  opacity: 0.8 !important;
}
#wrap #app .sec3 .swiper-container .swiper-button-prev {
  left: 75px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
#wrap #app .sec3 .swiper-container .swiper-button-next {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 75px;
}
#wrap #app .sec4 {
  width: 100%;
  height: 540px;
}
#wrap #app .sec4 .main {
  position: relative;
  width: 1362px;
  height: 100%;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 80px 28px 0 28px;
}
#wrap #app .sec4 .main .title {
  margin-left: 41px;
  width: 99px;
  font-size: 22px;
  font-family: fzlth, sans-serif;
  text-align: center;
  color: #4c4f98;
  letter-spacing: 2px;
}
#wrap #app .sec4 .main .praise {
  position: absolute;
  left: 125px;
  width: 590px;
  height: 511px;
}
.no-webp #wrap #app .sec4 .main .praise .content {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/praise-bg_5fbb12af.png)}
.webp #wrap #app .sec4 .main .praise .content {background-image:url(https://qn.res.netease.com/pc/fab/20200909112906/img/praise-bg_5fbb12af.webp)}
#wrap #app .sec4 .main .praise .content {
  margin-top: 99px;
  width: 475px;
  height: 324px;
}
#wrap #app .sec4 .main .praise .content .small-title {
  height: 25px;
  position: relative;
}
#wrap #app .sec4 .main .praise .content .small-title .text {
  position: absolute;
  height: 25px;
  line-height: 25px;
  margin-left: 41px;
  font-size: 12px;
  font-family: Microsoft YaHei, sans-serif;
  text-align: left;
  color: #4c4f98;
}
#wrap #app .sec4 .main .praise .content .small-title .text span {
  color: red;
}
.no-webp #wrap #app .sec4 .main .praise .content .small-title .heart {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-96px -481px}
.webp #wrap #app .sec4 .main .praise .content .small-title .heart {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-96px -481px}
.no-webp #wrap #app .sec4 .main .praise .content .small-title .heart {background-size:603px 545px}
.webp #wrap #app .sec4 .main .praise .content .small-title .heart {background-size:603px 545px}
.no-webp #wrap #app .sec4 .main .praise .content .small-title .heart {background-position:-96px -481px}
.webp #wrap #app .sec4 .main .praise .content .small-title .heart {background-position:-96px -481px}
#wrap #app .sec4 .main .praise .content .small-title .heart {
  z-index: 3;
  cursor: pointer;
  left: 180px;
  position: absolute;
  width: 71px;
  height: 25px;

}
#wrap #app .sec4 .main .praise .content .main-text {
  margin-top: 37px;
  margin-left: 80px;
  width: 410px;
}
#wrap #app .sec4 .main .praise .content .main-text .zan-list-box {
  width: 440px;
  height: 240px;
  top: 176px;
  left: 40px;
  overflow: hidden;
  position: absolute ;
}
#wrap #app .sec4 .main .praise .content .main-text #J_zan_list_ul {
  position: absolute;
}
#wrap #app .sec4 .main .praise .content .main-text #J_zan_list_ul li {
  margin-bottom: 15px;
  font-family: Microsoft YaHei, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  color: #4c4f98;
  line-height: 25px;
}
.no-webp #wrap #app .sec4 .main .praise .content .main-text #J_zan_list_ul li span {background:#4a4d97}
.webp #wrap #app .sec4 .main .praise .content .main-text #J_zan_list_ul li span {background:#4a4d97}
#wrap #app .sec4 .main .praise .content .main-text #J_zan_list_ul li span {
  color: #fffdf6;
  font-weight: bold;
  border-radius: 7px;
  text-align: center;
  display: inline-block;
  padding-left: 9px;
  margin-right: 10px;
}
#wrap #app .sec4 .main .evaluation {
  position: absolute;
  right: 0;
  width: 645px;
  height: 511px;
}
.no-webp #wrap #app .sec4 .main .evaluation .content {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/evaluation_85d1a593.png) no-repeat}
.webp #wrap #app .sec4 .main .evaluation .content {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/evaluation_85d1a593.webp) no-repeat}
#wrap #app .sec4 .main .evaluation .content {
  margin-top: 99px;
  width: 600px;
  height: 324px;
}
#wrap #app .sec4 .main .evaluation .content .main-text {
  margin-top: 40px;
  margin-left: 42px;
}
#wrap #app .sec4 .main .evaluation .content .main-text .item {
  display: inline-block;
  margin-bottom: 28px;
  width: 250px;
  height: 16px;
  font-size: 16px;
  font-family: Microsoft YaHei, sans-serif;
  font-weight: normal;
  text-align: left;
  color: #4c4f98;
  line-height: 23px;
}
.no-webp #wrap #app .sec4 .main .evaluation .content .main-text .item span {background:#4a4d97}
.webp #wrap #app .sec4 .main .evaluation .content .main-text .item span {background:#4a4d97}
#wrap #app .sec4 .main .evaluation .content .main-text .item span {
  color: #fffdf6;
  font-weight: bold;
  border-radius: 7px;
  text-align: center;
  display: inline-block;
  padding-left: 9px;
  margin-right: 10px;
}
.no-webp #wrap .logo {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/logo_e8da13e2.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #wrap .logo {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/logo_e8da13e2.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #wrap .logo {background-position:center}
.webp #wrap .logo {background-position:center}
.no-webp #wrap .logo {background-repeat:no-repeat}
.webp #wrap .logo {background-repeat:no-repeat}
#wrap .logo {
  position: absolute;
  top: 20px;
  left: 40px;
  width: 284px;
  height: 75px;
  z-index: 9;
}
#wrap #footer {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.no-webp #wrap #footer #copyright .leihuo-copyright {background-color:transparent}
.webp #wrap #footer #copyright .leihuo-copyright {background-color:transparent}
#wrap #footer #copyright .leihuo-copyright {
}
.no-webp #wrap .top-group {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/top-bg_49886a4c.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #wrap .top-group {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/top-bg_49886a4c.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #wrap .top-group {background-position:center}
.webp #wrap .top-group {background-position:center}
.no-webp #wrap .top-group {background-repeat:no-repeat}
.webp #wrap .top-group {background-repeat:no-repeat}
#wrap .top-group {
  text-align: center;
  position: absolute;
  top: 40px;
  right: 34px;
  width: 230px;
  height: 42px;
  z-index: 9;
}
#wrap .top-group .top-item {
  float: left;
  width: 54px;
  height: 100%;
}
#wrap .top-group .top-item:nth-child(1) {
  margin-left: 12px;
}
#wrap .top-group .top-item:nth-child(2) {
  width: 56px;
}
.no-webp #wrap .top-group .top-link {background:center no-repeat}
.webp #wrap .top-group .top-link {background:center no-repeat}
#wrap .top-group .top-link {
  display: inline-block;
  width: 40px;
  height: 100%;
}
#wrap .top-group .top-link:before,
#wrap .top-group .top-link:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
}
#wrap .top-group .top-link:after {
  width: 0;
  height: 100%;
}
.no-webp #wrap .top-group .btn-gw:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png) no-repeat;background-size:603px 545px;
background-position:-575px -202px}
.webp #wrap .top-group .btn-gw:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp) no-repeat;background-size:603px 545px;
background-position:-575px -202px}
.no-webp #wrap .top-group .btn-gw:before {background-size:603px 545px}
.webp #wrap .top-group .btn-gw:before {background-size:603px 545px}
.no-webp #wrap .top-group .btn-gw:before {background-position:-575px -202px}
.webp #wrap .top-group .btn-gw:before {background-position:-575px -202px}
#wrap .top-group .btn-gw:before {
  width: 27px;
  height: 26px;

}
.no-webp #wrap .top-group .btn-gw:hover:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png) no-repeat;background-size:603px 545px;
background-position:-575px -202px}
.webp #wrap .top-group .btn-gw:hover:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp) no-repeat;background-size:603px 545px;
background-position:-575px -202px}
.no-webp #wrap .top-group .btn-gw:hover:before {background-size:603px 545px}
.webp #wrap .top-group .btn-gw:hover:before {background-size:603px 545px}
.no-webp #wrap .top-group .btn-gw:hover:before {background-position:-575px -202px}
.webp #wrap .top-group .btn-gw:hover:before {background-position:-575px -202px}
#wrap .top-group .btn-gw:hover:before {
  width: 27px;
  height: 26px;

}
.no-webp #wrap .top-group .btn-wx:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png) no-repeat;background-size:603px 545px;
background-position:-575px -283px}
.webp #wrap .top-group .btn-wx:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp) no-repeat;background-size:603px 545px;
background-position:-575px -283px}
.no-webp #wrap .top-group .btn-wx:before {background-size:603px 545px}
.webp #wrap .top-group .btn-wx:before {background-size:603px 545px}
.no-webp #wrap .top-group .btn-wx:before {background-position:-575px -283px}
.webp #wrap .top-group .btn-wx:before {background-position:-575px -283px}
#wrap .top-group .btn-wx:before {
  width: 27px;
  height: 23px;

}
.no-webp #wrap .top-group .btn-wx:hover:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png) no-repeat;background-size:603px 545px;
background-position:-575px -283px}
.webp #wrap .top-group .btn-wx:hover:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp) no-repeat;background-size:603px 545px;
background-position:-575px -283px}
.no-webp #wrap .top-group .btn-wx:hover:before {background-size:603px 545px}
.webp #wrap .top-group .btn-wx:hover:before {background-size:603px 545px}
.no-webp #wrap .top-group .btn-wx:hover:before {background-position:-575px -283px}
.webp #wrap .top-group .btn-wx:hover:before {background-position:-575px -283px}
#wrap .top-group .btn-wx:hover:before {
  width: 27px;
  height: 23px;

}
.no-webp #wrap .top-group .btn-group:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png) no-repeat;background-size:603px 545px;
background-position:-169px -481px}
.webp #wrap .top-group .btn-group:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp) no-repeat;background-size:603px 545px;
background-position:-169px -481px}
.no-webp #wrap .top-group .btn-group:before {background-size:603px 545px}
.webp #wrap .top-group .btn-group:before {background-size:603px 545px}
.no-webp #wrap .top-group .btn-group:before {background-position:-169px -481px}
.webp #wrap .top-group .btn-group:before {background-position:-169px -481px}
#wrap .top-group .btn-group:before {
  width: 24px;
  height: 23px;

}
.no-webp #wrap .top-group .btn-group:hover:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png) no-repeat;background-size:603px 545px;
background-position:-169px -481px}
.webp #wrap .top-group .btn-group:hover:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp) no-repeat;background-size:603px 545px;
background-position:-169px -481px}
.no-webp #wrap .top-group .btn-group:hover:before {background-size:603px 545px}
.webp #wrap .top-group .btn-group:hover:before {background-size:603px 545px}
.no-webp #wrap .top-group .btn-group:hover:before {background-position:-169px -481px}
.webp #wrap .top-group .btn-group:hover:before {background-position:-169px -481px}
#wrap .top-group .btn-group:hover:before {
  width: 24px;
  height: 23px;

}
.no-webp #wrap .top-group .btn-htb:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png) no-repeat;background-size:603px 545px;
background-position:-117px -508px}
.webp #wrap .top-group .btn-htb:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp) no-repeat;background-size:603px 545px;
background-position:-117px -508px}
.no-webp #wrap .top-group .btn-htb:before {background-size:603px 545px}
.webp #wrap .top-group .btn-htb:before {background-size:603px 545px}
.no-webp #wrap .top-group .btn-htb:before {background-position:-117px -508px}
.webp #wrap .top-group .btn-htb:before {background-position:-117px -508px}
#wrap .top-group .btn-htb:before {
  width: 19px;
  height: 30px;

}
.no-webp #wrap .top-group .btn-htb:hover:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png) no-repeat;background-size:603px 545px;
background-position:-117px -508px}
.webp #wrap .top-group .btn-htb:hover:before {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp) no-repeat;background-size:603px 545px;
background-position:-117px -508px}
.no-webp #wrap .top-group .btn-htb:hover:before {background-size:603px 545px}
.webp #wrap .top-group .btn-htb:hover:before {background-size:603px 545px}
.no-webp #wrap .top-group .btn-htb:hover:before {background-position:-117px -508px}
.webp #wrap .top-group .btn-htb:hover:before {background-position:-117px -508px}
#wrap .top-group .btn-htb:hover:before {
  width: 19px;
  height: 30px;

}
#wrap .top-group .top-qrcode {
  position: relative;
}
#wrap .top-group .top-qrcode:hover .item-wrap {
  display: block;
}
#wrap .top-group .top-qrcode .item-wrap {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -76px;
}
.no-webp #wrap .top-group .top-qrcode .qrcode-wrap {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/qrcode-bg_4920021f.png);
  background-position: bottom;
  background-repeat: no-repeat}
.webp #wrap .top-group .top-qrcode .qrcode-wrap {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/qrcode-bg_4920021f.webp);
  background-position: bottom;
  background-repeat: no-repeat}
.no-webp #wrap .top-group .top-qrcode .qrcode-wrap {background-position:bottom}
.webp #wrap .top-group .top-qrcode .qrcode-wrap {background-position:bottom}
.no-webp #wrap .top-group .top-qrcode .qrcode-wrap {background-repeat:no-repeat}
.webp #wrap .top-group .top-qrcode .qrcode-wrap {background-repeat:no-repeat}
#wrap .top-group .top-qrcode .qrcode-wrap {
  width: 152px;
  height: 180px;
  position: absolute;
  top: 0;
}
.no-webp #wrap .top-group .top-qrcode .qrcode-wrap .qrcode {background:#ffffff}
.webp #wrap .top-group .top-qrcode .qrcode-wrap .qrcode {background:#ffffff}
#wrap .top-group .top-qrcode .qrcode-wrap .qrcode {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 46px auto 0;
  padding: 4px;
  width: 128px;
  height: 128px;
}
#wrap .top-group .top-qrcode .qrcode-wrap .qrcode img {
  width: 100%;
  height: 100%;
}
#wrap .top-group .top-qrcode .app-info-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 152px;
  padding: 10px 0 0 10px;
  text-align: left;
  color: #ffffff;
  font-size: 12px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.no-webp .close_pv {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-520px -428px}
.webp .close_pv {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-520px -428px}
.no-webp .close_pv {background-size:603px 545px}
.webp .close_pv {background-size:603px 545px}
.no-webp .close_pv {background-position:-520px -428px}
.webp .close_pv {background-position:-520px -428px}
.close_pv {
  position: absolute;
  right: -54px;
  top: -3px;
  text-indent: -9999em;
  outline: 0;
  width: 45px;
  height: 45px;

  cursor: pointer;
}
.no-webp .close_pv:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.png);background-size:603px 545px;
background-position:-540px -325px}
.webp .close_pv:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-cee2bb_cee2bb2b.webp);background-size:603px 545px;
background-position:-540px -325px}
.no-webp .close_pv:hover {background-size:603px 545px}
.webp .close_pv:hover {background-size:603px 545px}
.no-webp .close_pv:hover {background-position:-540px -325px}
.webp .close_pv:hover {background-position:-540px -325px}
.close_pv:hover {
width:45px;
height:45px;

}
#pop-gift .pop-bg {
  position: fixed !important;
}
@-webkit-keyframes play {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes play {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.no-webp #pop-gift-mask {background:rgba(0, 0, 0, 0.65)}
.webp #pop-gift-mask {background:rgba(0, 0, 0, 0.65)}
#pop-gift-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.no-webp #pop-gift .pop-bg {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/bg_176a5eba.jpg) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-bg {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/bg_176a5eba.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-bg {background-position:center}
.webp #pop-gift .pop-bg {background-position:center}
.no-webp #pop-gift .pop-bg {background-repeat:no-repeat}
.webp #pop-gift .pop-bg {background-repeat:no-repeat}
#pop-gift .pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -327px;
  margin-left: -532px;
  width: 1171px;
  height: 579px;
  z-index: 999;
}
.no-webp #pop-gift .pop-kv {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/kv_a44676d8.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-kv {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/kv_a44676d8.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-kv {background-position:center}
.webp #pop-gift .pop-kv {background-position:center}
.no-webp #pop-gift .pop-kv {background-repeat:no-repeat}
.webp #pop-gift .pop-kv {background-repeat:no-repeat}
#pop-gift .pop-kv {
  position: absolute;
  left: -428px;
  top: -213px;
  width: 755px;
  height: 1080px;
}
.no-webp #pop-gift .pop-close {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-243px -74px}
.webp #pop-gift .pop-close {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-243px -74px}
.no-webp #pop-gift .pop-close {background-size:303px 218px}
.webp #pop-gift .pop-close {background-size:303px 218px}
.no-webp #pop-gift .pop-close {background-position:-243px -74px}
.webp #pop-gift .pop-close {background-position:-243px -74px}
#pop-gift .pop-close {
  position: absolute;
  right: -54px;
  top: -3px;
  width: 45px;
  height: 45px;

  -webkit-transition: 0.5s transform;
  -moz-transition: 0.5s transform;
  -ms-transition: 0.5s transform;
  -o-transition: 0.5s transform;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
  cursor: pointer;
}
.no-webp #pop-gift .pop-close:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-243px -121px}
.webp #pop-gift .pop-close:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-243px -121px}
.no-webp #pop-gift .pop-close:hover {background-size:303px 218px}
.webp #pop-gift .pop-close:hover {background-size:303px 218px}
.no-webp #pop-gift .pop-close:hover {background-position:-243px -121px}
.webp #pop-gift .pop-close:hover {background-position:-243px -121px}
#pop-gift .pop-close:hover {
  width: 45px;
  height: 45px;

  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#pop-gift .pop-box {
  position: relative;
  padding-left: 94px;
  padding-right: 342px;
  height: 100%;
}
#pop-gift .pop-side {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  padding: 40px 51px;
  width: 342px;
  height: 100%;
}
#pop-gift .pop-side-title {
  margin-bottom: 20px;
  font-size: 20px;
  color: #333333;
}
#pop-gift .pop-side .num-01,
#pop-gift .pop-side .num-02 {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
.no-webp #pop-gift .pop-side .num-01 {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-206px -138px}
.webp #pop-gift .pop-side .num-01 {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-206px -138px}
.no-webp #pop-gift .pop-side .num-01 {background-size:303px 218px}
.webp #pop-gift .pop-side .num-01 {background-size:303px 218px}
.no-webp #pop-gift .pop-side .num-01 {background-position:-206px -138px}
.webp #pop-gift .pop-side .num-01 {background-position:-206px -138px}
#pop-gift .pop-side .num-01 {
  width: 33px;
  height: 32px;

}
.no-webp #pop-gift .pop-side .num-02 {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-243px -168px}
.webp #pop-gift .pop-side .num-02 {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-243px -168px}
.no-webp #pop-gift .pop-side .num-02 {background-size:303px 218px}
.webp #pop-gift .pop-side .num-02 {background-size:303px 218px}
.no-webp #pop-gift .pop-side .num-02 {background-position:-243px -168px}
.webp #pop-gift .pop-side .num-02 {background-position:-243px -168px}
#pop-gift .pop-side .num-02 {
  width: 34px;
  height: 32px;

}
#pop-gift .pop-side .reg-box {
  margin-bottom: 0px;
}
#pop-gift .pop-side #pop-reg {
  height: 280px !important;
}
.no-webp #pop-gift .pop-side .btn-download {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-0px -0px}
.webp #pop-gift .pop-side .btn-download {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-0px -0px}
.no-webp #pop-gift .pop-side .btn-download {background-size:303px 218px}
.webp #pop-gift .pop-side .btn-download {background-size:303px 218px}
.no-webp #pop-gift .pop-side .btn-download {background-position:-0px -0px}
.webp #pop-gift .pop-side .btn-download {background-position:-0px -0px}
#pop-gift .pop-side .btn-download {
  text-align: center;
  display: block;
  font-size: 32px;
  line-height: 67px;
  letter-spacing: 0.1em;
  font-family: 'fzqkbys';
  width: 241px;
  height: 67px;

  color: #ffffff;
  text-shadow: 0 0 4px rgba(145, 113, 27, 0.5);
}
.no-webp #pop-gift .pop-side .btn-download:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-0px -69px}
.webp #pop-gift .pop-side .btn-download:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-0px -69px}
.no-webp #pop-gift .pop-side .btn-download:hover {background-size:303px 218px}
.webp #pop-gift .pop-side .btn-download:hover {background-size:303px 218px}
.no-webp #pop-gift .pop-side .btn-download:hover {background-position:-0px -69px}
.webp #pop-gift .pop-side .btn-download:hover {background-position:-0px -69px}
#pop-gift .pop-side .btn-download:hover {
  width: 241px;
  height: 67px;

}
#pop-gift .pop-content {
  padding-top: 45px;
}
#pop-gift .step {
  display: none;
}
.no-webp #pop-gift .pop-title-login {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/title-login_56a9fe1b.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-title-login {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/title-login_56a9fe1b.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-title-login {background-position:center}
.webp #pop-gift .pop-title-login {background-position:center}
.no-webp #pop-gift .pop-title-login {background-repeat:no-repeat}
.webp #pop-gift .pop-title-login {background-repeat:no-repeat}
#pop-gift .pop-title-login {
  margin: 0 auto 70px;
  width: 344px;
  height: 47px;
}
.no-webp #pop-gift .pop-title-code {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/title-code_9cfacfd7.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-title-code {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/title-code_9cfacfd7.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-title-code {background-position:center}
.webp #pop-gift .pop-title-code {background-position:center}
.no-webp #pop-gift .pop-title-code {background-repeat:no-repeat}
.webp #pop-gift .pop-title-code {background-repeat:no-repeat}
#pop-gift .pop-title-code {
  margin: 0 auto 80px;
  width: 344px;
  height: 47px;
}
.no-webp #pop-gift .pop-title-gift {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/title-gift_83851c34.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-title-gift {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/title-gift_83851c34.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-title-gift {background-position:center}
.webp #pop-gift .pop-title-gift {background-position:center}
.no-webp #pop-gift .pop-title-gift {background-repeat:no-repeat}
.webp #pop-gift .pop-title-gift {background-repeat:no-repeat}
#pop-gift .pop-title-gift {
  position: relative;
  margin: -15px auto 33px;
  width: 498px;
  height: 47px;
}
.no-webp #pop-gift .pop-title-gift .subtitle {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/title-gift-text_78860d83.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-title-gift .subtitle {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/title-gift-text_78860d83.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-title-gift .subtitle {background-position:center}
.webp #pop-gift .pop-title-gift .subtitle {background-position:center}
.no-webp #pop-gift .pop-title-gift .subtitle {background-repeat:no-repeat}
.webp #pop-gift .pop-title-gift .subtitle {background-repeat:no-repeat}
#pop-gift .pop-title-gift .subtitle {
  position: absolute;
  top: 49px;
  left: 153px;
  width: 214px;
  height: 15px;
}
#pop-gift .login-box {
  margin: 0 auto;
  width: 330px;
  height: 371px;
}
#pop-gift .login-box #pop-login {
  height: 100%;
}
#pop-gift .code-box {
  margin: 0 auto;
  width: 500px;
  font-size: 18px;
  color: #242434;
}
#pop-gift .code-box p {
  line-height: 1.8;
}
#pop-gift .code-box .code-wrap {
  position: relative;
  margin-top: 50px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  width: 420px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
#pop-gift .code-box .code {
  font-size: 30px;
  line-height: 1;
}
.no-webp #pop-gift .code-box .btn-copy {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-243px -0px}
.webp #pop-gift .code-box .btn-copy {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-243px -0px}
.no-webp #pop-gift .code-box .btn-copy {background-size:303px 218px}
.webp #pop-gift .code-box .btn-copy {background-size:303px 218px}
.no-webp #pop-gift .code-box .btn-copy {background-position:-243px -0px}
.webp #pop-gift .code-box .btn-copy {background-position:-243px -0px}
#pop-gift .code-box .btn-copy {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 38px;
  text-align: center;
  color: #ffffff;
  width: 60px;
  height: 35px;

}
.no-webp #pop-gift .code-box .btn-copy:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-243px -37px}
.webp #pop-gift .code-box .btn-copy:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-243px -37px}
.no-webp #pop-gift .code-box .btn-copy:hover {background-size:303px 218px}
.webp #pop-gift .code-box .btn-copy:hover {background-size:303px 218px}
.no-webp #pop-gift .code-box .btn-copy:hover {background-position:-243px -37px}
.webp #pop-gift .code-box .btn-copy:hover {background-position:-243px -37px}
#pop-gift .code-box .btn-copy:hover {
  width: 60px;
  height: 35px;

}
.no-webp #pop-gift .gift-box {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/gift_078a982c.png) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .gift-box {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/gift_078a982c.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .gift-box {background-position:center}
.webp #pop-gift .gift-box {background-position:center}
.no-webp #pop-gift .gift-box {background-repeat:no-repeat}
.webp #pop-gift .gift-box {background-repeat:no-repeat}
#pop-gift .gift-box {
  position: relative;
  margin: 0 auto;
  width: 599px;
  height: 446px;
}
.no-webp #pop-gift .gift-box .btn-receive {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-0px -138px}
.webp #pop-gift .gift-box .btn-receive {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-0px -138px}
.no-webp #pop-gift .gift-box .btn-receive {background-size:303px 218px}
.webp #pop-gift .gift-box .btn-receive {background-size:303px 218px}
.no-webp #pop-gift .gift-box .btn-receive {background-position:-0px -138px}
.webp #pop-gift .gift-box .btn-receive {background-position:-0px -138px}
#pop-gift .gift-box .btn-receive {
  position: absolute;
  font-size: 18px;
  width: 204px;
  height: 39px;

  color: #ffffff;
  cursor: pointer;
}
.no-webp #pop-gift .gift-box .btn-receive:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.png) no-repeat;background-size:303px 218px;
background-position:-0px -179px}
.webp #pop-gift .gift-box .btn-receive:hover {background:url(https://qn.res.netease.com/pc/fab/20200909112906/img/sprite-d49f97_d49f9709.webp) no-repeat;background-size:303px 218px;
background-position:-0px -179px}
.no-webp #pop-gift .gift-box .btn-receive:hover {background-size:303px 218px}
.webp #pop-gift .gift-box .btn-receive:hover {background-size:303px 218px}
.no-webp #pop-gift .gift-box .btn-receive:hover {background-position:-0px -179px}
.webp #pop-gift .gift-box .btn-receive:hover {background-position:-0px -179px}
#pop-gift .gift-box .btn-receive:hover {
  width: 204px;
  height: 39px;

}
#pop-gift .gift-box .btn-receive.pos-2 {
  top: 157px;
  right: 72px;
}