#inner-menu {
  width: 100%;
  position: absolute;
  left: 0;
  top: 10px;
}
.no-webp #inner-menu .inner-logo {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/logo_0a1a1ca7.png) no-repeat center center / 100% 100%}
.webp #inner-menu .inner-logo {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/logo_0a1a1ca7.webp) no-repeat center center / 100% 100%}
#inner-menu .inner-logo {
  width: 227px;
  height: 60px;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 0;
  z-index: 8;
}
#inner-menu .btns {
  display: inline-block;
  width: 123px;
  height: 50px;
  font-size: 0;
  left: 240px;
  position: relative;
  z-index: 8;
}
.no-webp #inner-menu .btns a {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/menu_a661ae9d.png)}
.webp #inner-menu .btns a {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/menu_a661ae9d.webp)}
#inner-menu .btns a {
  width: 50%;
  height: 100%;
  display: inline-block;
}
.no-webp #inner-menu .btns a:hover {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/menu2_3492eec7.png)}
.webp #inner-menu .btns a:hover {background-image:url(https://qn.res.netease.com/pc/gw/20200824105157/img/menu2_3492eec7.webp)}
#inner-menu .btns a:hover {
}
.no-webp #inner-menu .btns .inner-menu {background-position:0 0}
.webp #inner-menu .btns .inner-menu {background-position:0 0}
#inner-menu .btns .inner-menu {
}
.no-webp #inner-menu .btns .inner-home {background-position:right 0}
.webp #inner-menu .btns .inner-home {background-position:right 0}
#inner-menu .btns .inner-home {
}
#inner-menu #menu_open {
  position: absolute;
  left: -20px;
  top: -10px;
  z-index: 6;
}

@font-face {
  font-family: "fzlth";
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/fzlth.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.btn-menu {
  position: absolute;
  width: 246px;
  top: 70px;
  z-index: 2;
  /*第一条线旋转动画*/
  /*第二条线淡入淡出动画动画*/
  /*第三条线旋转动画*/
}
.btn-menu .inner-header-icon {
  color: #ffffff;
  height: 50px;
  font-size: 25px;
  text-align: center;
  width: 50px;
  left: 50%;
  margin-left: -25px;
  position: relative;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  cursor: pointer;
}
.no-webp .btn-menu .inner-header-icon span {background-color:#ffffff}
.webp .btn-menu .inner-header-icon span {background-color:#ffffff}
.btn-menu .inner-header-icon span {
  position: absolute;
  top: calc((100% - 4px) / 2);
  right: 0;
  width: 50px;
  height: 1px;
}
.btn-menu .inner-header-icon span:nth-child(1) {
  width: 38px;
  -webkit-transform: translateY(8px) rotate(0deg);
          transform: translateY(8px) rotate(0deg);
}
.btn-menu .inner-header-icon span:nth-child(2) {
  width: 30px;
  opacity: 0;
}
.btn-menu .inner-header-icon span:nth-child(3) {
  width: 50px;
  -webkit-transform: translateY(-8px) rotate(0deg);
          transform: translateY(-8px) rotate(0deg);
}
.btn-menu .inner-header-icon-click span:nth-child(1) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: clickfirst;
          animation-name: clickfirst;
}
.btn-menu .inner-header-icon-click span:nth-child(2) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: clicksecond;
          animation-name: clicksecond;
}
.btn-menu .inner-header-icon-click span:nth-child(3) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: clickthird;
          animation-name: clickthird;
}
@-webkit-keyframes clickfirst {
  0% {
    -webkit-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
}
@keyframes clickfirst {
  0% {
    -webkit-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
}
@-webkit-keyframes clicksecond {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes clicksecond {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes clickthird {
  0% {
    -webkit-transform: translateY(8px) rotate(0deg);
            transform: translateY(8px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
}
@keyframes clickthird {
  0% {
    -webkit-transform: translateY(8px) rotate(0deg);
            transform: translateY(8px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
}
.btn-menu .inner-header-icon-out span:nth-child(1) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: outfirst;
          animation-name: outfirst;
}
.btn-menu .inner-header-icon-out span:nth-child(2) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: outsecond;
          animation-name: outsecond;
}
.btn-menu .inner-header-icon-out span:nth-child(3) {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: outthird;
          animation-name: outthird;
}
@-webkit-keyframes outfirst {
  0% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
}
@keyframes outfirst {
  0% {
    -webkit-transform: translateY(0) rotate(45deg);
            transform: translateY(0) rotate(45deg);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
}
@-webkit-keyframes outsecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes outsecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes outthird {
  0% {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(8px) rotate(0deg);
            transform: translateY(8px) rotate(0deg);
  }
}
@keyframes outthird {
  0% {
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(8px) rotate(0deg);
            transform: translateY(8px) rotate(0deg);
  }
}
.btn-menu p {
  text-align: center;
  color: #fff;
}
.no-webp .menu_open {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg2_af150398.png) no-repeat}
.webp .menu_open {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg2_af150398.webp) no-repeat}
.menu_open {
  width: 0;
  min-height: 1080px;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menu_open.active {
  width: 360px;
}
.menu_open .menus {
  margin-top: 180px;
}
.menu_open .menus li {
  height: 60px;
  width: 250px;
  text-align: center;
  color: #dbdbe4;
  margin-bottom: 4px;
  position: relative;
}
.menu_open .menus li.active .subnav,
.menu_open .menus li:hover .subnav {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.menu_open .menus li.active .subnav a,
.menu_open .menus li:hover .subnav a {
  opacity: 1;
}
.menu_open .menus li.active p,
.menu_open .menus li:hover p {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.menu_open .menus li.active p span,
.menu_open .menus li:hover p span {
  opacity: 1;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.menu_open .menus li.active p:before,
.menu_open .menus li:hover p:before {
  opacity: 1;
}
.menu_open .menus li.active p:after,
.menu_open .menus li:hover p:after {
  width: 247px;
}
.menu_open .menus li p {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 17px;
  cursor: pointer;
  text-align: left;
  text-indent: 93px;
}
.menu_open .menus li p span {
  display: inline-block;
  opacity: 0;
  position: absolute;
  right: 100px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.no-webp .menu_open .menus li p:before {background:#fff}
.webp .menu_open .menus li p:before {background:#fff}
.menu_open .menus li p:before {
  content: "";
  opacity: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: 108px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.no-webp .menu_open .menus li p:after {background:#fff}
.webp .menu_open .menus li p:after {background:#fff}
.menu_open .menus li p:after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  top: -9px;
  left: 115px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menu_open .menus li em {
  display: block;
  font-family: fzlth;
  color: #9494b0;
  letter-spacing: 2px;
  position: relative;
  left: 3px;
  top: 3px;
  font-size: 10px;
  text-align: center;
  text-indent: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.menu_open .menus a {
  color: #dbdbe4;
}
.menu_open .subnav {
  position: absolute;
  width: 168px;
  right: -88px;
  top: -6px;
  opacity: 0;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menu_open .subnav a {
  text-align: center;
  display: block;
  line-height: 38px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  position: relative;
}
.menu_open .subnav a:after {
  content: ">";
  display: inline-block;
  margin-left: 5px;
  opacity: 0;
}
.menu_open .subnav a:hover {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.menu_open .subnav a:hover:after {
  opacity: 1;
}
.no-webp .menu_open .service-phone {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_phone_cbeb34ee.png) no-repeat}
.webp .menu_open .service-phone {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_phone_cbeb34ee.webp) no-repeat}
.menu_open .service-phone {
  width: 360px;
  height: 43px;
  margin-top: 50px;
  position: relative;
}
.no-webp .menu_open .service-phone i {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_phone_3fae743f.png) no-repeat}
.webp .menu_open .service-phone i {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/icon_phone_3fae743f.webp) no-repeat}
.menu_open .service-phone i {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -17px;
  left: 103px;
}
.menu_open .service-phone p {
  text-align: center;
  color: #fff;
  line-height: 26px;
  position: relative;
  left: 10px;
  top: -26px;
}
.no-webp .menu_open .side-wx {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_wx_5d66c7e5.png)}
.webp .menu_open .side-wx {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/bg_wx_5d66c7e5.webp)}
.menu_open .side-wx {
  width: 104px;
  height: 128px;
  position: absolute;
  right: 30px;
  top: 148px;
  display: none;
}
.no-webp .menu_open .side-wx:after {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/wx_ab91d62f.jpg);
  background-size: 100%}
.webp .menu_open .side-wx:after {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/wx_ab91d62f.webp);
  background-size: 100%}
.no-webp .menu_open .side-wx:after {background-size:100%}
.webp .menu_open .side-wx:after {background-size:100%}
.menu_open .side-wx:after {
  content: '';
  width: 88px;
  height: 88px;
  display: block;
  position: relative;
  top: 12px;
  left: 8px;
}

.no-webp #mask {background-color:#000}

.webp #mask {background-color:#000}

#mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute;
  left: 0;
  top: 0;
  opacity: .65;
  filter: alpha(opacity=65);
  -moz-opacity: .65;
  z-index: 9999;
}
.no-webp .pop {background:#e9ecf6 url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-bg_f17105fe.jpg) no-repeat 50% 0}
.webp .pop {background:#e9ecf6 url(https://qn.res.netease.com/pc/gw/20200824105157/img/pop-bg_f17105fe.webp) no-repeat 50% 0}
.pop {
  position: fixed;
  _position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  width: 600px;
  min-height: 280px;
  font-size: 14px;
  line-height: 1.5em;
  font-family: "Microsoft YaHei", serif;
  color: #242434;
  z-index: 10000;
  display: none;
  _height: 260px;
}
.pop_hd {
  height: 56px;
  position: relative;
}
.no-webp .pop_hd .close_pop {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/close_afd339b6.png) no-repeat}
.webp .pop_hd .close_pop {background:url(https://qn.res.netease.com/pc/gw/20200824105157/img/close_afd339b6.webp) no-repeat}
.pop_hd .close_pop {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 39px;
  height: 39px;
  text-indent: -999em;
  outline: 0;
  -webkit-transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.pop_hd .close_pop:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pop_hd h6,
.pop_hd h5 {
  height: 50px;
  font: 400 28px/56px 'Microsoft YaHei';
  text-align: center;
  color: #fff;
  margin: 0;
}
.pop_hd h5 {
  font-size: 18px;
}
.pop_bd {
  padding: 20px;
}
.pop_bd p {
  line-height: 1.6;
  padding-bottom: 10px;
}
.pop a {
  color: #888;
}
.pop a:hover {
  text-decoration: underline;
}
.no-webp .pop input {background:#f4faff}
.webp .pop input {background:#f4faff}
.pop input {
  width: 146px;
  height: 21px;
  line-height: 21px;
  padding: 1px;
  vertical-align: middle;
  font-size: 12px;
  color: #000;
  border: 1px solid #78a1c8;
}
.no-webp .pop .btn, 
.no-webp .pop .btn_fw, 
.no-webp .pop .btn_bk {background-image:url(https://qn.res.netease.com/pc/fab/20160406111403/img/pop_btns_19a082d.png)}
.webp .pop .btn, 
.webp .pop .btn_fw, 
.webp .pop .btn_bk {background-image:url(https://qn.res.netease.com/pc/fab/20160406111403/img/pop_btns_19a082d.webp)}
.pop .btn,
.pop .btn_fw,
.pop .btn_bk {
  display: inline-block;
  height: 45px;
  width: 145px;
  font: 400 20px/42px 'Microsoft YaHei';
  color: #402403;
  text-align: center;
  text-decoration: none;
  *display: inline;
  *zoom: 1;
}
.no-webp .pop .btn:hover, 
.no-webp .pop .btn_fw:hover, 
.no-webp .pop .btn_bk:hover {background-position:0 -45px}
.webp .pop .btn:hover, 
.webp .pop .btn_fw:hover, 
.webp .pop .btn_bk:hover {background-position:0 -45px}
.pop .btn:hover,
.pop .btn_fw:hover,
.pop .btn_bk:hover {
  color: #000;
  text-decoration: none;
}
.pop .btn_box {
  padding: 10px 0;
  text-align: center;
}
#cdkey_authcode {
  width: 83px;
}
.yy_code {
  display: inline-block;
  padding: 10px 0;
  text-align: left;
  border-bottom: 1px solid #bebec3;
  margin-bottom: 10px;
}
.pop_form_list {
  padding: 5px 0;
  margin: 0 auto;
}
.pop_form_list iframe {
  min-height: 266px;
}
.pop_form_list li {
  line-height: 32px;
  padding: 0 5px 0 88px;
  _zoom: 1;
}
.pop_form_list img {
  vertical-align: middle;
  margin: 0 -9px 0 0;
}
.no-webp .pop_form_list .chk {background:url(https://qn.res.netease.com/pc/fab/20160406111403/img/pop_btns_19a082d.png) -999px 0 no-repeat}
.webp .pop_form_list .chk {background:url(https://qn.res.netease.com/pc/fab/20160406111403/img/pop_btns_19a082d.webp) -999px 0 no-repeat}
.pop_form_list .chk {
  display: inline-block;
  vertical-align: middle;
  padding-left: 26px;
  line-height: 16px;
  font-size: 12px;
  margin: 0 2px;
  *display: inline;
  *zoom: 1;
}
.no-webp .pop_form_list .chk.o {background-position:-150px -10px}
.webp .pop_form_list .chk.o {background-position:-150px -10px}
.pop_form_list .chk.o {
  height: 16px;
}
.no-webp .pop_form_list .chk.x {background-position:-150px -55px}
.webp .pop_form_list .chk.x {background-position:-150px -55px}
.pop_form_list .chk.x {
}
.pop_form_list a,
.yy_code a {
  font-size: 12px;
  margin-left: 8px;
}
#pop_form_login label {
  vertical-align: middle;
  display: inline;
  width: 92px;
  height: 26px;
  line-height: 32px;
  text-align: right;
  float: left;
  margin-left: -88px;
}
.pop_form_list .i_text {
  width: 210px;
}
#pop1_btn {
  margin: 0 0 0 172px;
  float: left;
}
#pop1_reg {
  float: left;
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
  line-height: 50px;
}
#pop1_note {
  padding-bottom: 30px;
  clear: both;
}
#sn_code {
  width: 240px;
  height: 36px;
  line-height: 36px;
  color: #242434;
  margin: 0 5px;
  font: 700 16px/22px "Microsoft YaHei", serif;
}
.no-webp .btn_copy {background:#b29032}
.webp .btn_copy {background:#b29032}
.btn_copy {
  display: inline-block;
  padding: 6px 10px;
  font-size: 14px;
  margin-left: 10px;
  color: #fff;
  outline: 0;
}
.no-webp .btn_copy:hover {background:#c4a85b}
.webp .btn_copy:hover {background:#c4a85b}
.btn_copy:hover {
}
#pop_form_save {
  padding: 0 0 6px;
  text-align: center;
}
#pop_form_save li {
  padding-left: 10px;
}
#pop_saved .pop_bd {
  padding: 20px 40px;
}
#pop_sms {
  height: 202px;
  min-height: 202px;
}
#sms_invite {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999em;
}