@-webkit-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.8);
    -moz-transform: scale(2.8);
    -ms-transform: scale(2.8);
    -o-transform: scale(2.8);
  }
}
@-moz-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.8);
    -moz-transform: scale(2.8);
    -ms-transform: scale(2.8);
    -o-transform: scale(2.8);
  }
}
@-ms-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.8);
    -moz-transform: scale(2.8);
    -ms-transform: scale(2.8);
    -o-transform: scale(2.8);
  }
}
@-o-keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.8);
    -moz-transform: scale(2.8);
    -ms-transform: scale(2.8);
    -o-transform: scale(2.8);
  }
}
@keyframes pop-bg {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(2.8);
    -moz-transform: scale(2.8);
    -ms-transform: scale(2.8);
    -o-transform: scale(2.8);
  }
}
@-webkit-keyframes pop-content {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-moz-keyframes pop-content {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-ms-keyframes pop-content {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-o-keyframes pop-content {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes pop-content {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
.pop {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 1000;
}
.no-webp .pop_bg {background-color:rgba(0, 0, 0, 0.8)}
.webp .pop_bg {background-color:rgba(0, 0, 0, 0.8)}
.no-webp .pop_bg {background-clip:padding-box}
.webp .pop_bg {background-clip:padding-box}
.pop_bg {
  display: none;
  position: absolute;
  width: 7.5rem;
  height: 7.5rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  top: 20%;
  -webkit-animation: pop-bg 0.8s linear forwards;
  -moz-animation: pop-bg 0.8s linear forwards;
  -ms-animation: pop-bg 0.8s linear forwards;
  animation: pop-bg 0.8s linear forwards;
}
.no-webp .popContent {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_bg_f004286f.jpg) center top no-repeat;
  background-size: 100% 100%}
.webp .popContent {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_bg_f004286f.webp) center top no-repeat;
  background-size: 100% 100%}
.no-webp .popContent {background-size:100% 100%}
.webp .popContent {background-size:100% 100%}
.popContent {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.popContent.ani {
  -webkit-animation: pop-content 0.8s ease-in-out forwards;
  -moz-animation: pop-content 0.8s ease-in-out forwards;
  -ms-animation: pop-content 0.8s ease-in-out forwards;
  animation: pop-content 0.8s ease-in-out forwards;
}
.pop_title {
  width: 100%;
  height: 2.5rem;
  margin-bottom: .56rem;
}
.no-webp .pop_close {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_close_2bbeffc9.png) no-repeat 0 50%;
  background-size: 100%}
.webp .pop_close {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_close_2bbeffc9.webp) no-repeat 0 50%;
  background-size: 100%}
.no-webp .pop_close {background-size:100%}
.webp .pop_close {background-size:100%}
.pop_close {
  width: .92rem;
  height: .92rem;
  position: absolute;
  top: 1.2rem;
  left: 50%;
  margin-left: -0.46rem;
  display: none;
}
.pop_con {
  margin: 0 auto;
}
.no-webp .pop_reserve .popContent {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_reserve_e50260c3.png) no-repeat 50% 50%;
  background-size: 7.5rem auto}
.webp .pop_reserve .popContent {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_reserve_e50260c3.webp) no-repeat 50% 50%;
  background-size: 7.5rem auto}
.no-webp .pop_reserve .popContent {background-size:7.5rem auto}
.webp .pop_reserve .popContent {background-size:7.5rem auto}
.pop_reserve .popContent {
  margin: auto;
}
.no-webp .pop_reserve .pop_close {background:none}
.webp .pop_reserve .pop_close {background:none}
.pop_reserve .pop_close {
  width: .8rem;
  height: .8rem;
  position: absolute;
  right: .74rem;
  top: 50%;
  margin-top: -5.14rem;
}
.pop_reserve .pop_bg {
  display: block !important;
}
.pop_reserve .info-1 {
  position: absolute;
  left: 1.2rem;
  top: 0.6rem;
  line-height: .3rem;
}
.pop_reserve .info-1 .info-name {
  font-size: .3rem;
  color: #5f49a6;
  line-height: .3rem;
  font-weight: bold;
  vertical-align: middle;
}
.pop_reserve .info-1 .info {
  font-size: .27rem;
  color: #5f49a6;
  line-height: .3rem;
  font-weight: normal;
  vertical-align: middle;
}
.pop_reserve .info-2 {
  position: absolute;
  left: 1.2rem;
  top: 3.6rem;
  line-height: .3rem;
}
.pop_reserve .info-2 .info-name {
  font-size: .3rem;
  color: #5f49a6;
  line-height: .3rem;
  font-weight: bold;
  vertical-align: middle;
}
.pop_reserve .info-2 .info {
  font-size: .27rem;
  color: #5f49a6;
  line-height: .3rem;
  font-weight: normal;
  vertical-align: middle;
}

.no-webp .pop_libao .pop_title {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_title_a8c3b323.png) center bottom no-repeat;
  background-size: 100%}

.webp .pop_libao .pop_title {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_title_a8c3b323.webp) center bottom no-repeat;
  background-size: 100%}

.no-webp .pop_libao .pop_title {background-size:100%}

.webp .pop_libao .pop_title {background-size:100%}

.pop_libao .pop_title {
  width: 5.08rem;
  height: .77rem;
  margin: 2.4rem auto .2rem;
}
.pop_libao .pop_con {
  display: none;
}
.no-webp .pop_libao .pop_con_gift {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_gift_d8a9eee1.png) center top no-repeat;
  background-size: 5.43rem 3.27rem}
.webp .pop_libao .pop_con_gift {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_gift_d8a9eee1.webp) center top no-repeat;
  background-size: 5.43rem 3.27rem}
.no-webp .pop_libao .pop_con_gift {background-size:5.43rem 3.27rem}
.webp .pop_libao .pop_con_gift {background-size:5.43rem 3.27rem}
.pop_libao .pop_con_gift {
  display: block;
  width: 100%;
  height: 6.81rem;
}
.pop_libao .pop_con_gift .btnWrap {
  width: 4.5rem;
  height: .64rem;
  margin: 0 auto;
  padding-top: 3rem;
}
.no-webp .pop_libao .pop_con_gift .btnWrap .btn_libao_get {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_btn_get_617e2484.png) 0 0 no-repeat;
  background-size: 100%}
.webp .pop_libao .pop_con_gift .btnWrap .btn_libao_get {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_btn_get_617e2484.webp) 0 0 no-repeat;
  background-size: 100%}
.no-webp .pop_libao .pop_con_gift .btnWrap .btn_libao_get {background-size:100%}
.webp .pop_libao .pop_con_gift .btnWrap .btn_libao_get {background-size:100%}
.pop_libao .pop_con_gift .btnWrap .btn_libao_get {
  width: 100%;
  height: 100%;
}
.pop_libao .pop_con_gift .btnWrap p {
  text-align: center;
  position: relative;
  margin: 10px auto;
  color: #786ec5;
  font-size: .26rem;
  line-height: 2;
}
.pop_libao .pop_con_gift .btnWrap p span {
  color: #b9464d;
}
.no-webp .pop_libao .pop_con_gift .btnWrap p:before, 
.no-webp .pop_libao .pop_con_gift .btnWrap p:after {background:#b49a6b}
.webp .pop_libao .pop_con_gift .btnWrap p:before, 
.webp .pop_libao .pop_con_gift .btnWrap p:after {background:#b49a6b}
.pop_libao .pop_con_gift .btnWrap p:before,
.pop_libao .pop_con_gift .btnWrap p:after {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: relative;
  top: -1px;
}
.pop_libao .pop_con_gift .btnWrap p:before {
  margin-right: 12px;
}
.pop_libao .pop_con_gift .btnWrap p:after {
  margin-left: 12px;
}
.pop_libao .pop_con_login {
  padding-top: .15rem;
  width: 5.8rem;
  height: 7.2rem;
}
.pop_libao .pop_con_login iframe {
  position: relative;
}
.pop_libao .pop_con_got {
  width: 6.48rem;
  color: #9c9cc7;
}
.pop_libao .pop_con_got h2 {
  height: .62rem;
  line-height: .62rem;
  font-size: .26rem;
  font-weight: normal;
  text-align: center;
}
.no-webp .pop_libao .pop_con_got .codeBox {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_copy_bg_e1f655a3.png) 0 0 no-repeat;
  background-size: 100% 100%}
.webp .pop_libao .pop_con_got .codeBox {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_copy_bg_e1f655a3.webp) 0 0 no-repeat;
  background-size: 100% 100%}
.no-webp .pop_libao .pop_con_got .codeBox {background-size:100% 100%}
.webp .pop_libao .pop_con_got .codeBox {background-size:100% 100%}
.pop_libao .pop_con_got .codeBox {
  width: 5.62rem;
  height: .89rem;
  margin: 0 auto .43rem;
}
.pop_libao .pop_con_got .codeBox .code {
  width: 3.8rem;
  float: left;
  margin-left: .12rem;
  color: #4e545c;
  font-size: .28rem;
  text-align: center;
  height: 100%;
  line-height: .9rem;
}
.no-webp .pop_libao .pop_con_got .codeBox .btn_clip {background:none}
.webp .pop_libao .pop_con_got .codeBox .btn_clip {background:none}
.pop_libao .pop_con_got .codeBox .btn_clip {
  border: none;
  display: block;
  width: 1.68rem;
  height: 100%;
}
.no-webp .pop_libao .pop_con_got .line {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_line_10cd95a1.png) no-repeat;
  background-size: 100% auto}
.webp .pop_libao .pop_con_got .line {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_line_10cd95a1.webp) no-repeat;
  background-size: 100% auto}
.no-webp .pop_libao .pop_con_got .line {background-size:100% auto}
.webp .pop_libao .pop_con_got .line {background-size:100% auto}
.pop_libao .pop_con_got .line {
  width: 7.33rem;
  height: .61rem;
  margin: 0.2rem 0 0.1rem -0.44rem;
}
.no-webp .pop_libao .pop_con_got .rule_title {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_get_title_4145ceb4.png) 0 0 no-repeat;
  background-size: 100%}
.webp .pop_libao .pop_con_got .rule_title {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_get_title_4145ceb4.webp) 0 0 no-repeat;
  background-size: 100%}
.no-webp .pop_libao .pop_con_got .rule_title {background-size:100%}
.webp .pop_libao .pop_con_got .rule_title {background-size:100%}
.pop_libao .pop_con_got .rule_title {
  margin: 0 auto .26rem;
  width: 3.8rem;
  height: 0.62rem;
}
.pop_libao .pop_con_got .rule {
  width: 6.45rem;
  margin: 0 auto;
}
.pop_libao .pop_con_got .rule .ruleRec {
  overflow: hidden;
}
.no-webp .pop_libao .pop_con_got .rule i {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/sprite-c0fb02_c0fb02dd.png) 0 bottom no-repeat;background-size:733px 79px;
background-position:-0px -63px;

  background-size: 100%}
.webp .pop_libao .pop_con_got .rule i {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/sprite-c0fb02_c0fb02dd.webp) 0 bottom no-repeat;background-size:733px 79px;
background-position:-0px -63px;

  background-size: 100%}
.no-webp .pop_libao .pop_con_got .rule i {background-size:733px 79px}
.webp .pop_libao .pop_con_got .rule i {background-size:733px 79px}
.no-webp .pop_libao .pop_con_got .rule i {background-position:-0px -63px}
.webp .pop_libao .pop_con_got .rule i {background-position:-0px -63px}
.no-webp .pop_libao .pop_con_got .rule i {background-size:100%}
.webp .pop_libao .pop_con_got .rule i {background-size:100%}
.pop_libao .pop_con_got .rule i {
  display: block;
  float: left;
  padding-top: .13rem;
  width: .16rem;
  height: .16rem;
width:16px;
height:16px;
}
.pop_libao .pop_con_got .rule p {
  margin-left: .28rem;
  font-size: .24rem;
  line-height: .4rem;
}
.pop_libao .pop_con_got .rule .red {
  color: #e47f2d;
}
.pop_libao .accountInfo,
.pop_libao .noGiftCodeTip {
  font-size: .26rem;
  width: 100%;
  text-align: center;
}
.pop_libao .logout {
  color: #e47f2d;
}
.pop_libao .noGiftCodeTip {
  padding-top: .4rem;
}
.pop_con_login.login-inited {
  position: relative;
}
.no-webp .pop_con_login.login-inited:before {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/sprite-c0fb02_c0fb02dd.png) no-repeat;background-size:733px 79px;
background-position:-0px -0px;

  background-size: 100% auto}
.webp .pop_con_login.login-inited:before {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/sprite-c0fb02_c0fb02dd.webp) no-repeat;background-size:733px 79px;
background-position:-0px -0px;

  background-size: 100% auto}
.no-webp .pop_con_login.login-inited:before {background-size:733px 79px}
.webp .pop_con_login.login-inited:before {background-size:733px 79px}
.no-webp .pop_con_login.login-inited:before {background-position:-0px -0px}
.webp .pop_con_login.login-inited:before {background-position:-0px -0px}
.no-webp .pop_con_login.login-inited:before {background-size:100% auto}
.webp .pop_con_login.login-inited:before {background-size:100% auto}
.pop_con_login.login-inited:before {
  content: '';
  position: absolute;
  left: -0.8rem;
  top: 4.2rem;
  width: 7.33rem;
  height: .61rem;
width:733px;
height:61px;
}
#captcha-wrap {
  font-size: .4rem;
  margin: 1.2rem auto 0;
}
#captcha-wrap .tip-msg {
  margin-bottom: .8rem;
  color: #b6b6f5;
  font-size: .4rem;
  text-align: center;
}
.pop-loginbox {
  color: #fff;
  height: 100%;
}
.pop-loginbox iframe {
  min-height: 320px;
}
.no-webp .pop-loginbox dt {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/ico-input_d5fc3199.png) no-repeat;
  background-size: .3rem}
.webp .pop-loginbox dt {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/ico-input_d5fc3199.webp) no-repeat;
  background-size: .3rem}
.no-webp .pop-loginbox dt {background-size:.3rem}
.webp .pop-loginbox dt {background-size:.3rem}
.pop-loginbox dt {
  position: absolute;
  font-size: 0;
  text-indent: -999em;
  width: .4rem;
  height: .4rem;
  margin-top: .2rem;
  margin-left: .2rem;
}
.no-webp .pop-loginbox dt.u-logo-img1 {background-position:.04rem 0.08rem}
.webp .pop-loginbox dt.u-logo-img1 {background-position:.04rem 0.08rem}
.pop-loginbox dt.u-logo-img1 {
}
.no-webp .pop-loginbox dt.u-logo-img2 {background-position:0.04rem -0.4rem}
.webp .pop-loginbox dt.u-logo-img2 {background-position:0.04rem -0.4rem}
.pop-loginbox dt.u-logo-img2 {
}
.no-webp .pop-loginbox dt.u-logo-img3 {background-position:0.04rem -0.9rem}
.webp .pop-loginbox dt.u-logo-img3 {background-position:0.04rem -0.9rem}
.pop-loginbox dt.u-logo-img3 {
}
.pop-loginbox dd {
  font-size: 0;
  margin-bottom: .26rem;
}
.no-webp .pop-loginbox input {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_input_bg_ddb2e22f.png) 0 0 no-repeat;
  background-size: 100% 100%}
.webp .pop-loginbox input {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_input_bg_ddb2e22f.webp) 0 0 no-repeat;
  background-size: 100% 100%}
.no-webp .pop-loginbox input {background-size:100% 100%}
.webp .pop-loginbox input {background-size:100% 100%}
.pop-loginbox input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 32px 10px 36px;
  border: 0;
  font-size: 16px;
  height: .86rem;
  line-height: .6rem;
  color: #a5a5a5;
  vertical-align: middle;
}
.pop-loginbox a {
  font: normal 0.28rem/0.9rem 'Microsoft YaHei';
  color: #999;
  text-decoration: underline;
  vertical-align: middle;
}
.no-webp .pop-loginbox #cdkey_authcode {background-image:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_input_bg-s_13ca57fc.png)}
.webp .pop-loginbox #cdkey_authcode {background-image:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_input_bg-s_13ca57fc.webp)}
.pop-loginbox #cdkey_authcode {
  width: 2.4rem;
}
.pop-loginbox #show_cdkey_authcode {
  width: 2.2rem;
  height: .88rem;
  margin: 0 .2rem 0 .1rem;
  vertical-align: middle;
}
.no-webp .pop-loginbox #btn_login {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_btn_login_cb0f1a69.png) center 0 no-repeat;
  background-size: 100%}
.webp .pop-loginbox #btn_login {background:url(https://qn.res.netease.com/pc/zt/20221114170633/img/pop_libao_btn_login_cb0f1a69.webp) center 0 no-repeat;
  background-size: 100%}
.no-webp .pop-loginbox #btn_login {background-size:100%}
.webp .pop-loginbox #btn_login {background-size:100%}
.pop-loginbox #btn_login {
  display: block;
  height: .9rem;
  margin-top: .35rem;
  line-height: 44px;
  font-size: 0;
  cursor: pointer;
}