.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;
}