.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;
  max-height: 1080px;
  z-index: 999;
}
.no-webp #pop-gift .pop-bg {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg_176a5eba.jpg) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-bg {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg_176a5eba.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-bg {background-size:100%}
.webp #pop-gift .pop-bg {background-size:100%}
.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: 11.71rem;
  height: 5.79rem;
  width: 1171px;
  height: 579px;
  z-index: 999;
}
.no-webp #pop-gift .pop-kv {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/kv_b00e062a.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-kv {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/kv_b00e062a.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-kv {background-size:100%}
.webp #pop-gift .pop-kv {background-size:100%}
.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: 7.55rem;
  height: 10.8rem;
  width: 755px;
  height: 1080px;
}
.no-webp #pop-gift .pop-close {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/close_afd339b6.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .pop-close {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/close_afd339b6.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .pop-close {background-size:100%}
.webp #pop-gift .pop-close {background-size:100%}
#pop-gift .pop-close {
  position: absolute;
  right: -54px;
  top: -3px;
  width: 0.45rem;
  height: 0.45rem;
  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/gw/20200904095222/img/close-h_710642eb.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .pop-close:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/close-h_710642eb.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .pop-close:hover {background-size:100%}
.webp #pop-gift .pop-close:hover {background-size:100%}
#pop-gift .pop-close:hover {
  width: 0.45rem;
  height: 0.45rem;
  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/gw/20200904095222/img/num-01_57f79e8b.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .pop-side .num-01 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/num-01_57f79e8b.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .pop-side .num-01 {background-size:100%}
.webp #pop-gift .pop-side .num-01 {background-size:100%}
#pop-gift .pop-side .num-01 {
  width: 0.33rem;
  height: 0.32rem;
  width: 33px;
  height: 32px;
}
.no-webp #pop-gift .pop-side .num-02 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/num-02_a61d5082.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .pop-side .num-02 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/num-02_a61d5082.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .pop-side .num-02 {background-size:100%}
.webp #pop-gift .pop-side .num-02 {background-size:100%}
#pop-gift .pop-side .num-02 {
  width: 0.34rem;
  height: 0.32rem;
  width: 34px;
  height: 32px;
}
#pop-gift .pop-side .reg-box {
  margin-bottom: 30px;
}
#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/gw/20200904095222/img/btn-download_11e25e18.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .pop-side .btn-download {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-download_11e25e18.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .pop-side .btn-download {background-size:100%}
.webp #pop-gift .pop-side .btn-download {background-size:100%}
#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: 2.41rem;
  height: 0.67rem;
  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/gw/20200904095222/img/btn-download-h_56c36686.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .pop-side .btn-download:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-download-h_56c36686.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .pop-side .btn-download:hover {background-size:100%}
.webp #pop-gift .pop-side .btn-download:hover {background-size:100%}
#pop-gift .pop-side .btn-download:hover {
  width: 2.41rem;
  height: 0.67rem;
  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/gw/20200904095222/img/title-login_56a9fe1b.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-title-login {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-login_56a9fe1b.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-title-login {background-size:100%}
.webp #pop-gift .pop-title-login {background-size:100%}
.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: 3.44rem;
  height: 0.47rem;
  width: 344px;
  height: 47px;
}
.no-webp #pop-gift .pop-title-code {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-code_9cfacfd7.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-title-code {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-code_9cfacfd7.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-title-code {background-size:100%}
.webp #pop-gift .pop-title-code {background-size:100%}
.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: 3.44rem;
  height: 0.47rem;
  width: 344px;
  height: 47px;
}
.no-webp #pop-gift .pop-title-gift {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-gift_83851c34.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-title-gift {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-gift_83851c34.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-title-gift {background-size:100%}
.webp #pop-gift .pop-title-gift {background-size:100%}
.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: 4.98rem;
  height: 0.47rem;
  width: 498px;
  height: 47px;
}
.no-webp #pop-gift .pop-title-gift .subtitle {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-gift-text_78860d83.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .pop-title-gift .subtitle {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-gift-text_78860d83.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .pop-title-gift .subtitle {background-size:100%}
.webp #pop-gift .pop-title-gift .subtitle {background-size:100%}
.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: 2.14rem;
  height: 0.15rem;
  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/gw/20200904095222/img/btn-copy_15d8f058.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .code-box .btn-copy {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-copy_15d8f058.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .code-box .btn-copy {background-size:100%}
.webp #pop-gift .code-box .btn-copy {background-size:100%}
#pop-gift .code-box .btn-copy {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 38px;
  text-align: center;
  color: #ffffff;
  width: 0.6rem;
  height: 0.35rem;
  width: 60px;
  height: 35px;
}
.no-webp #pop-gift .code-box .btn-copy:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-copy-h_4f0dd7f7.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .code-box .btn-copy:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-copy-h_4f0dd7f7.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .code-box .btn-copy:hover {background-size:100%}
.webp #pop-gift .code-box .btn-copy:hover {background-size:100%}
#pop-gift .code-box .btn-copy:hover {
  width: 0.6rem;
  height: 0.35rem;
  width: 60px;
  height: 35px;
}
.no-webp #pop-gift .gift-box {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/gift_078a982c.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp #pop-gift .gift-box {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/gift_078a982c.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #pop-gift .gift-box {background-size:100%}
.webp #pop-gift .gift-box {background-size:100%}
.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: 5.99rem;
  height: 4.46rem;
  width: 599px;
  height: 446px;
}
.no-webp #pop-gift .gift-box .btn-receive {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-receive_d66c1c62.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .gift-box .btn-receive {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-receive_d66c1c62.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .gift-box .btn-receive {background-size:100%}
.webp #pop-gift .gift-box .btn-receive {background-size:100%}
#pop-gift .gift-box .btn-receive {
  position: absolute;
  font-size: 18px;
  width: 2.04rem;
  height: 0.39rem;
  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/gw/20200904095222/img/btn-receive-h_33d72108.png) no-repeat;
  background-size: 100%}
.webp #pop-gift .gift-box .btn-receive:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-receive-h_33d72108.webp) no-repeat;
  background-size: 100%}
.no-webp #pop-gift .gift-box .btn-receive:hover {background-size:100%}
.webp #pop-gift .gift-box .btn-receive:hover {background-size:100%}
#pop-gift .gift-box .btn-receive:hover {
  width: 2.04rem;
  height: 0.39rem;
  width: 204px;
  height: 39px;
}
#pop-gift .gift-box .btn-receive.pos-2 {
  top: 157px;
  right: 72px;
}

@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 {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", "\9ED1\4F53", "\9ED1\4F53", "\5B8B\4F53", "\5B8B\4F53";
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
  font-family: inherit;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}
strong,
em,
b {
  font-weight: bold;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
textarea,
input,
button,
a {
  font-size: inherit;
  color: inherit;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
@font-face {
  font-family: 'fzqkbys';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzqkbys.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzbysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzbysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  width: 100%;
  height: 100%;
}
html {
  overflow: auto;
}
.no-webp body {background:#000000}
.webp body {background:#000000}
body {
  position: relative;
  margin: 0 auto;
  min-width: 15rem;
  min-height: 8.8rem;
  font-size: 0.16rem;
  overflow: hidden;
}
#app {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.no-webp #app .logo {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/logo_e8da13e2.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp #app .logo {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/logo_e8da13e2.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp #app .logo {background-size:100%}
.webp #app .logo {background-size:100%}
.no-webp #app .logo {background-position:center}
.webp #app .logo {background-position:center}
.no-webp #app .logo {background-repeat:no-repeat}
.webp #app .logo {background-repeat:no-repeat}
#app .logo {
  position: absolute;
  left: 48px;
  top: 32px;
  width: 2.84rem;
  height: 0.75rem;
  z-index: 9;
  width: 284px;
  height: 75px;
}
#leihuo-age {
  position: absolute;
  left: 0.3rem;
  bottom: 0.3rem;
  width: 0.7rem;
  height: 0.91rem;
  text-align: center;
  z-index: 9;
}
#leihuo-age a {
  display: block;
  width: 100%;
  height: 100%;
}
#leihuo-age img {
  width: auto;
  height: 100%;
}
.video-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.video-wrap .video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.no-webp .video-wrap .video_btn {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/play_287819bd.png);
  background-size: cover;
  background-position: center top}
.webp .video-wrap .video_btn {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/play_287819bd.webp);
  background-size: cover;
  background-position: center top}
.no-webp .video-wrap .video_btn {background-size:cover}
.webp .video-wrap .video_btn {background-size:cover}
.no-webp .video-wrap .video_btn {background-position:center top}
.webp .video-wrap .video_btn {background-position:center top}
.video-wrap .video_btn {
  width: calc(102 * (100vw / 1920));
  height: calc(102 * (100vw / 1920));
  -webkit-transform-origin: center top;
          transform-origin: center top;
  top: calc(515 * (100vw / 1920));
  left: calc(790 * (100vw / 1920));
  z-index: 20;
  position: absolute;
  opacity: 0.9;
}
.video-wrap .video_btn:hover {
  opacity: 1.1;
}
.s1_fu {
  width: 3.08rem;
  height: 0.77rem;
  position: absolute;
  top: 8.38rem;
  left: 50%;
  margin-left: -0.4rem;
}
.intro-wrap {
  z-index: 999;
}
.no-webp .close_pv {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/close_afd339b6.png) no-repeat;
  background-size: 100%}
.webp .close_pv {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/close_afd339b6.webp) no-repeat;
  background-size: 100%}
.no-webp .close_pv {background-size:100%}
.webp .close_pv {background-size:100%}
.close_pv {
  position: absolute;
  right: -0.54rem;
  top: -0.03rem;
  outline: 0;
  width: 0.45rem;
  height: 0.45rem;
  -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 .close_pv:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/close-h_710642eb.png) no-repeat;
  background-size: 100%}
.webp .close_pv:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/close-h_710642eb.webp) no-repeat;
  background-size: 100%}
.no-webp .close_pv:hover {background-size:100%}
.webp .close_pv:hover {background-size:100%}
.close_pv:hover {
  width: 0.45rem;
  height: 0.45rem;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.scroll-tip {
  position: absolute;
  left: 50%;
  margin-left: -0.505rem;
  bottom: 0.1rem;
  width: 1.01rem;
  height: 1.06rem;
  z-index: 9;
  cursor: pointer;
}
.no-webp .scroll-tip .arrow {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/scroll-hint_303170c5.png);
  background-size: 100%}
.webp .scroll-tip .arrow {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/scroll-hint_303170c5.webp);
  background-size: 100%}
.no-webp .scroll-tip .arrow {background-size:100%}
.webp .scroll-tip .arrow {background-size:100%}
.scroll-tip .arrow {
  position: absolute;
  width: 1.66rem;
  height: 1.46rem;
  -webkit-animation: scroll-hint 1.5s infinite ease-in-out;
  -moz-animation: scroll-hint 1.5s infinite ease-in-out;
  -ms-animation: scroll-hint 1.5s infinite ease-in-out;
  animation: scroll-hint 1.5s infinite ease-in-out;
}
.scroll-tip.isFirst {
  display: none;
}
.home-tip {
  position: absolute;
  left: 50%;
  margin-left: -0.505rem;
  bottom: 0.1rem;
  width: 1.01rem;
  height: 1.06rem;
  z-index: 9;
  cursor: pointer;
}
.no-webp .home-tip .arrow {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/scroll-hint_303170c5.png);
  background-size: 100%}
.webp .home-tip .arrow {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/scroll-hint_303170c5.webp);
  background-size: 100%}
.no-webp .home-tip .arrow {background-size:100%}
.webp .home-tip .arrow {background-size:100%}
.home-tip .arrow {
  position: absolute;
  width: 1.66rem;
  height: 1.46rem;
  -webkit-animation: scroll-hint 1.5s infinite ease-in-out;
  -moz-animation: scroll-hint 1.5s infinite ease-in-out;
  -ms-animation: scroll-hint 1.5s infinite ease-in-out;
  animation: scroll-hint 1.5s infinite ease-in-out;
}
.no-webp .hb {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/hb_e9e94dd9.png) no-repeat;
  background-size: 100%}
.webp .hb {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/hb_e9e94dd9.webp) no-repeat;
  background-size: 100%}
.no-webp .hb {background-size:100%}
.webp .hb {background-size:100%}
.hb {
  position: absolute;
  display: inline-block;
  width: 1.99rem;
  height: 1.91rem;
  left: 50%;
  margin-left: 3.8rem;
  bottom: 1.33rem;
}
.no-webp .hb:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/hb-h_fc545452.png) no-repeat;
  background-size: 100%}
.webp .hb:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/hb-h_fc545452.webp) no-repeat;
  background-size: 100%}
.no-webp .hb:hover {background-size:100%}
.webp .hb:hover {background-size:100%}
.hb:hover {
}
.no-webp .top-group {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-bg1_6934d8a6.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .top-group {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-bg1_6934d8a6.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .top-group {background-size:100%}
.webp .top-group {background-size:100%}
.no-webp .top-group {background-position:center}
.webp .top-group {background-position:center}
.no-webp .top-group {background-repeat:no-repeat}
.webp .top-group {background-repeat:no-repeat}
.top-group {
  text-align: center;
  position: absolute;
  top: 0.32rem;
  right: 0.48rem;
  width: 1.75rem;
  height: 0.42rem;
  z-index: 9;
}
.top-group .top-item {
  float: left;
  width: 0.54rem;
  height: 100%;
}
.top-group .top-item:nth-child(1) {
  margin-left: 0.1rem;
}
.top-group .top-item:nth-child(2) {
  width: 0.56rem;
}
.no-webp .top-group .top-link {background:center no-repeat}
.webp .top-group .top-link {background:center no-repeat}
.top-group .top-link {
  display: inline-block;
  width: 0.4rem;
  height: 100%;
}
.top-group .top-link:before,
.top-group .top-link:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
}
.top-group .top-link:after {
  width: 0;
  height: 100%;
}
.no-webp .top-group .btn-gw:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-home-h_0df88b90.png) no-repeat;
  background-size: 100%}
.webp .top-group .btn-gw:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-home-h_0df88b90.webp) no-repeat;
  background-size: 100%}
.no-webp .top-group .btn-gw:before {background-size:100%}
.webp .top-group .btn-gw:before {background-size:100%}
.top-group .btn-gw:before {
  width: 0.27rem;
  height: 0.26rem;
}
.no-webp .top-group .btn-gw:hover:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-home-h_0df88b90.png) no-repeat;
  background-size: 100%}
.webp .top-group .btn-gw:hover:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-home-h_0df88b90.webp) no-repeat;
  background-size: 100%}
.no-webp .top-group .btn-gw:hover:before {background-size:100%}
.webp .top-group .btn-gw:hover:before {background-size:100%}
.top-group .btn-gw:hover:before {
  width: 0.27rem;
  height: 0.26rem;
}
.no-webp .top-group .btn-wx:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-wx-h_64b40b3d.png) no-repeat;
  background-size: 100%}
.webp .top-group .btn-wx:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-wx-h_64b40b3d.webp) no-repeat;
  background-size: 100%}
.no-webp .top-group .btn-wx:before {background-size:100%}
.webp .top-group .btn-wx:before {background-size:100%}
.top-group .btn-wx:before {
  width: 0.27rem;
  height: 0.23rem;
}
.no-webp .top-group .btn-wx:hover:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-wx-h_64b40b3d.png) no-repeat;
  background-size: 100%}
.webp .top-group .btn-wx:hover:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-wx-h_64b40b3d.webp) no-repeat;
  background-size: 100%}
.no-webp .top-group .btn-wx:hover:before {background-size:100%}
.webp .top-group .btn-wx:hover:before {background-size:100%}
.top-group .btn-wx:hover:before {
  width: 0.27rem;
  height: 0.23rem;
}
.no-webp .top-group .btn-group:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-group-h_48875687.png) no-repeat;
  background-size: 100%}
.webp .top-group .btn-group:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-group-h_48875687.webp) no-repeat;
  background-size: 100%}
.no-webp .top-group .btn-group:before {background-size:100%}
.webp .top-group .btn-group:before {background-size:100%}
.top-group .btn-group:before {
  width: 0.25rem;
  height: 0.23rem;
}
.no-webp .top-group .btn-group:hover:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-group-h_48875687.png) no-repeat;
  background-size: 100%}
.webp .top-group .btn-group:hover:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-group-h_48875687.webp) no-repeat;
  background-size: 100%}
.no-webp .top-group .btn-group:hover:before {background-size:100%}
.webp .top-group .btn-group:hover:before {background-size:100%}
.top-group .btn-group:hover:before {
  width: 0.25rem;
  height: 0.23rem;
}
.no-webp .top-group .btn-htb:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-phone-h_dbd0b75b.png) no-repeat;
  background-size: 100%}
.webp .top-group .btn-htb:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-phone-h_dbd0b75b.webp) no-repeat;
  background-size: 100%}
.no-webp .top-group .btn-htb:before {background-size:100%}
.webp .top-group .btn-htb:before {background-size:100%}
.top-group .btn-htb:before {
  width: 0.19rem;
  height: 0.29rem;
}
.no-webp .top-group .btn-htb:hover:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-phone-h_dbd0b75b.png) no-repeat;
  background-size: 100%}
.webp .top-group .btn-htb:hover:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/top-phone-h_dbd0b75b.webp) no-repeat;
  background-size: 100%}
.no-webp .top-group .btn-htb:hover:before {background-size:100%}
.webp .top-group .btn-htb:hover:before {background-size:100%}
.top-group .btn-htb:hover:before {
  width: 0.19rem;
  height: 0.29rem;
}
.top-group .top-qrcode {
  position: relative;
}
.top-group .top-qrcode:hover .qrcode-wrap {
  display: block;
}
.no-webp .top-group .top-qrcode .qrcode-wrap {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/qrcode-bg_bbd7a6c1.png);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat}
.webp .top-group .top-qrcode .qrcode-wrap {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/qrcode-bg_bbd7a6c1.webp);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat}
.no-webp .top-group .top-qrcode .qrcode-wrap {background-size:100%}
.webp .top-group .top-qrcode .qrcode-wrap {background-size:100%}
.no-webp .top-group .top-qrcode .qrcode-wrap {background-position:bottom}
.webp .top-group .top-qrcode .qrcode-wrap {background-position:bottom}
.no-webp .top-group .top-qrcode .qrcode-wrap {background-repeat:no-repeat}
.webp .top-group .top-qrcode .qrcode-wrap {background-repeat:no-repeat}
.top-group .top-qrcode .qrcode-wrap {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.76rem;
  width: 1.52rem;
  height: 1.8rem;
}
.no-webp .top-group .top-qrcode .qrcode-wrap .qrcode {background:#ffffff}
.webp .top-group .top-qrcode .qrcode-wrap .qrcode {background:#ffffff}
.top-group .top-qrcode .qrcode-wrap .qrcode {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.46rem auto 0;
  padding: 0.04rem;
  width: 1.28rem;
  height: 1.28rem;
}
.top-group .top-qrcode .qrcode-wrap .qrcode img {
  width: 100%;
  height: 100%;
}
.no-webp #copyright .footer {background:rgba(9, 5, 31, 0.5)}
.webp #copyright .footer {background:rgba(9, 5, 31, 0.5)}
#copyright .footer {
}
@-webkit-keyframes scroll-hint {
  0%,
  100% {
    -webkit-transform: translate(0, 0.1rem);
    -moz-transform: translate(0, 0.1rem);
    -ms-transform: translate(0, 0.1rem);
    -o-transform: translate(0, 0.1rem);
    transform: translate(0, 0.1rem);
  }
  50% {
    -webkit-transform: translate(0, -0.1rem);
    -moz-transform: translate(0, -0.1rem);
    -ms-transform: translate(0, -0.1rem);
    -o-transform: translate(0, -0.1rem);
    transform: translate(0, -0.1rem);
  }
}
@-moz-keyframes scroll-hint {
  0%,
  100% {
    -webkit-transform: translate(0, 0.1rem);
    -moz-transform: translate(0, 0.1rem);
    -ms-transform: translate(0, 0.1rem);
    -o-transform: translate(0, 0.1rem);
    transform: translate(0, 0.1rem);
  }
  50% {
    -webkit-transform: translate(0, -0.1rem);
    -moz-transform: translate(0, -0.1rem);
    -ms-transform: translate(0, -0.1rem);
    -o-transform: translate(0, -0.1rem);
    transform: translate(0, -0.1rem);
  }
}
@-ms-keyframes scroll-hint {
  0%,
  100% {
    -webkit-transform: translate(0, 0.1rem);
    -moz-transform: translate(0, 0.1rem);
    -ms-transform: translate(0, 0.1rem);
    -o-transform: translate(0, 0.1rem);
    transform: translate(0, 0.1rem);
  }
  50% {
    -webkit-transform: translate(0, -0.1rem);
    -moz-transform: translate(0, -0.1rem);
    -ms-transform: translate(0, -0.1rem);
    -o-transform: translate(0, -0.1rem);
    transform: translate(0, -0.1rem);
  }
}
@-o-keyframes scroll-hint {
  0%,
  100% {
    -webkit-transform: translate(0, 0.1rem);
    -moz-transform: translate(0, 0.1rem);
    -ms-transform: translate(0, 0.1rem);
    -o-transform: translate(0, 0.1rem);
    transform: translate(0, 0.1rem);
  }
  50% {
    -webkit-transform: translate(0, -0.1rem);
    -moz-transform: translate(0, -0.1rem);
    -ms-transform: translate(0, -0.1rem);
    -o-transform: translate(0, -0.1rem);
    transform: translate(0, -0.1rem);
  }
}
@keyframes scroll-hint {
  0%,
  100% {
    -webkit-transform: translate(0, 0.1rem);
    -moz-transform: translate(0, 0.1rem);
    -ms-transform: translate(0, 0.1rem);
    -o-transform: translate(0, 0.1rem);
    transform: translate(0, 0.1rem);
  }
  50% {
    -webkit-transform: translate(0, -0.1rem);
    -moz-transform: translate(0, -0.1rem);
    -ms-transform: translate(0, -0.1rem);
    -o-transform: translate(0, -0.1rem);
    transform: translate(0, -0.1rem);
  }
}
.no-webp .sidebar-wrap {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg_88f91e93.png) center no-repeat;
  background-size: 100% 100%}
.webp .sidebar-wrap {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg_88f91e93.webp) center no-repeat;
  background-size: 100% 100%}
.no-webp .sidebar-wrap {background-size:100% 100%}
.webp .sidebar-wrap {background-size:100% 100%}
.sidebar-wrap {
  position: absolute;
  width: 8.06rem;
  height: 2.6rem;
  left: 50%;
  margin-left: -4.03rem;
  bottom: 1.33rem;
  z-index: 9;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.6rem;
  text-align: center;
  font-size: 0;
  opacity: 1;
}
.sidebar-wrap.fold {
  opacity: 0;
}
.sidebar-wrap .side-part {
  display: inline-block;
  vertical-align: top;
  margin: 0 .1rem;
}
.sidebar-wrap .side-part1 {
  -webkit-transform: scale(0.7) !important;
  -moz-transform: scale(0.7) !important;
  -ms-transform: scale(0.7) !important;
  -o-transform: scale(0.7) !important;
  transform: scale(0.7) !important;
  -webkit-transform-origin: center top !important;
          transform-origin: center top !important;
}
.sidebar-wrap .side-part2 {
  position: relative;
}
.no-webp .sidebar-wrap .side-part2:before, 
.no-webp .sidebar-wrap .side-part2:after {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/line_5e059e7d.png) no-repeat;
  background-size: 100%}
.webp .sidebar-wrap .side-part2:before, 
.webp .sidebar-wrap .side-part2:after {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/line_5e059e7d.webp) no-repeat;
  background-size: 100%}
.no-webp .sidebar-wrap .side-part2:before, 
.no-webp .sidebar-wrap .side-part2:after {background-size:100%}
.webp .sidebar-wrap .side-part2:before, 
.webp .sidebar-wrap .side-part2:after {background-size:100%}
.sidebar-wrap .side-part2:before,
.sidebar-wrap .side-part2:after {
  content: '';
  width: .1rem;
  height: 2.53rem;
  position: absolute;
  top: 0;
  right: -0.15rem;
}
.sidebar-wrap .side-part2:before {
  right: auto;
  left: -0.15rem;
}
.sidebar-wrap .title {
  margin: 0 auto .1rem;
}
.no-webp .sidebar-wrap .title.title1 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title1_6d661f83.png) no-repeat;
  background-size: 100%}
.webp .sidebar-wrap .title.title1 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title1_6d661f83.webp) no-repeat;
  background-size: 100%}
.no-webp .sidebar-wrap .title.title1 {background-size:100%}
.webp .sidebar-wrap .title.title1 {background-size:100%}
.sidebar-wrap .title.title1 {
  width: 2.74rem;
  height: 0.36rem;
  position: relative;
  z-index: 2;
}
.no-webp .sidebar-wrap .title.title2 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title2_ca87a9e9.png) no-repeat;
  background-size: 100%}
.webp .sidebar-wrap .title.title2 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title2_ca87a9e9.webp) no-repeat;
  background-size: 100%}
.no-webp .sidebar-wrap .title.title2 {background-size:100%}
.webp .sidebar-wrap .title.title2 {background-size:100%}
.sidebar-wrap .title.title2 {
  width: 2.3rem;
  height: 0.26rem;
}
.no-webp .sidebar-wrap .title.title3 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title3_6749ca7e.png) no-repeat;
  background-size: 100%}
.webp .sidebar-wrap .title.title3 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title3_6749ca7e.webp) no-repeat;
  background-size: 100%}
.no-webp .sidebar-wrap .title.title3 {background-size:100%}
.webp .sidebar-wrap .title.title3 {background-size:100%}
.sidebar-wrap .title.title3 {
  width: 1.97rem;
  height: 0.26rem;
}
.sidebar-wrap .reg-box {
  margin: 0 auto;
  margin-top: 0rem;
  width: 2.5rem;
  position: relative;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
}
.no-webp .sidebar-wrap .reg-box:after {background-position:center bottom}
.webp .sidebar-wrap .reg-box:after {background-position:center bottom}
.no-webp .sidebar-wrap .reg-box:after {background-size:100% auto}
.webp .sidebar-wrap .reg-box:after {background-size:100% auto}
.sidebar-wrap .reg-box:after {
  content: '';
  position: absolute;
  width: 3.81rem;
  height: 2.93rem;
  left: 0;
  top: -0.72rem;
  z-index: 1;
}
.sidebar-wrap .reg-box #sidebar-reg {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.no-webp .sidebar-wrap .xinfu-box {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xinfu_f5635d4c.png) no-repeat;
  background-size: 100%}
.webp .sidebar-wrap .xinfu-box {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xinfu_f5635d4c.webp) no-repeat;
  background-size: 100%}
.no-webp .sidebar-wrap .xinfu-box {background-size:100%}
.webp .sidebar-wrap .xinfu-box {background-size:100%}
.sidebar-wrap .xinfu-box {
  margin: 0 auto;
  width: 2.34rem;
  height: 1.24rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.42rem 0 0 1.13rem;
  margin-top: -0.12rem;
}
.sidebar-wrap .xinfu-box h2 {
  font-size: 0.12rem;
  color: #afd5ff;
  font-weight: normal;
}
.sidebar-wrap .xinfu-box p {
  font-size: 0.12rem;
  color: #afd5ff;
}
.no-webp .sidebar-wrap .download-box .btn-download {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-download_e0cce384.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .sidebar-wrap .download-box .btn-download {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-download_e0cce384.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .sidebar-wrap .download-box .btn-download {background-size:100%}
.webp .sidebar-wrap .download-box .btn-download {background-size:100%}
.no-webp .sidebar-wrap .download-box .btn-download {background-position:center}
.webp .sidebar-wrap .download-box .btn-download {background-position:center}
.no-webp .sidebar-wrap .download-box .btn-download {background-repeat:no-repeat}
.webp .sidebar-wrap .download-box .btn-download {background-repeat:no-repeat}
.sidebar-wrap .download-box .btn-download {
  display: block;
  width: 1.72rem;
  height: 0.29rem;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 0rem;
  text-align: center;
  color: #463521;
  font-size: 0.14rem;
  line-height: 0.29rem;
  letter-spacing: 0.1em;
  margin: -0.02rem auto 0;
}
.sidebar-wrap .download-box .btn-download:hover {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.sidebar-wrap .gift-box {
  margin: 0 auto;
}
.no-webp .sidebar-wrap .gift-box .gift-pic {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/gift_098a35d5.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .sidebar-wrap .gift-box .gift-pic {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/gift_098a35d5.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .sidebar-wrap .gift-box .gift-pic {background-size:100%}
.webp .sidebar-wrap .gift-box .gift-pic {background-size:100%}
.no-webp .sidebar-wrap .gift-box .gift-pic {background-position:center}
.webp .sidebar-wrap .gift-box .gift-pic {background-position:center}
.no-webp .sidebar-wrap .gift-box .gift-pic {background-repeat:no-repeat}
.webp .sidebar-wrap .gift-box .gift-pic {background-repeat:no-repeat}
.sidebar-wrap .gift-box .gift-pic {
  width: 1.64rem;
  height: 1.06rem;
  margin: 0.15rem auto 0;
}
.no-webp .sidebar-wrap .gift-box .btn-receive {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-receive_13c441ab.png);
  background-size: 100%}
.webp .sidebar-wrap .gift-box .btn-receive {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-receive_13c441ab.webp);
  background-size: 100%}
.no-webp .sidebar-wrap .gift-box .btn-receive {background-size:100%}
.webp .sidebar-wrap .gift-box .btn-receive {background-size:100%}
.sidebar-wrap .gift-box .btn-receive {
  font-size: 0;
  width: 1.72rem;
  height: 0.29rem;
  margin: 0 auto;
  position: relative;
  text-align: center;
  color: #463521;
  font-size: 0.14rem;
  line-height: 0.29rem;
  letter-spacing: 0.1em;
  z-index: 1;
  cursor: pointer;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar-wrap .gift-box .btn-receive:hover {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.slide-box {
  width: 2.91rem;
  height: 2.23rem;
  position: absolute;
  right: 0.16rem;
  bottom: 0.6rem;
  z-index: 9;
  display: none;
}
.slide-box.isFirst {
  display: block;
}
.no-webp .slide-box.on {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide-bg_f3ab78a9.png) no-repeat;
  background-size: 2.91rem 2.23rem}
.webp .slide-box.on {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide-bg_f3ab78a9.webp) no-repeat;
  background-size: 2.91rem 2.23rem}
.no-webp .slide-box.on {background-size:2.91rem 2.23rem}
.webp .slide-box.on {background-size:2.91rem 2.23rem}
.slide-box.on {
}
.slide-box.on .slide {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.slide-box.on .btn.open {
  display: none;
}
.slide-box.on .btn.close {
  display: block;
}
.slide-box .slide {
  display: none;
  width: 2.28rem;
  height: 2.29rem;
  position: absolute;
  left: 0.02rem;
  top: -0.06rem;
  -webkit-transform: translateX(2.6rem);
  -moz-transform: translateX(2.6rem);
  -ms-transform: translateX(2.6rem);
  -o-transform: translateX(2.6rem);
  transform: translateX(2.6rem);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.slide-box .slide:hover {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.slide-box .slide canvas {
  width: 100% !important;
  height: 100% !important;
}
.no-webp .slide-box .slide-click {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_point_53f41886.png) center;
  background-size: 100% 100%}
.webp .slide-box .slide-click {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_point_53f41886.webp) center;
  background-size: 100% 100%}
.no-webp .slide-box .slide-click {background-size:100% 100%}
.webp .slide-box .slide-click {background-size:100% 100%}
.slide-box .slide-click {
  position: absolute;
  right: 0.7rem;
  top: 0.28rem;
  height: 0.39rem;
  width: 0.39rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: all 0.3s 0s linear both;
  transition: all 0.3s 0s linear both;
  -webkit-animation: ych-click 2s 0s linear both;
          animation: ych-click 2s 0s linear both;
}
.no-webp .slide-box .slide-me {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_me_061963c0.png) center;
  background-size: 100% 100%}
.webp .slide-box .slide-me {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_me_061963c0.webp) center;
  background-size: 100% 100%}
.no-webp .slide-box .slide-me {background-size:100% 100%}
.webp .slide-box .slide-me {background-size:100% 100%}
.slide-box .slide-me {
  position: absolute;
  height: 0.39rem;
  width: 0.38rem;
  right: 0.46rem;
  top: 0.54rem;
  mix-blend-mode: normal;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation: ych-me 2s 0s linear both;
          animation: ych-me 2s 0s linear both;
}
.no-webp .slide-box .slide-look {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_look_1a1f2bbd.png) center;
  background-size: 100% 100%}
.webp .slide-box .slide-look {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_look_1a1f2bbd.webp) center;
  background-size: 100% 100%}
.no-webp .slide-box .slide-look {background-size:100% 100%}
.webp .slide-box .slide-look {background-size:100% 100%}
.slide-box .slide-look {
  position: absolute;
  height: 0.38rem;
  width: 0.39rem;
  top: 1.19rem;
  right: 0.28rem;
  -webkit-animation: ych-look 2s 0s linear both;
          animation: ych-look 2s 0s linear both;
}
.no-webp .slide-box .slide-check {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_check_49d58dc7.png) center;
  background-size: 100% 100%}
.webp .slide-box .slide-check {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_check_49d58dc7.webp) center;
  background-size: 100% 100%}
.no-webp .slide-box .slide-check {background-size:100% 100%}
.webp .slide-box .slide-check {background-size:100% 100%}
.slide-box .slide-check {
  position: absolute;
  height: 0.38rem;
  width: 0.39rem;
  top: 0.82rem;
  right: 0.25rem;
  -webkit-animation: ych-check 2s 0s linear both;
          animation: ych-check 2s 0s linear both;
}
.no-webp .slide-box .slide-slogan {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_slogan_f304e957.png) no-repeat;
  background-size: 100%}
.webp .slide-box .slide-slogan {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yhc_slogan_f304e957.webp) no-repeat;
  background-size: 100%}
.no-webp .slide-box .slide-slogan {background-size:100%}
.webp .slide-box .slide-slogan {background-size:100%}
.slide-box .slide-slogan {
  height: 1rem;
  width: 2.52rem;
  bottom: 0;
  left: -0.2rem;
  position: absolute;
}
.slide-box .btn {
  position: absolute;
  top: 0.97rem;
  right: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.no-webp .slide-box .btn.open {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide1-open_60f82d20.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .slide-box .btn.open {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide1-open_60f82d20.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .slide-box .btn.open {background-size:100%}
.webp .slide-box .btn.open {background-size:100%}
.no-webp .slide-box .btn.open {background-position:center}
.webp .slide-box .btn.open {background-position:center}
.no-webp .slide-box .btn.open {background-repeat:no-repeat}
.webp .slide-box .btn.open {background-repeat:no-repeat}
.slide-box .btn.open {
  width: 0.31rem;
  height: 0.31rem;
  display: block;
}
.no-webp .slide-box .btn.close {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide1-close_2b1d2c9d.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .slide-box .btn.close {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide1-close_2b1d2c9d.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .slide-box .btn.close {background-size:100%}
.webp .slide-box .btn.close {background-size:100%}
.no-webp .slide-box .btn.close {background-position:center}
.webp .slide-box .btn.close {background-position:center}
.no-webp .slide-box .btn.close {background-repeat:no-repeat}
.webp .slide-box .btn.close {background-repeat:no-repeat}
.slide-box .btn.close {
  width: 0.31rem;
  height: 0.31rem;
  display: none;
}
.slide-box .btn:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.slide-box2 {
  width: 1.18rem;
  height: 1.48rem;
  position: absolute;
  right: 0.46rem;
  bottom: 3.3rem;
  z-index: 9;
  display: none;
}
.slide-box2.isFirst {
  display: block;
}
.slide-box2.on {
  right: 0;
}
.slide-box2.on .slide {
  display: block;
}
.slide-box2.on .btn.open {
  display: none;
}
.slide-box2.on .btn.close {
  display: block;
}
.no-webp .slide-box2 .slide {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide2_fc562ed8.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .slide-box2 .slide {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide2_fc562ed8.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .slide-box2 .slide {background-size:100%}
.webp .slide-box2 .slide {background-size:100%}
.no-webp .slide-box2 .slide {background-position:center}
.webp .slide-box2 .slide {background-position:center}
.no-webp .slide-box2 .slide {background-repeat:no-repeat}
.webp .slide-box2 .slide {background-repeat:no-repeat}
.slide-box2 .slide {
  width: 1.18rem;
  height: 1.48rem;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.slide-box2 .slide p {
  text-align: center;
  font-size: 0.16rem;
  color: #fff;
  line-height: 0.38rem;
}
.slide-box2 .slide img {
  display: block;
  width: 1.02rem;
  margin: 0 auto;
}
.slide-box2 .btn {
  position: absolute;
  top: 0.52rem;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.no-webp .slide-box2 .btn.open {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide2-open_41fc3257.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .slide-box2 .btn.open {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide2-open_41fc3257.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .slide-box2 .btn.open {background-size:100%}
.webp .slide-box2 .btn.open {background-size:100%}
.no-webp .slide-box2 .btn.open {background-position:center}
.webp .slide-box2 .btn.open {background-position:center}
.no-webp .slide-box2 .btn.open {background-repeat:no-repeat}
.webp .slide-box2 .btn.open {background-repeat:no-repeat}
.slide-box2 .btn.open {
  width: 0.46rem;
  height: 0.4rem;
  display: block;
  right: -0.46rem;
}
.no-webp .slide-box2 .btn.close {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide2-close_f3a14dc3.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .slide-box2 .btn.close {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/slide2-close_f3a14dc3.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .slide-box2 .btn.close {background-size:100%}
.webp .slide-box2 .btn.close {background-size:100%}
.no-webp .slide-box2 .btn.close {background-position:center}
.webp .slide-box2 .btn.close {background-position:center}
.no-webp .slide-box2 .btn.close {background-repeat:no-repeat}
.webp .slide-box2 .btn.close {background-repeat:no-repeat}
.slide-box2 .btn.close {
  width: 0.46rem;
  height: 0.4rem;
  display: none;
  left: -0.46rem;
}
.slide-box2 .btn:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.page-swiper {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.no-webp .page-swiper .wave, 
.no-webp .page-swiper .bg {background:left repeat-x}
.webp .page-swiper .wave, 
.webp .page-swiper .bg {background:left repeat-x}
.page-swiper .wave,
.page-swiper .bg {
  position: absolute;
  width: 60rem;
  left: 50%;
}
.no-webp .page-swiper .wave {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/lantern_176844a2.png) no-repeat;
  background-size: 100%;
  background-position: left;
  background-repeat: repeat-x}
.webp .page-swiper .wave {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/lantern_176844a2.webp) no-repeat;
  background-size: 100%;
  background-position: left;
  background-repeat: repeat-x}
.no-webp .page-swiper .wave {background-size:100%}
.webp .page-swiper .wave {background-size:100%}
.no-webp .page-swiper .wave {background-position:left}
.webp .page-swiper .wave {background-position:left}
.no-webp .page-swiper .wave {background-repeat:repeat-x}
.webp .page-swiper .wave {background-repeat:repeat-x}
.page-swiper .wave {
  bottom: 0;
  height: 2rem;
  width: 15.75rem;
  height: 2.32rem;
}
.no-webp .page-swiper .bg {background:left repeat-x}
.webp .page-swiper .bg {background:left repeat-x}
.page-swiper .bg {
  position: absolute;
  width: 60rem;
  left: 50%;
}
.page-swiper .bg {
  top: 0;
  height: 100%;
}
.page-swiper .slide-1 {
  overflow: hidden;
}
.no-webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-1 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/solid-1_819eea83.png) no-repeat center top / cover}
.webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-1 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/solid-1_819eea83.webp) no-repeat center top / cover}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-1 {
}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao {
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.no-webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="1"] {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-2-1_deaed1bb.png) no-repeat center top / cover}
.webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="1"] {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-2-1_deaed1bb.webp) no-repeat center top / cover}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="1"] {
}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="1"] .tit-ziliao {
  position: absolute;
  top: 0;
  margin-top: 0;
}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="1"] .link_btn {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.no-webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="2"] {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-2-2_08ec25f3.png) no-repeat center top / cover}
.webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="2"] {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-2-2_08ec25f3.webp) no-repeat center top / cover}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="2"] {
}
.no-webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="3"] {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-2-3_cac4110a.png) no-repeat center top / cover}
.webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="3"] {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-2-3_cac4110a.webp) no-repeat center top / cover}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="3"] {
}
.no-webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="8"] {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-2-8_053ef790.png) no-repeat center top / cover}
.webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="8"] {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-2-8_053ef790.webp) no-repeat center top / cover}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-ziliao[data-index="8"] {
}
.no-webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-gift {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-3_8191a3d1.jpg) no-repeat center center / cover}
.webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-gift {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-3_8191a3d1.webp) no-repeat center center / cover}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-gift {
}
.no-webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-feature {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-3_8191a3d1.jpg) no-repeat center center / cover}
.webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-feature {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-3_8191a3d1.webp) no-repeat center center / cover}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-feature {
}
.no-webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-job {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-3_8191a3d1.jpg) no-repeat center center / cover}
.webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-job {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-3_8191a3d1.webp) no-repeat center center / cover}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-job {
}
.no-webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-code {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-6_1c839a95.jpg) no-repeat center bottom / cover}
.webp .page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-code {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/bg-6_1c839a95.webp) no-repeat center bottom / cover}
.page-swiper > .swiper-wrapper > .swiper-slide.slide-inner-code {
}
.page-swiper .slide-inner {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 2rem;
}
.page-swiper .slide-inner.slide-inner-ziliao {
  padding: 0;
}
.page-swiper .slide-inner .inner-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -8.6rem;
  width: 17.2rem;
  height: 100%;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
}
.page-swiper .slide-inner .inner-page.ziliao-page {
  width: 100%;
  margin: 0 auto;
  left: 0;
}
.page-swiper .slide-inner .jobs-page {
  overflow: hidden;
}
.index-page {
  position: relative;
  height: 100%;
}
.no-webp .index-page .slogan {background-size:100%}
.webp .index-page .slogan {background-size:100%}
.index-page .slogan {
  width: 8.53rem;
  height: 10.8rem;
  position: absolute;
  left: 50%;
  margin-left: -0.1rem;
}
.no-webp .index-page .fbt {background-size:100% 100%}
.webp .index-page .fbt {background-size:100% 100%}
.index-page .fbt {
  width: 95%;
  height: 95%;
  position: absolute;
  top: 2%;
  left: 0%;
  z-index: 9;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.index-page .fbt.fold {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.no-webp .index-page .btn-video {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/video_27a8e825.png) no-repeat;
  background-size: 100%}
.webp .index-page .btn-video {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/video_27a8e825.webp) no-repeat;
  background-size: 100%}
.no-webp .index-page .btn-video {background-size:100%}
.webp .index-page .btn-video {background-size:100%}
.index-page .btn-video {
  position: absolute;
  top: 3.4rem;
  left: 4.43rem;
  width: 0.7rem;
  height: 0.7rem;
  cursor: pointer;
  -webkit-animation: breath 1.2s infinite;
  -moz-animation: breath 1.2s infinite;
  -ms-animation: breath 1.2s infinite;
  animation: breath 1.2s infinite;
}
.no-webp .index-page .btn-video:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/video-h_50afee12.png) no-repeat;
  background-size: 100%}
.webp .index-page .btn-video:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/video-h_50afee12.webp) no-repeat;
  background-size: 100%}
.no-webp .index-page .btn-video:hover {background-size:100%}
.webp .index-page .btn-video:hover {background-size:100%}
.index-page .btn-video:hover {
  width: 0.7rem;
  height: 0.7rem;
}
.no-webp .index-page .btn-apply {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/apply_05b8d9a5.png) no-repeat;
  background-size: 100%}
.webp .index-page .btn-apply {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/apply_05b8d9a5.webp) no-repeat;
  background-size: 100%}
.no-webp .index-page .btn-apply {background-size:100%}
.webp .index-page .btn-apply {background-size:100%}
.index-page .btn-apply {
  position: absolute;
  top: 4.93rem;
  left: 6.05rem;
  -webkit-animation: swing 2s ease-in-out infinite;
          animation: swing 2s ease-in-out infinite;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  width: 0.49rem;
  height: 2.68rem;
  cursor: pointer;
}
.no-webp .index-page .btn-apply:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/apply-h_15aa0419.png) no-repeat;
  background-size: 100%}
.webp .index-page .btn-apply:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/apply-h_15aa0419.webp) no-repeat;
  background-size: 100%}
.no-webp .index-page .btn-apply:hover {background-size:100%}
.webp .index-page .btn-apply:hover {background-size:100%}
.index-page .btn-apply:hover {
  width: 0.49rem;
  height: 2.68rem;
}
.ziliao-page {
  position: relative;
}
.no-webp .ziliao-page .tit-ziliao {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-tit_f0e9cb31.png) no-repeat center}
.webp .ziliao-page .tit-ziliao {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-tit_f0e9cb31.webp) no-repeat center}
.ziliao-page .tit-ziliao {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-51%, 5%);
          transform: translate(-51%, 5%);
  width: 6.52rem;
  height: 3.77rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.ziliao-page .text {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 3%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
  height: 6.73rem;
}
.no-webp .ziliao-page .text.text1 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text1_b27db013.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .ziliao-page .text.text1 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text1_b27db013.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .ziliao-page .text.text1 {background-size:100%}
.webp .ziliao-page .text.text1 {background-size:100%}
.no-webp .ziliao-page .text.text1 {background-position:center}
.webp .ziliao-page .text.text1 {background-position:center}
.no-webp .ziliao-page .text.text1 {background-repeat:no-repeat}
.webp .ziliao-page .text.text1 {background-repeat:no-repeat}
.ziliao-page .text.text1 {
  width: 2.86rem;
  height: 6.73rem;
}
.ziliao-page .text.text1 a {
  width: 80%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.no-webp .ziliao-page .text.text2 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text2_81c1faac.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .ziliao-page .text.text2 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text2_81c1faac.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .ziliao-page .text.text2 {background-size:100%}
.webp .ziliao-page .text.text2 {background-size:100%}
.no-webp .ziliao-page .text.text2 {background-position:center}
.webp .ziliao-page .text.text2 {background-position:center}
.no-webp .ziliao-page .text.text2 {background-repeat:no-repeat}
.webp .ziliao-page .text.text2 {background-repeat:no-repeat}
.ziliao-page .text.text2 {
  height: 6.82rem;
  width: 2.86rem;
}
.no-webp .ziliao-page .text.text3 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text3_89324899.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .ziliao-page .text.text3 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text3_89324899.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .ziliao-page .text.text3 {background-size:100%}
.webp .ziliao-page .text.text3 {background-size:100%}
.no-webp .ziliao-page .text.text3 {background-position:center}
.webp .ziliao-page .text.text3 {background-position:center}
.no-webp .ziliao-page .text.text3 {background-repeat:no-repeat}
.webp .ziliao-page .text.text3 {background-repeat:no-repeat}
.ziliao-page .text.text3 {
  height: 6.73rem;
  width: 2.44rem;
}
.no-webp .ziliao-page .text.text4 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text4_94fa7f4b.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .ziliao-page .text.text4 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text4_94fa7f4b.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .ziliao-page .text.text4 {background-size:100%}
.webp .ziliao-page .text.text4 {background-size:100%}
.no-webp .ziliao-page .text.text4 {background-position:center}
.webp .ziliao-page .text.text4 {background-position:center}
.no-webp .ziliao-page .text.text4 {background-repeat:no-repeat}
.webp .ziliao-page .text.text4 {background-repeat:no-repeat}
.ziliao-page .text.text4 {
  width: 4.25rem;
  height: 6.63rem;
}
.no-webp .ziliao-page .text.text5 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text5_07659dc5.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .ziliao-page .text.text5 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text5_07659dc5.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .ziliao-page .text.text5 {background-size:100%}
.webp .ziliao-page .text.text5 {background-size:100%}
.no-webp .ziliao-page .text.text5 {background-position:center}
.webp .ziliao-page .text.text5 {background-position:center}
.no-webp .ziliao-page .text.text5 {background-repeat:no-repeat}
.webp .ziliao-page .text.text5 {background-repeat:no-repeat}
.ziliao-page .text.text5 {
  width: 4.25rem;
  height: 6.63rem;
}
.no-webp .ziliao-page .text.text6 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text6_200cbd99.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .ziliao-page .text.text6 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text6_200cbd99.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .ziliao-page .text.text6 {background-size:100%}
.webp .ziliao-page .text.text6 {background-size:100%}
.no-webp .ziliao-page .text.text6 {background-position:center}
.webp .ziliao-page .text.text6 {background-position:center}
.no-webp .ziliao-page .text.text6 {background-repeat:no-repeat}
.webp .ziliao-page .text.text6 {background-repeat:no-repeat}
.ziliao-page .text.text6 {
  width: 1.98rem;
  height: 4.81rem;
}
.no-webp .ziliao-page .text.text7 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text7_e4785be2.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .ziliao-page .text.text7 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text7_e4785be2.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .ziliao-page .text.text7 {background-size:100%}
.webp .ziliao-page .text.text7 {background-size:100%}
.no-webp .ziliao-page .text.text7 {background-position:center}
.webp .ziliao-page .text.text7 {background-position:center}
.no-webp .ziliao-page .text.text7 {background-repeat:no-repeat}
.webp .ziliao-page .text.text7 {background-repeat:no-repeat}
.ziliao-page .text.text7 {
  width: 1.97rem;
  height: 5.12rem;
}
.no-webp .ziliao-page .text.text8 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text8_84053b8b.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .ziliao-page .text.text8 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-text8_84053b8b.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .ziliao-page .text.text8 {background-size:100%}
.webp .ziliao-page .text.text8 {background-size:100%}
.no-webp .ziliao-page .text.text8 {background-position:center}
.webp .ziliao-page .text.text8 {background-position:center}
.no-webp .ziliao-page .text.text8 {background-repeat:no-repeat}
.webp .ziliao-page .text.text8 {background-repeat:no-repeat}
.ziliao-page .text.text8 {
  width: 2.55rem;
  height: 5.92rem;
}
.ziliao-page .text.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.ziliao-page .btn-box {
  width: 2.24rem;
  height: 4.48rem;
  position: absolute;
  right: 1.2rem;
  top: 50%;
  -webkit-transform: translateY(calc(-50%));
  -moz-transform: translateY(calc(-50%));
  -ms-transform: translateY(calc(-50%));
  -o-transform: translateY(calc(-50%));
  transform: translateY(calc(-50%));
  z-index: 2;
}
.ziliao-page .btn-box .btn {
  display: block;
  position: relative;
  width: 2.24rem;
  height: 2.24rem;
}
.no-webp .ziliao-page .btn-box .btn.btn1 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav1_d67945e4.png) no-repeat center}
.webp .ziliao-page .btn-box .btn.btn1 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav1_d67945e4.webp) no-repeat center}
.ziliao-page .btn-box .btn.btn1 {
}
.no-webp .ziliao-page .btn-box .btn.btn1.on, 
.no-webp .ziliao-page .btn-box .btn.btn1:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav1-h_1c4095e9.png) no-repeat center}
.webp .ziliao-page .btn-box .btn.btn1.on, 
.webp .ziliao-page .btn-box .btn.btn1:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav1-h_1c4095e9.webp) no-repeat center}
.ziliao-page .btn-box .btn.btn1.on,
.ziliao-page .btn-box .btn.btn1:hover {
}
.no-webp .ziliao-page .btn-box .btn.btn2 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav2_227c9f47.png) no-repeat center}
.webp .ziliao-page .btn-box .btn.btn2 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav2_227c9f47.webp) no-repeat center}
.ziliao-page .btn-box .btn.btn2 {
  position: absolute;
  top: 50%;
  right: 1.2rem;
}
.no-webp .ziliao-page .btn-box .btn.btn2.on, 
.no-webp .ziliao-page .btn-box .btn.btn2:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav2-h_c7df6e53.png) no-repeat center}
.webp .ziliao-page .btn-box .btn.btn2.on, 
.webp .ziliao-page .btn-box .btn.btn2:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav2-h_c7df6e53.webp) no-repeat center}
.ziliao-page .btn-box .btn.btn2.on,
.ziliao-page .btn-box .btn.btn2:hover {
}
.no-webp .ziliao-page .btn-box .btn.btn3 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav3_77de58c6.png) no-repeat center}
.webp .ziliao-page .btn-box .btn.btn3 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav3_77de58c6.webp) no-repeat center}
.ziliao-page .btn-box .btn.btn3 {
}
.no-webp .ziliao-page .btn-box .btn.btn3.on, 
.no-webp .ziliao-page .btn-box .btn.btn3:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav3-h_b8e0d7a9.png) no-repeat center}
.webp .ziliao-page .btn-box .btn.btn3.on, 
.webp .ziliao-page .btn-box .btn.btn3:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav3-h_b8e0d7a9.webp) no-repeat center}
.ziliao-page .btn-box .btn.btn3.on,
.ziliao-page .btn-box .btn.btn3:hover {
}
.no-webp .ziliao-page .btn-box .btn.btn6 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav6_e5f17540.png) no-repeat center top / 100%}
.webp .ziliao-page .btn-box .btn.btn6 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav6_e5f17540.webp) no-repeat center top / 100%}
.ziliao-page .btn-box .btn.btn6 {
  position: absolute;
  -webkit-transform: translateY(64%);
          transform: translateY(64%);
  right: 1rem;
  top: 50%;
}
.no-webp .ziliao-page .btn-box .btn.btn6.on, 
.no-webp .ziliao-page .btn-box .btn.btn6:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav6-h_6e723861.png) no-repeat center top / 100%}
.webp .ziliao-page .btn-box .btn.btn6.on, 
.webp .ziliao-page .btn-box .btn.btn6:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav6-h_6e723861.webp) no-repeat center top / 100%}
.ziliao-page .btn-box .btn.btn6.on,
.ziliao-page .btn-box .btn.btn6:hover {
}
.no-webp .ziliao-page .btn-box .btn.btn7 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav7_b423f46f.png) no-repeat center top / 100%}
.webp .ziliao-page .btn-box .btn.btn7 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav7_b423f46f.webp) no-repeat center top / 100%}
.ziliao-page .btn-box .btn.btn7 {
  position: absolute;
  -webkit-transform: translateY(64%);
          transform: translateY(64%);
  top: 75%;
}
.no-webp .ziliao-page .btn-box .btn.btn7.on, 
.no-webp .ziliao-page .btn-box .btn.btn7:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav7-h_05d67342.png) no-repeat center top / 100%}
.webp .ziliao-page .btn-box .btn.btn7.on, 
.webp .ziliao-page .btn-box .btn.btn7:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav7-h_05d67342.webp) no-repeat center top / 100%}
.ziliao-page .btn-box .btn.btn7.on,
.ziliao-page .btn-box .btn.btn7:hover {
}
.no-webp .ziliao-page .btn-box .btn.btn8 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav8_1c755134.png) no-repeat center top / 100%}
.webp .ziliao-page .btn-box .btn.btn8 {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav8_1c755134.webp) no-repeat center top / 100%}
.ziliao-page .btn-box .btn.btn8 {
  margin-top: 0.35rem;
}
.no-webp .ziliao-page .btn-box .btn.btn8.on, 
.no-webp .ziliao-page .btn-box .btn.btn8:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav8-h_38453713.png) no-repeat center top / 100%}
.webp .ziliao-page .btn-box .btn.btn8.on, 
.webp .ziliao-page .btn-box .btn.btn8:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page2-nav8-h_38453713.webp) no-repeat center top / 100%}
.ziliao-page .btn-box .btn.btn8.on,
.ziliao-page .btn-box .btn.btn8:hover {
}
.ziliao-page .video-box .video {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ziliao-page .video-box .video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.ziliao-page .video-box .video.on {
  display: block;
}
.no-webp .gift-page .tit-gift {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page3-tit_c747ece9.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .gift-page .tit-gift {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page3-tit_c747ece9.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .gift-page .tit-gift {background-size:100%}
.webp .gift-page .tit-gift {background-size:100%}
.no-webp .gift-page .tit-gift {background-position:center}
.webp .gift-page .tit-gift {background-position:center}
.no-webp .gift-page .tit-gift {background-repeat:no-repeat}
.webp .gift-page .tit-gift {background-repeat:no-repeat}
.gift-page .tit-gift {
  width: 5.33rem;
  height: 1.42rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-51%);
          transform: translateX(-51%);
  top: 0.38rem;
  z-index: 1;
}
.no-webp .gift-page .person {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page3-inner_d334f08a.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .gift-page .person {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page3-inner_d334f08a.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .gift-page .person {background-size:100%}
.webp .gift-page .person {background-size:100%}
.no-webp .gift-page .person {background-position:center}
.webp .gift-page .person {background-position:center}
.no-webp .gift-page .person {background-repeat:no-repeat}
.webp .gift-page .person {background-repeat:no-repeat}
.gift-page .person {
  width: 19.2rem;
  height: 10.8rem;
  position: absolute;
  left: 50%;
  margin-left: -9.6rem;
  bottom: -0.2rem;
}
.no-webp .gift-page .gift-box {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page3-gift_e45500f1.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .gift-page .gift-box {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page3-gift_e45500f1.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .gift-page .gift-box {background-size:100%}
.webp .gift-page .gift-box {background-size:100%}
.no-webp .gift-page .gift-box {background-position:center}
.webp .gift-page .gift-box {background-position:center}
.no-webp .gift-page .gift-box {background-repeat:no-repeat}
.webp .gift-page .gift-box {background-repeat:no-repeat}
.gift-page .gift-box {
  width: 19.2rem;
  height: 10.8rem;
  position: absolute;
  left: 50%;
  margin-left: -9.6rem;
  top: 0;
}
.feature-page {
  padding-top: 0.6rem;
}
.no-webp .feature-page .title-feature {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-feature_70ba25d4.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .feature-page .title-feature {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-feature_70ba25d4.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .feature-page .title-feature {background-size:100%}
.webp .feature-page .title-feature {background-size:100%}
.no-webp .feature-page .title-feature {background-position:center}
.webp .feature-page .title-feature {background-position:center}
.no-webp .feature-page .title-feature {background-repeat:no-repeat}
.webp .feature-page .title-feature {background-repeat:no-repeat}
.feature-page .title-feature {
  margin: 0 auto 0.4rem;
  width: 5.33rem;
  height: 1.06rem;
}
.feature-page .feature-swiper {
  margin: 0 auto;
  margin-top: 0rem;
  width: 12.8rem;
  height: 6rem;
  overflow: inherit;
}
.feature-page .feature-swiper .swiper-slide {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.feature-page .feature-swiper .swiper-slide.swiper-slide-active,
.feature-page .feature-swiper .swiper-slide.swiper-slide-prev,
.feature-page .feature-swiper .swiper-slide.swiper-slide-next {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.feature-page .feature-swiper .img-wrap {
  position: relative;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0.07rem 0.08rem;
  width: 8.26rem;
  height: 4.64rem;
}
.feature-page .feature-swiper .img-wrap:before {
  content: "";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.02rem solid #fae696;
  position: absolute;
  top: 0;
  left: 0.08rem;
  width: 8.1rem;
  height: 4.56rem;
  z-index: 1;
  pointer-events: none;
}
.no-webp .feature-page .feature-swiper .img-wrap .person {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/person_b1032d77.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .feature-page .feature-swiper .img-wrap .person {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/person_b1032d77.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .feature-page .feature-swiper .img-wrap .person {background-size:100%}
.webp .feature-page .feature-swiper .img-wrap .person {background-size:100%}
.no-webp .feature-page .feature-swiper .img-wrap .person {background-position:center}
.webp .feature-page .feature-swiper .img-wrap .person {background-position:center}
.no-webp .feature-page .feature-swiper .img-wrap .person {background-repeat:no-repeat}
.webp .feature-page .feature-swiper .img-wrap .person {background-repeat:no-repeat}
.feature-page .feature-swiper .img-wrap .person {
  width: 7.39rem;
  height: 7.66rem;
  position: absolute;
  right: -4.89rem;
  top: -1.42rem;
  pointer-events: none;
  z-index: 2;
  display: none;
}
.feature-page .feature-swiper .img-wrap .video {
  width: 8.1rem;
  height: 4.5rem;
  overflow: hidden;
  position: relative;
}
.feature-page .feature-swiper .img-wrap .video video {
  width: 100%;
}
.feature-page .feature-swiper .img-wrap img {
  width: 100%;
  max-height: 100%;
}
.feature-page .feature-swiper .img-wrap img {
  display: none;
}
.no-webp .feature-page .feature-swiper .img-wrap .title {background:right bottom no-repeat}
.webp .feature-page .feature-swiper .img-wrap .title {background:right bottom no-repeat}
.no-webp .feature-page .feature-swiper .img-wrap .title {background-size:100%}
.webp .feature-page .feature-swiper .img-wrap .title {background-size:100%}
.feature-page .feature-swiper .img-wrap .title {
  display: none;
  position: absolute;
  bottom: -2.07rem;
  width: 7.41rem;
  height: 2.2rem;
}
.no-webp .feature-page .feature-swiper .img-wrap .play {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/play_94fcfc36.png) no-repeat;
  background-size: 100%}
.webp .feature-page .feature-swiper .img-wrap .play {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/play_94fcfc36.webp) no-repeat;
  background-size: 100%}
.no-webp .feature-page .feature-swiper .img-wrap .play {background-size:100%}
.webp .feature-page .feature-swiper .img-wrap .play {background-size:100%}
.feature-page .feature-swiper .img-wrap .play {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.12rem;
  margin-top: -1.12rem;
  width: 2.24rem;
  height: 2.24rem;
  cursor: pointer;
  -webkit-animation: breath 2s infinite ease-in-out;
  -moz-animation: breath 2s infinite ease-in-out;
  -ms-animation: breath 2s infinite ease-in-out;
  animation: breath 2s infinite ease-in-out;
}
.no-webp .feature-page .feature-swiper .img-wrap .play:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/play-h_1048869d.png) no-repeat;
  background-size: 100%}
.webp .feature-page .feature-swiper .img-wrap .play:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/play-h_1048869d.webp) no-repeat;
  background-size: 100%}
.no-webp .feature-page .feature-swiper .img-wrap .play:hover {background-size:100%}
.webp .feature-page .feature-swiper .img-wrap .play:hover {background-size:100%}
.feature-page .feature-swiper .img-wrap .play:hover {
  width: 2.24rem;
  height: 2.24rem;
}
.no-webp .feature-page .feature-swiper .img-wrap:after {background:rgba(0, 0, 0, 0.5)}
.webp .feature-page .feature-swiper .img-wrap:after {background:rgba(0, 0, 0, 0.5)}
.feature-page .feature-swiper .img-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.feature-page .feature-swiper .swiper-slide-active {
  z-index: 2;
}
.no-webp .feature-page .feature-swiper .swiper-slide-active .img-wrap {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/feature-bg_b2875e1a.png);
  background-size: 100% 100%}
.webp .feature-page .feature-swiper .swiper-slide-active .img-wrap {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/feature-bg_b2875e1a.webp);
  background-size: 100% 100%}
.no-webp .feature-page .feature-swiper .swiper-slide-active .img-wrap {background-size:100% 100%}
.webp .feature-page .feature-swiper .swiper-slide-active .img-wrap {background-size:100% 100%}
.feature-page .feature-swiper .swiper-slide-active .img-wrap {
}
.feature-page .feature-swiper .swiper-slide-active .img-wrap .title {
  display: block;
}
.feature-page .feature-swiper .swiper-slide-active .img-wrap .play {
  display: block;
}
.feature-page .feature-swiper .swiper-slide-active .img-wrap:after {
  display: none;
}
.feature-page .feature-swiper .swiper-slide-active .img-wrap .person {
  display: block;
}
.no-webp .feature-page .feature-prev, 
.no-webp .feature-page .feature-next {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/feature-next_46d755f7.png) no-repeat;
  background-size: 100%}
.webp .feature-page .feature-prev, 
.webp .feature-page .feature-next {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/feature-next_46d755f7.webp) no-repeat;
  background-size: 100%}
.no-webp .feature-page .feature-prev, 
.no-webp .feature-page .feature-next {background-size:100%}
.webp .feature-page .feature-prev, 
.webp .feature-page .feature-next {background-size:100%}
.feature-page .feature-prev,
.feature-page .feature-next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -0.86rem;
  width: 0.86rem;
  height: 0.86rem;
  z-index: 1;
  cursor: pointer;
}
.feature-page .feature-prev:not(.swiper-button-disabled):hover,
.feature-page .feature-next:not(.swiper-button-disabled):hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.feature-page .feature-prev.swiper-button-disabled,
.feature-page .feature-next.swiper-button-disabled {
  cursor: not-allowed;
}
.feature-page .feature-prev {
  left: -1.1rem;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.feature-page .feature-next {
  right: -1.1rem;
}
.code-page .code-box .code p {
  color: #e0e4ff !important;
}
.code-page {
  padding-top: 1.16rem;
}
.no-webp .code-page .title-code {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-code_e59a5208.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .code-page .title-code {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/title-code_e59a5208.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .code-page .title-code {background-size:100%}
.webp .code-page .title-code {background-size:100%}
.no-webp .code-page .title-code {background-position:center}
.webp .code-page .title-code {background-position:center}
.no-webp .code-page .title-code {background-repeat:no-repeat}
.webp .code-page .title-code {background-repeat:no-repeat}
.code-page .title-code {
  width: 12rem;
  height: 3.21rem;
  margin: 0 auto;
}
.code-page .btn-box {
  font-size: 0;
  text-align: center;
  margin-top: 0.5rem;
}
.code-page .btn-box a {
  display: inline-block;
  margin: 0 0.53rem;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.code-page .btn-box a:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.no-webp .code-page .btn-box .btn-zhuce {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page6-btn-zhuce_19cd11b9.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .code-page .btn-box .btn-zhuce {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page6-btn-zhuce_19cd11b9.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .code-page .btn-box .btn-zhuce {background-size:100%}
.webp .code-page .btn-box .btn-zhuce {background-size:100%}
.no-webp .code-page .btn-box .btn-zhuce {background-position:center}
.webp .code-page .btn-box .btn-zhuce {background-position:center}
.no-webp .code-page .btn-box .btn-zhuce {background-repeat:no-repeat}
.webp .code-page .btn-box .btn-zhuce {background-repeat:no-repeat}
.code-page .btn-box .btn-zhuce {
  width: 2.74rem;
  height: 0.59rem;
}
.no-webp .code-page .btn-box .btn-down {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page6-btn-down_9779b323.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .code-page .btn-box .btn-down {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page6-btn-down_9779b323.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .code-page .btn-box .btn-down {background-size:100%}
.webp .code-page .btn-box .btn-down {background-size:100%}
.no-webp .code-page .btn-box .btn-down {background-position:center}
.webp .code-page .btn-box .btn-down {background-position:center}
.no-webp .code-page .btn-box .btn-down {background-repeat:no-repeat}
.webp .code-page .btn-box .btn-down {background-repeat:no-repeat}
.code-page .btn-box .btn-down {
  width: 2.74rem;
  height: 0.59rem;
}
.code-page .code-box {
  font-size: 0;
  text-align: center;
  margin-top: 1.1rem;
}
.no-webp .code-page .code-box .code {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page6-code-bg_3a23316a.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .code-page .code-box .code {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/page6-code-bg_3a23316a.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .code-page .code-box .code {background-size:100%}
.webp .code-page .code-box .code {background-size:100%}
.no-webp .code-page .code-box .code {background-position:center}
.webp .code-page .code-box .code {background-position:center}
.no-webp .code-page .code-box .code {background-repeat:no-repeat}
.webp .code-page .code-box .code {background-repeat:no-repeat}
.code-page .code-box .code {
  display: inline-block;
  margin: 0 0.59rem;
  width: 1.82rem;
  height: 2.09rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.35rem 0.22rem 0;
}
.code-page .code-box .code img {
  width: 1.38rem;
  display: block;
}
.code-page .code-box .code p {
  width: 2.6rem;
  text-align: center;
  font-size: 0.22rem;
  color: #fdeeb9;
  position: absolute;
  top: -0.3rem;
  left: 50%;
  margin-left: -1.3rem;
}
.code-page .code-box .code p span {
  position: relative;
}
.no-webp .code-page .code-box .code p span:after, 
.no-webp .code-page .code-box .code p span:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/icon_7c57e4f6.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .code-page .code-box .code p span:after, 
.webp .code-page .code-box .code p span:before {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/icon_7c57e4f6.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .code-page .code-box .code p span:after, 
.no-webp .code-page .code-box .code p span:before {background-size:100%}
.webp .code-page .code-box .code p span:after, 
.webp .code-page .code-box .code p span:before {background-size:100%}
.no-webp .code-page .code-box .code p span:after, 
.no-webp .code-page .code-box .code p span:before {background-position:center}
.webp .code-page .code-box .code p span:after, 
.webp .code-page .code-box .code p span:before {background-position:center}
.no-webp .code-page .code-box .code p span:after, 
.no-webp .code-page .code-box .code p span:before {background-repeat:no-repeat}
.webp .code-page .code-box .code p span:after, 
.webp .code-page .code-box .code p span:before {background-repeat:no-repeat}
.code-page .code-box .code p span:after,
.code-page .code-box .code p span:before {
  content: "";
  width: 0.07rem;
  height: 0.07rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.code-page .code-box .code p span:before {
  left: -0.12rem;
}
.code-page .code-box .code p span:after {
  right: -0.12rem;
}
@-webkit-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
#pop-gift-mask {
  max-height: 100%;
  height: 100%;
}
.extra-logo-container {
  position: absolute;
  top: -0.24rem;
  left: 2.3rem;
  z-index: 9;
}
.no-webp #extra-logo {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/zcishidaiLOGObaidekaobei_420_750734c9.png);
  background-repeat: no-repeat;
  background-size: 100% 100%}
.webp #extra-logo {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/zcishidaiLOGObaidekaobei_420_750734c9.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%}
.no-webp #extra-logo {background-repeat:no-repeat}
.webp #extra-logo {background-repeat:no-repeat}
.no-webp #extra-logo {background-size:100% 100%}
.webp #extra-logo {background-size:100% 100%}
#extra-logo {
  width: 2rem;
  height: 1.34rem;
  display: none;
}
@-webkit-keyframes ych-click {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  16.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ych-click {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  16.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes ych-me {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  20% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  26.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ych-me {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  20% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  26.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes ych-check {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  16.67% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  26.67% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  33.33% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ych-check {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  16.67% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  26.67% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  33.33% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes ych-look {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  20% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  36.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ych-look {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  20% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(1.4, 1.4);
            transform: scale(1.4, 1.4);
  }
  36.67% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.job-list {
  position: relative;
  width: 17rem;
  height: 13.34rem;
  margin: 0 auto 0;
}
.no-webp .job-list .tit-job {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/tit-job_5e466d4d.png) no-repeat;
  background-size: 100%}
.webp .job-list .tit-job {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/tit-job_5e466d4d.webp) no-repeat;
  background-size: 100%}
.no-webp .job-list .tit-job {background-size:100%}
.webp .job-list .tit-job {background-size:100%}
.job-list .tit-job {
  width: 5.33rem;
  height: 1.04rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  top: 0.6rem;
  z-index: 3;
}
.job-list .jobs-swiper {
  width: 15.35rem;
  height: 100%;
  margin: 0 auto;
}
.no-webp .job-list .swiper-slide {background:1.5rem 1.5rem no-repeat}
.webp .job-list .swiper-slide {background:1.5rem 1.5rem no-repeat}
.job-list .swiper-slide {
  width: 100%;
  height: 100%;
  margin-top: -0.6rem;
}
.no-webp .job-list .swiper-slide:after {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xie_e1ff8b13.png) center no-repeat;
  background-size: 100% auto}
.webp .job-list .swiper-slide:after {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xie_e1ff8b13.webp) center no-repeat;
  background-size: 100% auto}
.no-webp .job-list .swiper-slide:after {background-size:100% auto}
.webp .job-list .swiper-slide:after {background-size:100% auto}
.job-list .swiper-slide:after {
  content: '';
  width: 0.66rem;
  height: 0.30rem;
  position: absolute;
  top: 6.16rem;
  left: 2.74rem;
}
.job-list .btn-form {
  position: absolute;
  top: 3.3rem;
  left: 55%;
  margin-left: -2.6rem;
  width: 1.8rem;
  height: 1.8rem;
}
.no-webp .job-list .btn-form .pele {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn_r_78bdac9b.png) no-repeat;
  background-size: 100%}
.webp .job-list .btn-form .pele {background:url(https://qn.res.netease.com/pc/gw/20200904095222/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: 0.8rem;
  height: 0.8rem;
  display: block;
  text-indent: -9999em;
  position: absolute;
  left: 0;
  top: 0.8rem;
  pointer-events: auto;
  opacity: 0.9;
}
.no-webp .job-list .btn-form .pele.active {background:url(https://qn.res.netease.com/pc/gw/20200904095222/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/gw/20200904095222/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: 1.08rem;
  height: 1.08rem;
  pointer-events: none;
}
.no-webp .job-list .btn-form .shark {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn_j_7fcf0966.png) no-repeat;
  background-size: 100%}
.webp .job-list .btn-form .shark {background:url(https://qn.res.netease.com/pc/gw/20200904095222/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: 0.8rem;
  height: 0.8rem;
  display: block;
  text-indent: -9999em;
  position: absolute;
  top: 0px;
  left: 0.75rem;
  pointer-events: auto;
  opacity: 0.9;
}
.no-webp .job-list .btn-form .shark.active {background:url(https://qn.res.netease.com/pc/gw/20200904095222/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/gw/20200904095222/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: 1.08rem;
  height: 1.08rem;
  pointer-events: none;
}
.job-list .btn-form .pele:hover,
.job-list .btn-form .shark:hover {
  opacity: 1.1;
}
.no-webp .job-list .btn-gender {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-bg_efb7fc97.png);
  background-size: 100% 0.66rem}
.webp .job-list .btn-gender {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-bg_efb7fc97.webp);
  background-size: 100% 0.66rem}
.no-webp .job-list .btn-gender {background-size:100% 0.66rem}
.webp .job-list .btn-gender {background-size:100% 0.66rem}
.job-list .btn-gender {
  position: absolute;
  top: 6.35rem;
  left: 56%;
  margin-left: -1.6rem;
  width: 0.3rem;
  height: 0.66rem;
  overflow: hidden;
}
.job-list .btn-gender a {
  display: block;
  width: 0.3rem;
  height: 0.33rem;
  line-height: 0.33rem;
  font-size: 0.16rem;
  color: white;
  text-align: center;
}
.no-webp .job-list .btn-gender a.active, 
.no-webp .job-list .btn-gender a:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-h_e2e5bc80.png);
  background-size: 0.3rem 0.33rem}
.webp .job-list .btn-gender a.active, 
.webp .job-list .btn-gender a:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-h_e2e5bc80.webp);
  background-size: 0.3rem 0.33rem}
.no-webp .job-list .btn-gender a.active, 
.no-webp .job-list .btn-gender a:hover {background-size:0.3rem 0.33rem}
.webp .job-list .btn-gender a.active, 
.webp .job-list .btn-gender a:hover {background-size:0.3rem 0.33rem}
.job-list .btn-gender a.active,
.job-list .btn-gender a:hover {
  color: #f2e09b;
}
.no-webp .job-list .btn-gender-jiao {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-bg_efb7fc97.png);
  background-size: 100% 0.66rem}
.webp .job-list .btn-gender-jiao {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-bg_efb7fc97.webp);
  background-size: 100% 0.66rem}
.no-webp .job-list .btn-gender-jiao {background-size:100% 0.66rem}
.webp .job-list .btn-gender-jiao {background-size:100% 0.66rem}
.job-list .btn-gender-jiao {
  position: absolute;
  top: 6.35rem;
  left: 56%;
  margin-left: -1.6rem;
  width: 0.3rem;
  height: 0.66rem;
  overflow: hidden;
}
.job-list .btn-gender-jiao a {
  display: block;
  width: 0.3rem;
  height: 0.33rem;
  line-height: 0.33rem;
  font-size: 0.16rem;
  color: #9d9cd3;
  text-align: center;
}
.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/gw/20200904095222/img/btn-gender-h_e2e5bc80.png);
  background-size: 0.3rem 0.33rem}
.webp .job-list .btn-gender-jiao a.active, 
.webp .job-list .btn-gender-jiao a:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-h_e2e5bc80.webp);
  background-size: 0.3rem 0.33rem}
.no-webp .job-list .btn-gender-jiao a.active, 
.no-webp .job-list .btn-gender-jiao a:hover {background-size:0.3rem 0.33rem}
.webp .job-list .btn-gender-jiao a.active, 
.webp .job-list .btn-gender-jiao a:hover {background-size:0.3rem 0.33rem}
.job-list .btn-gender-jiao a.active,
.job-list .btn-gender-jiao a:hover {
  color: #ffffff;
}
.no-webp .job-list .btn-gender-ren {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-bg_efb7fc97.png);
  background-size: 100%}
.webp .job-list .btn-gender-ren {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-bg_efb7fc97.webp);
  background-size: 100%}
.no-webp .job-list .btn-gender-ren {background-size:100%}
.webp .job-list .btn-gender-ren {background-size:100%}
.job-list .btn-gender-ren {
  position: absolute;
  top: 6.35rem;
  left: 56%;
  margin-left: -1.6rem;
  width: 0.29rem;
  height: 0.64rem;
  overflow: hidden;
}
.job-list .btn-gender-ren a {
  display: block;
  width: 0.29rem;
  height: 0.33rem;
  line-height: 0.33rem;
  font-size: 0.16rem;
  color: #fff6d1;
  text-align: center;
}
.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/gw/20200904095222/img/btn-gender-h_e2e5bc80.png);
  background-size: 100%}
.webp .job-list .btn-gender-ren a.active, 
.webp .job-list .btn-gender-ren a:hover {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn-gender-h_e2e5bc80.webp);
  background-size: 100%}
.no-webp .job-list .btn-gender-ren a.active, 
.no-webp .job-list .btn-gender-ren a:hover {background-size:100%}
.webp .job-list .btn-gender-ren a.active, 
.webp .job-list .btn-gender-ren a:hover {background-size:100%}
.job-list .btn-gender-ren a.active,
.job-list .btn-gender-ren a:hover {
  color: #3d3255;
}
.no-webp .job-list .btn-detail {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn_detail_828db750.png) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.webp .job-list .btn-detail {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn_detail_828db750.webp) no-repeat;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat}
.no-webp .job-list .btn-detail {background-size:100%}
.webp .job-list .btn-detail {background-size:100%}
.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: 8.08rem;
  left: 56%;
  margin-left: -3rem;
  font-size: 0;
  text-indent: -9999em;
  width: 0.34rem;
  height: 1.14rem;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.job-list .btn-detail:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.no-webp .job-list .btn-arrow a {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn_arrow_46d755f7.png);
  background-size: 100%}
.webp .job-list .btn-arrow a {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/btn_arrow_46d755f7.webp);
  background-size: 100%}
.no-webp .job-list .btn-arrow a {background-size:100%}
.webp .job-list .btn-arrow a {background-size:100%}
.job-list .btn-arrow a {
  position: absolute;
  top: 4.6rem;
  width: 0.86rem;
  height: 0.86rem;
  z-index: 3;
}
.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: 2.5rem;
  -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: 0;
}
/*导航部分*/
.job-nav {
  position: absolute;
  top: 1.9rem;
  left: 50%;
  margin-left: -4.94rem;
  width: 10rem;
  z-index: 5;
  font-size: 0;
  text-align: center;
}
.job-nav ul {
  width: 100%;
  position: absolute;
}
.no-webp .job-nav .yc_b {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/new_7c076bf0.png) no-repeat;
  background-size: 100%}
.webp .job-nav .yc_b {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/new_7c076bf0.webp) no-repeat;
  background-size: 100%}
.no-webp .job-nav .yc_b {background-size:100%}
.webp .job-nav .yc_b {background-size:100%}
.job-nav .yc_b {
  width: 0.21rem;
  height: 0.25rem;
  position: absolute;
  top: -0.04rem;
  right: -0.07rem;
}
.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 0.15rem;
  position: relative;
  width: 0.49rem;
  height: 1rem;
  font-size: 0;
  cursor: pointer;
}
.no-webp .job-nav li:not(.active).yinchao {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yinchao-n_9e632a27.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).yinchao {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yinchao-n_9e632a27.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).yinchao {background-size:0.37rem}
.webp .job-nav li:not(.active).yinchao {background-size:0.37rem}
.job-nav li:not(.active).yinchao {
}
.no-webp .job-nav li:not(.active).sixing {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sixing-n_1f94eaf8.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).sixing {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sixing-n_1f94eaf8.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).sixing {background-size:0.37rem}
.webp .job-nav li:not(.active).sixing {background-size:0.37rem}
.job-nav li:not(.active).sixing {
}
.no-webp .job-nav li:not(.active).yiren {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yiren-n_37d19231.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).yiren {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yiren-n_37d19231.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).yiren {background-size:0.37rem}
.webp .job-nav li:not(.active).yiren {background-size:0.37rem}
.job-nav li:not(.active).yiren {
}
.no-webp .job-nav li:not(.active).fangshi {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/fangshi-n_91450c8b.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).fangshi {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/fangshi-n_91450c8b.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).fangshi {background-size:0.37rem}
.webp .job-nav li:not(.active).fangshi {background-size:0.37rem}
.job-nav li:not(.active).fangshi {
}
.no-webp .job-nav li:not(.active).xiake {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xiake-n_b99c0ee7.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).xiake {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xiake-n_b99c0ee7.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).xiake {background-size:0.37rem}
.webp .job-nav li:not(.active).xiake {background-size:0.37rem}
.job-nav li:not(.active).xiake {
}
.no-webp .job-nav li:not(.active).yishi {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yishi-n_8f1182fd.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).yishi {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yishi-n_8f1182fd.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).yishi {background-size:0.37rem}
.webp .job-nav li:not(.active).yishi {background-size:0.37rem}
.job-nav li:not(.active).yishi {
}
.no-webp .job-nav li:not(.active).jiashi {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jiashi-n_6b56c64d.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).jiashi {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jiashi-n_6b56c64d.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).jiashi {background-size:0.37rem}
.webp .job-nav li:not(.active).jiashi {background-size:0.37rem}
.job-nav li:not(.active).jiashi {
}
.no-webp .job-nav li:not(.active).yanshi {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yanshi-n_63e8d022.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).yanshi {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yanshi-n_63e8d022.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).yanshi {background-size:0.37rem}
.webp .job-nav li:not(.active).yanshi {background-size:0.37rem}
.job-nav li:not(.active).yanshi {
}
.no-webp .job-nav li:not(.active).huahun {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/huahun-n_4a50a950.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).huahun {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/huahun-n_4a50a950.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).huahun {background-size:0.37rem}
.webp .job-nav li:not(.active).huahun {background-size:0.37rem}
.job-nav li:not(.active).huahun {
}
.no-webp .job-nav li:not(.active).sheshou {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sheshou-n_efd2e2eb.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).sheshou {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sheshou-n_efd2e2eb.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).sheshou {background-size:0.37rem}
.webp .job-nav li:not(.active).sheshou {background-size:0.37rem}
.job-nav li:not(.active).sheshou {
}
.no-webp .job-nav li:not(.active).daoke {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/daoke-n_8cdc0ebc.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).daoke {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/daoke-n_8cdc0ebc.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).daoke {background-size:0.37rem}
.webp .job-nav li:not(.active).daoke {background-size:0.37rem}
.job-nav li:not(.active).daoke {
}
.no-webp .job-nav li:not(.active).meizhe {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/meizhe-n_ab1054cb.png) center no-repeat;
  background-size: 0.37rem}
.webp .job-nav li:not(.active).meizhe {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/meizhe-n_ab1054cb.webp) center no-repeat;
  background-size: 0.37rem}
.no-webp .job-nav li:not(.active).meizhe {background-size:0.37rem}
.webp .job-nav li:not(.active).meizhe {background-size:0.37rem}
.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/gw/20200904095222/img/yinchao_2038301d.png);
  background-size: 100%}
.webp .job-nav li.active.yinchao, 
.webp .job-nav li:hover.yinchao {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yinchao_2038301d.webp);
  background-size: 100%}
.no-webp .job-nav li.active.yinchao, 
.no-webp .job-nav li:hover.yinchao {background-size:100%}
.webp .job-nav li.active.yinchao, 
.webp .job-nav li:hover.yinchao {background-size:100%}
.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/gw/20200904095222/img/sixing_95a096d5.png);
  background-size: 100%}
.webp .job-nav li.active.sixing, 
.webp .job-nav li:hover.sixing {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sixing_95a096d5.webp);
  background-size: 100%}
.no-webp .job-nav li.active.sixing, 
.no-webp .job-nav li:hover.sixing {background-size:100%}
.webp .job-nav li.active.sixing, 
.webp .job-nav li:hover.sixing {background-size:100%}
.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/gw/20200904095222/img/yiren_9b008b54.png);
  background-size: 100%}
.webp .job-nav li.active.yiren, 
.webp .job-nav li:hover.yiren {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yiren_9b008b54.webp);
  background-size: 100%}
.no-webp .job-nav li.active.yiren, 
.no-webp .job-nav li:hover.yiren {background-size:100%}
.webp .job-nav li.active.yiren, 
.webp .job-nav li:hover.yiren {background-size:100%}
.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/gw/20200904095222/img/fangshi_6a42716d.png);
  background-size: 100%}
.webp .job-nav li.active.fangshi, 
.webp .job-nav li:hover.fangshi {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/fangshi_6a42716d.webp);
  background-size: 100%}
.no-webp .job-nav li.active.fangshi, 
.no-webp .job-nav li:hover.fangshi {background-size:100%}
.webp .job-nav li.active.fangshi, 
.webp .job-nav li:hover.fangshi {background-size:100%}
.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/gw/20200904095222/img/xiake_c3ae090f.png);
  background-size: 100%}
.webp .job-nav li.active.xiake, 
.webp .job-nav li:hover.xiake {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xiake_c3ae090f.webp);
  background-size: 100%}
.no-webp .job-nav li.active.xiake, 
.no-webp .job-nav li:hover.xiake {background-size:100%}
.webp .job-nav li.active.xiake, 
.webp .job-nav li:hover.xiake {background-size:100%}
.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/gw/20200904095222/img/yishi_642d0e1c.png);
  background-size: 100%}
.webp .job-nav li.active.yishi, 
.webp .job-nav li:hover.yishi {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yishi_642d0e1c.webp);
  background-size: 100%}
.no-webp .job-nav li.active.yishi, 
.no-webp .job-nav li:hover.yishi {background-size:100%}
.webp .job-nav li.active.yishi, 
.webp .job-nav li:hover.yishi {background-size:100%}
.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/gw/20200904095222/img/jiashi_46dadf59.png);
  background-size: 100%}
.webp .job-nav li.active.jiashi, 
.webp .job-nav li:hover.jiashi {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jiashi_46dadf59.webp);
  background-size: 100%}
.no-webp .job-nav li.active.jiashi, 
.no-webp .job-nav li:hover.jiashi {background-size:100%}
.webp .job-nav li.active.jiashi, 
.webp .job-nav li:hover.jiashi {background-size:100%}
.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/gw/20200904095222/img/yanshi_3c2fa6f5.png);
  background-size: 100%}
.webp .job-nav li.active.yanshi, 
.webp .job-nav li:hover.yanshi {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yanshi_3c2fa6f5.webp);
  background-size: 100%}
.no-webp .job-nav li.active.yanshi, 
.no-webp .job-nav li:hover.yanshi {background-size:100%}
.webp .job-nav li.active.yanshi, 
.webp .job-nav li:hover.yanshi {background-size:100%}
.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/gw/20200904095222/img/huahun_81f6b7df.png);
  background-size: 100%}
.webp .job-nav li.active.huahun, 
.webp .job-nav li:hover.huahun {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/huahun_81f6b7df.webp);
  background-size: 100%}
.no-webp .job-nav li.active.huahun, 
.no-webp .job-nav li:hover.huahun {background-size:100%}
.webp .job-nav li.active.huahun, 
.webp .job-nav li:hover.huahun {background-size:100%}
.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/gw/20200904095222/img/sheshou_f14ea641.png);
  background-size: 100%}
.webp .job-nav li.active.sheshou, 
.webp .job-nav li:hover.sheshou {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sheshou_f14ea641.webp);
  background-size: 100%}
.no-webp .job-nav li.active.sheshou, 
.no-webp .job-nav li:hover.sheshou {background-size:100%}
.webp .job-nav li.active.sheshou, 
.webp .job-nav li:hover.sheshou {background-size:100%}
.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/gw/20200904095222/img/daoke_f5c9b4ca.png);
  background-size: 100%}
.webp .job-nav li.active.daoke, 
.webp .job-nav li:hover.daoke {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/daoke_f5c9b4ca.webp);
  background-size: 100%}
.no-webp .job-nav li.active.daoke, 
.no-webp .job-nav li:hover.daoke {background-size:100%}
.webp .job-nav li.active.daoke, 
.webp .job-nav li:hover.daoke {background-size:100%}
.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/gw/20200904095222/img/meizhe_6947468a.png);
  background-size: 100%}
.webp .job-nav li.active.meizhe, 
.webp .job-nav li:hover.meizhe {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/meizhe_6947468a.webp);
  background-size: 100%}
.no-webp .job-nav li.active.meizhe, 
.no-webp .job-nav li:hover.meizhe {background-size:100%}
.webp .job-nav li.active.meizhe, 
.webp .job-nav li:hover.meizhe {background-size:100%}
.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: 0.8rem;
  left: 50%;
  margin-left: -0.325rem;
  width: 0.65rem;
  font-size: 0;
}
.no-webp .job-nav .subnav a {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/subnav_2a545e0c.png) no-repeat right top;
  background-size: .65rem .73rem}
.webp .job-nav .subnav a {background:url(https://qn.res.netease.com/pc/gw/20200904095222/img/subnav_2a545e0c.webp) no-repeat right top;
  background-size: .65rem .73rem}
.no-webp .job-nav .subnav a {background-size:.65rem .73rem}
.webp .job-nav .subnav a {background-size:.65rem .73rem}
.job-nav .subnav a {
  text-align: center;
  position: absolute;
  top: 0.2rem;
  width: 0.3rem;
  height: 0.73rem;
  font-size: 0.22rem;
  line-height: 0.23rem;
  color: #211a19;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.13rem;
}
.job-nav .subnav a:first-child {
  left: 0;
}
.job-nav .subnav a:last-child {
  left: 0.36rem;
}
.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: #4c2e14;
}
.jobs-swiper {
  top: 45px;
  right: 126px;
}
.no-webp .jobs-swiper .yinchao {background-size:100%}
.webp .jobs-swiper .yinchao {background-size:100%}
.jobs-swiper .yinchao {
}
.no-webp .jobs-swiper .yinchao.jiao-n.jiao-male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jiaoren-male_8360cc03.png)}
.webp .jobs-swiper .yinchao.jiao-n.jiao-male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jiaoren-male_8360cc03.webp)}
.jobs-swiper .yinchao.jiao-n.jiao-male {
}
.no-webp .jobs-swiper .yinchao.jiao-v.jiao-female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jiaoren-fe_af2e0e8d.png)}
.webp .jobs-swiper .yinchao.jiao-v.jiao-female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/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/gw/20200904095222/img/ren-male_ad49359f.png)}
.webp .jobs-swiper .yinchao.ren-n.ren-male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/ren-male_ad49359f.webp)}
.jobs-swiper .yinchao.ren-n.ren-male {
}
.no-webp .jobs-swiper .yinchao.ren-v.ren-female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/ren-fe_b88de06b.png)}
.webp .jobs-swiper .yinchao.ren-v.ren-female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/ren-fe_b88de06b.webp)}
.jobs-swiper .yinchao.ren-v.ren-female {
}
.no-webp .jobs-swiper .renx {background-size:100%}
.webp .jobs-swiper .renx {background-size:100%}
.jobs-swiper .renx {
}
.no-webp .jobs-swiper .renx.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/ren-male_ad49359f.png)}
.webp .jobs-swiper .renx.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/ren-male_ad49359f.webp)}
.jobs-swiper .renx.male {
}
.no-webp .jobs-swiper .renx.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/ren-fe_b88de06b.png)}
.webp .jobs-swiper .renx.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/ren-fe_b88de06b.webp)}
.jobs-swiper .renx.female {
}
.no-webp .jobs-swiper .sixing {background-size:100%}
.webp .jobs-swiper .sixing {background-size:100%}
.jobs-swiper .sixing {
}
.no-webp .jobs-swiper .sixing.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sixing-male_61e576c4.png)}
.webp .jobs-swiper .sixing.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sixing-male_61e576c4.webp)}
.jobs-swiper .sixing.male {
}
.no-webp .jobs-swiper .sixing.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sixing-fe_5560a0a2.png)}
.webp .jobs-swiper .sixing.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sixing-fe_5560a0a2.webp)}
.jobs-swiper .sixing.female {
}
.no-webp .jobs-swiper .yiren {background-size:100%}
.webp .jobs-swiper .yiren {background-size:100%}
.jobs-swiper .yiren {
  position: relative;
}
.no-webp .jobs-swiper .yiren.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yiren-male_2a17e3b3.png)}
.webp .jobs-swiper .yiren.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yiren-male_2a17e3b3.webp)}
.jobs-swiper .yiren.male {
}
.no-webp .jobs-swiper .yiren.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yiren-fe_848af0ab.png)}
.webp .jobs-swiper .yiren.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yiren-fe_848af0ab.webp)}
.jobs-swiper .yiren.female {
}
.no-webp .jobs-swiper .daofa {background-size:100%}
.webp .jobs-swiper .daofa {background-size:100%}
.jobs-swiper .daofa {
}
.no-webp .jobs-swiper .daofa.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/daofa-male_29ec68aa.png)}
.webp .jobs-swiper .daofa.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/daofa-male_29ec68aa.webp)}
.jobs-swiper .daofa.male {
}
.no-webp .jobs-swiper .daofa.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/daofa-fe_de9fa181.png)}
.webp .jobs-swiper .daofa.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/daofa-fe_de9fa181.webp)}
.jobs-swiper .daofa.female {
}
.no-webp .jobs-swiper .tianlang {background-size:100%}
.webp .jobs-swiper .tianlang {background-size:100%}
.jobs-swiper .tianlang {
}
.no-webp .jobs-swiper .tianlang.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/tianlang-male_f9440d89.png)}
.webp .jobs-swiper .tianlang.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/tianlang-male_f9440d89.webp)}
.jobs-swiper .tianlang.male {
}
.no-webp .jobs-swiper .tianlang.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/tianlang-fe_c3a4df3e.png)}
.webp .jobs-swiper .tianlang.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/tianlang-fe_c3a4df3e.webp)}
.jobs-swiper .tianlang.female {
}
.no-webp .jobs-swiper .xiake {background-size:100%}
.webp .jobs-swiper .xiake {background-size:100%}
.jobs-swiper .xiake {
}
.no-webp .jobs-swiper .xiake.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xiake-male_78817658.png)}
.webp .jobs-swiper .xiake.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xiake-male_78817658.webp)}
.jobs-swiper .xiake.male {
}
.no-webp .jobs-swiper .xiake.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xiake-fe_eea1bfa2.png)}
.webp .jobs-swiper .xiake.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/xiake-fe_eea1bfa2.webp)}
.jobs-swiper .xiake.female {
}
.no-webp .jobs-swiper .yishi {background-size:100%}
.webp .jobs-swiper .yishi {background-size:100%}
.jobs-swiper .yishi {
}
.no-webp .jobs-swiper .yishi.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yishi-male_6b43a736.png)}
.webp .jobs-swiper .yishi.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yishi-male_6b43a736.webp)}
.jobs-swiper .yishi.male {
}
.no-webp .jobs-swiper .yishi.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yishi-fe_eaa7bb96.png)}
.webp .jobs-swiper .yishi.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yishi-fe_eaa7bb96.webp)}
.jobs-swiper .yishi.female {
}
.no-webp .jobs-swiper .zhanhun {background-size:100%}
.webp .jobs-swiper .zhanhun {background-size:100%}
.jobs-swiper .zhanhun {
}
.no-webp .jobs-swiper .zhanhun.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/zhanhun-male_edf6bca0.png)}
.webp .jobs-swiper .zhanhun.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/zhanhun-male_edf6bca0.webp)}
.jobs-swiper .zhanhun.male {
}
.no-webp .jobs-swiper .zhanhun.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/zhanhun-fe_ec9ac21c.png)}
.webp .jobs-swiper .zhanhun.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/zhanhun-fe_ec9ac21c.webp)}
.jobs-swiper .zhanhun.female {
}
.no-webp .jobs-swiper .jingang {background-size:100%}
.webp .jobs-swiper .jingang {background-size:100%}
.jobs-swiper .jingang {
}
.no-webp .jobs-swiper .jingang.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jingang-male_5ad6a962.png)}
.webp .jobs-swiper .jingang.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jingang-male_5ad6a962.webp)}
.jobs-swiper .jingang.male {
}
.no-webp .jobs-swiper .jingang.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jingang-fe_7edadd22.png)}
.webp .jobs-swiper .jingang.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/jingang-fe_7edadd22.webp)}
.jobs-swiper .jingang.female {
}
.no-webp .jobs-swiper .yanshi {background-size:100%}
.webp .jobs-swiper .yanshi {background-size:100%}
.jobs-swiper .yanshi {
}
.no-webp .jobs-swiper .yanshi.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yanshi-male_61a8aa0c.png)}
.webp .jobs-swiper .yanshi.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yanshi-male_61a8aa0c.webp)}
.jobs-swiper .yanshi.male {
}
.no-webp .jobs-swiper .yanshi.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yanshi-fe_6d0e1e2c.png)}
.webp .jobs-swiper .yanshi.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/yanshi-fe_6d0e1e2c.webp)}
.jobs-swiper .yanshi.female {
}
.no-webp .jobs-swiper .huahun {background-size:100%}
.webp .jobs-swiper .huahun {background-size:100%}
.jobs-swiper .huahun {
}
.no-webp .jobs-swiper .huahun.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/huahun-male_4a5dccd8.png)}
.webp .jobs-swiper .huahun.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/huahun-male_4a5dccd8.webp)}
.jobs-swiper .huahun.male {
}
.no-webp .jobs-swiper .huahun.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/huahun-fe_6e5cb9dc.png)}
.webp .jobs-swiper .huahun.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/huahun-fe_6e5cb9dc.webp)}
.jobs-swiper .huahun.female {
}
.no-webp .jobs-swiper .sheshou {background-size:100%}
.webp .jobs-swiper .sheshou {background-size:100%}
.jobs-swiper .sheshou {
}
.no-webp .jobs-swiper .sheshou.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sheshou-male_fbab5290.png)}
.webp .jobs-swiper .sheshou.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sheshou-male_fbab5290.webp)}
.jobs-swiper .sheshou.male {
}
.no-webp .jobs-swiper .sheshou.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sheshou-fe_6c4d2b01.png)}
.webp .jobs-swiper .sheshou.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/sheshou-fe_6c4d2b01.webp)}
.jobs-swiper .sheshou.female {
}
.no-webp .jobs-swiper .duanhen {background-size:100%}
.webp .jobs-swiper .duanhen {background-size:100%}
.jobs-swiper .duanhen {
}
.no-webp .jobs-swiper .duanhen.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/duanhen-male_8dcae104.png)}
.webp .jobs-swiper .duanhen.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/duanhen-male_8dcae104.webp)}
.jobs-swiper .duanhen.male {
}
.no-webp .jobs-swiper .duanhen.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/duanhen-fe_572c9ac0.png)}
.webp .jobs-swiper .duanhen.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/duanhen-fe_572c9ac0.webp)}
.jobs-swiper .duanhen.female {
}
.no-webp .jobs-swiper .cangren {background-size:100%}
.webp .jobs-swiper .cangren {background-size:100%}
.jobs-swiper .cangren {
}
.no-webp .jobs-swiper .cangren.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/cangren-male_a544b677.png)}
.webp .jobs-swiper .cangren.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/cangren-male_a544b677.webp)}
.jobs-swiper .cangren.male {
}
.no-webp .jobs-swiper .cangren.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/cangren-fe_26eba33a.png)}
.webp .jobs-swiper .cangren.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/cangren-fe_26eba33a.webp)}
.jobs-swiper .cangren.female {
}
.no-webp .jobs-swiper .meizhe {background-size:100%}
.webp .jobs-swiper .meizhe {background-size:100%}
.jobs-swiper .meizhe {
}
.no-webp .jobs-swiper .meizhe.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/meizhe-male_cb726f0d.png)}
.webp .jobs-swiper .meizhe.male {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/meizhe-male_cb726f0d.webp)}
.jobs-swiper .meizhe.male {
}
.no-webp .jobs-swiper .meizhe.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/meizhe-fe_84264462.png)}
.webp .jobs-swiper .meizhe.female {background-image:url(https://qn.res.netease.com/pc/gw/20200904095222/img/meizhe-fe_84264462.webp)}
.jobs-swiper .meizhe.female {
}