/** mixins **/
/* 以下字体没找到对应的FontFace: */
/* Bebas Neue,Inter */
/* MiSans */
@font-face {
  font-family: 'MiSans';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Light.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Light.woff') format('woff');
  font-weight: 250;
}
@font-face {
  font-family: 'MiSans';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Regular.woff') format('woff');
  font-weight: 330;
}
@font-face {
  font-family: 'MiSans';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Demibold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Demibold.woff') format('woff');
  font-weight: 450;
}
@font-face {
  font-family: 'MiSans';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Bold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Bold.woff') format('woff');
  font-weight: 630;
}
/* 汉仪旗黑 50S */
@font-face {
  font-family: 'HYQiHei';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYQiHei-50S.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYQiHei-50S.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'HYQiHei';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYQiHei-105J.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYQiHei-105J.woff') format('woff');
  font-weight: 1000;
}
@font-face {
  font-family: 'HYQiHei';
  src: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/HYQiHei-90S_23b4a5e1.woff2) format('woff2'), url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/HYQiHei-90S_01f01f30.woff) format('woff');
  font-weight: 900;
}
@font-face {
  font-family: 'ANANTA';
  src: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/ANANTA_ee89c025.woff) format('woff');
}
@font-face {
  font-family: 'MiSans-Demibold-nm';
  src: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/MiSans-Demibold-nm_57150126.woff) format('woff');
}
.qudao-list .icon-bc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-bc::before {
  content: "";
  display: block;
  width: 29px;
  height: 31px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-bc_ebdbb90e.svg);
  background-size: contain;
}
.qudao-list .icon-bc:hover::before {
  opacity: 0.75;
}
.qudao-list .icon-blbl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-blbl::before {
  content: "";
  display: block;
  width: 33px;
  height: 31px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-blbl_93a93c68.svg);
  background-size: contain;
}
.qudao-list .icon-blbl:hover::before {
  opacity: 0.75;
}
.qudao-list .icon-ds {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-ds::before {
  content: "";
  display: block;
  width: 41px;
  height: 23px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-ds_9ae70e47.svg);
  background-size: contain;
}
.qudao-list .icon-ds:hover::before {
  opacity: 0.75;
}
.qudao-list .icon-dy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-dy::before {
  content: "";
  display: block;
  width: 28px;
  height: 32px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-dy_e31ee7a0.svg);
  background-size: contain;
}
.qudao-list .icon-dy:hover::before {
  opacity: 0.75;
}
.qudao-list .icon-qq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-qq::before {
  content: "";
  display: block;
  width: 27px;
  height: 31px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-qq_80e7e298.svg);
  background-size: contain;
}
.qudao-list .icon-qq:hover::before {
  opacity: 0.75;
}
.qudao-list .icon-tap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-tap::before {
  content: "";
  display: block;
  width: 32px;
  height: 31px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-tap_a4b8fb3e.svg);
  background-size: contain;
}
.qudao-list .icon-tap:hover::before {
  opacity: 0.75;
}
.qudao-list .icon-tb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-tb::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-tb_5f5acad7.svg);
  background-size: contain;
}
.qudao-list .icon-tb:hover::before {
  opacity: 0.75;
}
.qudao-list .icon-wb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-wb::before {
  content: "";
  display: block;
  width: 39px;
  height: 33px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-wb_6f55ac63.svg);
  background-size: contain;
}
.qudao-list .icon-wb:hover::before {
  opacity: 0.75;
}
.qudao-list .icon-wx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-wx::before {
  content: "";
  display: block;
  width: 39px;
  height: 32px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-wx_4b66845b.svg);
  background-size: contain;
}
.qudao-list .icon-wx:hover::before {
  opacity: 0.75;
}
.qudao-list .icon-wyy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.qudao-list .icon-wyy::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-wyy_1be12393.svg);
  background-size: contain;
}
.qudao-list .icon-wyy:hover::before {
  opacity: 0.75;
}
#g-email-yuyue {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  font-family: "MiSans", sans-serif;
  font-size: 22px;
  font-weight: 330;
}
#g-email-yuyue .email-yuyue-pop {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 537px;
  height: 545px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#g-email-yuyue .email-yuyue-pop .yuyue-bg-under {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(320.93deg, rgba(255, 255, 255, 0) -21.36%, rgba(255, 255, 255, 0.74) 109.44%);
  overflow: hidden;
  border-radius: 8px;
  backdrop-filter: blur(45px);
}
#g-email-yuyue .email-yuyue-pop .yuyue-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(145.86deg, rgba(255, 255, 255, 0.2448) 3.79%, rgba(255, 255, 255, 0.34) 105.51%);
  backdrop-filter: blur(45px);
}
#g-email-yuyue .email-yuyue-pop .bg-top {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 538px;
  height: 588px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/bg-top_711da3e3.png) no-repeat;
  background-size: 100% 100%;
}
#g-email-yuyue .email-yuyue-pop .bg-bottom {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 161px;
  height: 14px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/bg-bottom_1030961a.png) no-repeat;
  background-size: 100% 100%;
}
#g-email-yuyue .email-yuyue-pop .bg-logo {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 538px;
  height: 588px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/bg-logo_e593f88b.png) no-repeat;
  background-size: 100% 100%;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-box {
  position: relative;
}
#g-email-yuyue .email-yuyue-pop.step-1 {
  padding-bottom: 20px;
  color: #a2a2a2;
}
#g-email-yuyue .email-yuyue-pop.step-1 .email-yuyue-title {
  font-size: 32px;
  font-weight: 630;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#g-email-yuyue .email-yuyue-pop.step-1 .email-yuyue-title::before {
  content: "";
  width: 58px;
  height: 43px;
  margin-bottom: 8px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/icon-email_d3b61c53.svg);
  background-size: 100% 100%;
}
#g-email-yuyue .email-yuyue-pop.step-1 .email-yuyue-channel .channel-tips {
  font-size: 20px;
  color: #7d7d7d;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 22px auto 0;
  font-weight: 330;
}
#g-email-yuyue .email-yuyue-pop.step-1 .email-yuyue-tips,
#g-email-yuyue .email-yuyue-pop.step-1 .email {
  display: block;
}
#g-email-yuyue .email-yuyue-pop.step-1 .submit-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#g-email-yuyue .email-yuyue-pop.step-2 {
  width: 536px;
  height: 341px;
}
#g-email-yuyue .email-yuyue-pop.step-2.has-btn {
  height: 434px;
}
#g-email-yuyue .email-yuyue-pop.step-2.repeat {
  height: 341px;
}
#g-email-yuyue .email-yuyue-pop.step-2.repeat.has-btn {
  height: 427px;
}
#g-email-yuyue .email-yuyue-pop.step-2 .email-yuyue-title {
  white-space: break-spaces;
  font-weight: 630;
}
#g-email-yuyue .email-yuyue-pop.step-2 .email-yuyue-channel {
  margin-bottom: 20px;
}
#g-email-yuyue .email-yuyue-pop .error-tips {
  display: none;
  width: 416px;
  font-size: 16px;
  color: #e52e41;
}
#g-email-yuyue .email-yuyue-pop .error-tips::before {
  font-family: "iconfontqual", sans-serif !important;
  font-size: 20px;
  content: "\E609";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 7px;
}
#g-email-yuyue .email-yuyue-pop .email {
  display: none;
  margin: 20px auto;
  width: 416px;
  height: 64px;
  line-height: 64px;
  border-radius: 8px;
  padding: 0 20px;
  background: #efeff0;
  font-size: 20px;
  border: none;
  color: #191919;
}
#g-email-yuyue .email-yuyue-pop .email::-webkit-input-placeholder {
  color: #7d7d7d;
}
#g-email-yuyue .email-yuyue-pop .email::-moz-placeholder {
  color: #7d7d7d;
}
#g-email-yuyue .email-yuyue-pop .email:-ms-input-placeholder {
  color: #7d7d7d;
}
#g-email-yuyue .email-yuyue-pop .email::-ms-input-placeholder {
  color: #7d7d7d;
}
#g-email-yuyue .email-yuyue-pop .email::placeholder {
  color: #7d7d7d;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-tips {
  display: none;
  text-align: center;
  font-size: 20px;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-close {
  position: absolute;
  top: 20px;
  right: 22px;
  background: url(https://ananta.res.netease.com/pc/gw/20250901145208/assets/sprite-b5bf2a_b5bf2a88.png) no-repeat;background-size:24px 24px;
background-position:-0px -0px;
width:20px;
height:20px;

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#g-email-yuyue .email-yuyue-pop .submit-btn,
#g-email-yuyue .email-yuyue-pop .yuyue-jump-link {
  display: none;
  cursor: pointer;
  height: 64px;
  width: 417px;
  background: #191919;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  margin: 16px auto 0;
  color: #fff;
  font-size: 24px;
  font-weight: 330;
}
#g-email-yuyue .email-yuyue-pop .submit-btn:hover,
#g-email-yuyue .email-yuyue-pop .yuyue-jump-link:hover {
  background: #3b3a3a;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-title {
  font-size: 32px;
  color: #191919;
  text-align: center;
  font-weight: 630px;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel {
  position: relative;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel .channel-tips {
  margin: 28px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: #7d7d7d;
  font-size: 22px;
  text-align: center;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel .channel-tips::after,
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel .channel-tips::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -22px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  width: 62px;
  height: 2px;
  background-color: #898989;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel .channel-tips::before {
  left: unset;
  right: -22px;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel .qudao-list {
  width: 280px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
  margin: 0 auto;
  cursor: default;
  background-color: transparent;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel .qudao-list .channel-item {
  display: block;
  margin: 16px 10px 0;
  position: relative;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel .qudao-list .channel-item:hover .code-box {
  display: block;
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel .qudao-list .channel-item .code-box {
  display: none;
  position: absolute;
  width: 116px;
  height: 116px;
  left: 50%;
  top: 28px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#g-email-yuyue .email-yuyue-pop .email-yuyue-channel .qudao-list .channel-item .code-box .qr-code {
  width: 111px;
  height: 111px;
  position: absolute;
  top: 14px;
  left: 4px;
  border-radius: 5px;
}