/** mixins **/
/* Impact */
@font-face {
  font-family: 'Impact';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/Impact-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/Impact-Regular.woff') format('woff');
  font-weight: 400;
}
/* 汉仪力量黑简体 */
@font-face {
  font-family: 'HYLiLiangHeiJ';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYLiLiangHeiJ-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYLiLiangHeiJ-Regular.woff') format('woff');
  font-weight: 400;
}
/* 汉仪旗黑 */
@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://ananta.res.netease.com/pc/gw/20241108220245/assets/HYQiHei-90S_23b4a5e1.woff2) format('woff2'), url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/HYQiHei-90S_01f01f30.woff) format('woff');
  font-weight: 900;
}
@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;
}
/* 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;
}
/* MiSans */
@font-face {
  font-family: 'MiSans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-TC-Light.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-TC-Light.woff') format('woff');
  font-weight: 250;
}
@font-face {
  font-family: 'MiSans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-TC-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-TC-Regular.woff') format('woff');
  font-weight: 330;
}
@font-face {
  font-family: 'MiSans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-TC-Demibold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-TC-Demibold.woff') format('woff');
  font-weight: 450;
}
@font-face {
  font-family: 'MiSans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-TC-Bold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-TC-Bold.woff') format('woff');
  font-weight: 630;
}
/* Noto黑体繁体 */
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体韩语 */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff') format('woff');
  font-weight: 700;
}
/* Black Han Sans */
@font-face {
  font-family: 'Black Han Sans';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/Black-Han-Sans-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/Black-Han-Sans-Regular.woff') format('woff');
  font-weight: 400;
}
/* MiSans */
@font-face {
  font-family: 'MiSans Latin';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Latin-Light.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Latin-Light.woff') format('woff');
  font-weight: 250;
}
@font-face {
  font-family: 'MiSans Latin';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Latin-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Latin-Regular.woff') format('woff');
  font-weight: 330;
}
@font-face {
  font-family: 'MiSans Latin';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Latin-Demibold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Latin-Demibold.woff') format('woff');
  font-weight: 450;
}
@font-face {
  font-family: 'MiSans Latin';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Latin-Bold.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/MiSans-Latin-Bold.woff') format('woff');
  font-weight: 630;
}
/* 汉仪旗黑Y1 */
@font-face {
  font-family: 'HYQiHeiY1';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYQiHeiY1-95W.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYQiHeiY1-95W.woff') format('woff');
  font-weight: 400;
}
/* 汉仪力量黑简体 */
@font-face {
  font-family: 'HYLiLiangHeiJ';
  src: url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYLiLiangHeiJ-Regular.woff2') format('woff2'), url('https://nie.res.netease.com/comm/js/leihuo/fonts/HYLiLiangHeiJ-Regular.woff') format('woff');
  font-weight: 400;
}
#g-yuyue {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  font-family: 'MiSans', sans-serif;
  font-size: 22px;
  font-weight: 330;
}
#g-yuyue input {
  color: #191919;
  font-size: 20px;
}
#g-yuyue input::-webkit-input-placeholder {
  color: #7d7d7d;
}
#g-yuyue input::-moz-placeholder {
  color: #7d7d7d;
}
#g-yuyue input:-ms-input-placeholder {
  color: #7d7d7d;
}
#g-yuyue input::-ms-input-placeholder {
  color: #7d7d7d;
}
#g-yuyue input::placeholder {
  color: #7d7d7d;
}
#g-yuyue .yuyue-pop {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 536px;
  min-height: 655px;
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/bg_58709f99.png) center center no-repeat;
  background-size: 100% 100%;
}
#g-yuyue .yuyue-pop .survey-tips {
  font-size: 20px;
  position: absolute;
  color: #181819;
  top: 142px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#g-yuyue .yuyue-pop.step-1 {
  padding: 60px;
}
#g-yuyue .yuyue-pop.step-1 .yuyue-channel,
#g-yuyue .yuyue-pop.step-1 .yuyue-title,
#g-yuyue .yuyue-pop.step-1 .yuyue-jump-link {
  display: none;
}
#g-yuyue .yuyue-pop.step-1 .system-select,
#g-yuyue .yuyue-pop.step-1 #phone-wrap {
  display: block;
}
#g-yuyue .yuyue-pop.step-2 {
  padding-top: 120px;
  width: 536px;
  min-height: 341px;
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/bg-small_c7dd69b6.png) center center no-repeat;
  background-size: 100% 100%;
}
#g-yuyue .yuyue-pop.step-2.has-btn {
  height: 427px;
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/bg-small-hasbtn_a6895512.png) center center no-repeat;
  -webkit-box-sizing: 100% 100%;
          box-sizing: 100% 100%;
}
#g-yuyue .yuyue-pop.step-2.first {
  padding-top: 135px;
  width: 536px;
  min-height: 341px;
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/bg-small-first_4654b681.png) center center no-repeat;
  background-size: 100% 100%;
}
#g-yuyue .yuyue-pop.step-2.first.has-btn {
  height: 434px;
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/bg-small-first-hasbtn_950f0d0a.png) center center no-repeat;
  -webkit-box-sizing: 100% 100%;
          box-sizing: 100% 100%;
}
#g-yuyue .yuyue-pop.step-2 .yuyue-channel,
#g-yuyue .yuyue-pop.step-2 .yuyue-title {
  display: block;
}
#g-yuyue .yuyue-pop.step-2 .system-select,
#g-yuyue .yuyue-pop.step-2 #phone-wrap,
#g-yuyue .yuyue-pop.step-2 .agreement,
#g-yuyue .yuyue-pop.step-2 .yuyue-btn {
  display: none;
}
#g-yuyue .yuyue-pop .yuyue-close {
  position: absolute;
  top: 20px;
  right: 22px;
  width: 29px;
  height: 25px;
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) center center no-repeat;background-size:172.58536585365852px 154.60526315789474px;
background-position:-87px -0px;

  -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-yuyue .yuyue-pop .yuyue-close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#g-yuyue .yuyue-pop .system-select {
  display: none;
  width: 460px;
  height: 62px;
  background: #c7c9cd;
  border-radius: 10px;
  margin-left: -22px;
  font-weight: 330;
}
#g-yuyue .yuyue-pop .system-select #system-select-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  height: 100%;
  width: 153px;
  color: #191919;
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item span {
  position: relative;
  z-index: 1;
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item .active-bg {
  display: none;
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item:nth-child(2) {
  width: 154px;
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item:nth-child(2)::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 26px;
  background: #a7a7a8;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item:nth-child(2)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 26px;
  background: #a7a7a8;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item:nth-child(2).active .active-bg {
  width: 154px;
  left: 0;
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item:nth-child(1).active .active-bg {
  width: 155px;
  left: 0;
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item:nth-child(3).active .active-bg {
  width: 155px;
  right: 0;
  left: unset;
}
#g-yuyue .yuyue-pop .system-select #system-select-list .system-select-item.active .active-bg {
  display: block;
  content: '';
  width: 100%;
  height: 70px;
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/select-active_81d78065.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#g-yuyue .yuyue-pop #phone-wrap {
  display: none;
  width: 416px;
  margin: 58px auto 0;
  min-height: 268px;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap {
  width: 100%;
  font-size: 22px;
  color: #a2a2a2;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .phone-wrap {
  height: 64px;
  background: #efeff0;
  border-radius: 10px;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .phone-wrap .phone-country-code {
  border: none;
  height: 64px;
  width: 80px;
  font-size: 24px;
  position: relative;
  margin-right: 0;
  text-align: left;
  padding-left: 20px;
  pointer-events: none;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .phone-wrap .phone-input {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .phone-wrap .phone-input::before {
  display: block;
  content: '';
  width: 2px;
  height: 22px;
  background: #c8c8c8;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -11px;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .phone-wrap input {
  height: 100%;
  padding-left: 17px;
  border-radius: 8px;
  border: none;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .qualCaptcha {
  margin: 16px auto;
  width: 100%;
  height: 64px;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .qualCaptcha .yidun_intelli-control {
  height: 64px !important;
  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;
  border: none !important;
  border-radius: 10px;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .qualCaptcha .yidun_intelli-text {
  font-size: 22px;
  color: #5c5c5c;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .qualCaptcha .yidun-fallback__tip {
  font-size: 22px;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .code-wrap {
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .code-wrap input {
  border-radius: 10px;
  width: 257px;
  height: 64px;
  padding-left: 20px;
  padding-right: 20px;
  background: #efeff0;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .code-wrap .btn-sendCode {
  width: 144px;
  height: 100%;
  background-color: rgba(35, 59, 222, 0.17);
  border-radius: 10px;
  line-height: 64px;
  color: #191919;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .code-wrap .btn-sendCode:hover {
  background-color: rgba(35, 29, 222, 0.2);
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .err-tip {
  color: #191919;
  font-size: 16px;
  margin-top: 20px;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .icon-err {
  color: #e52e41;
  font-size: 20px;
}
#g-yuyue .yuyue-pop #phone-wrap .phone-verify-wrap .err-msg #change-email {
  text-decoration: underline;
  cursor: pointer;
  color: #233bde;
}
#g-yuyue .yuyue-pop #phone-wrap .btn-submit {
  position: absolute;
  top: -9999px;
  z-index: -999999;
  opacity: 0;
}
#g-yuyue .yuyue-pop .yuyue-title {
  display: none;
  font-size: 32px;
  line-height: 32px;
  color: #191919;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 30px;
  font-weight: 630;
}
#g-yuyue .yuyue-pop .yuyue-btn,
#g-yuyue .yuyue-pop .yuyue-jump-link {
  cursor: pointer;
  height: 64px;
  width: 417px;
  background: #191919;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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: 64px;
  margin: 18px auto;
}
#g-yuyue .yuyue-pop .yuyue-btn:hover,
#g-yuyue .yuyue-pop .yuyue-jump-link:hover {
  background: #3b3a3a;
}
#g-yuyue .yuyue-pop .agreement {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 15px;
  color: #7d7d7d;
  cursor: pointer;
  margin-top: 22px;
}
#g-yuyue .yuyue-pop .agreement span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#g-yuyue .yuyue-pop .agreement a {
  color: #233bde;
}
#g-yuyue .yuyue-pop .agreement a:hover {
  text-decoration: underline;
}
#g-yuyue .yuyue-pop .agreement.active .check-box {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-206px -170px;
width:20px;
height:20px;

  border: none;
}
#g-yuyue .yuyue-pop .agreement .check-box {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #7D7D7D;
  /* no */
  border-radius: 20px;
  margin-top: 2px;
}
#g-yuyue .yuyue-pop .yuyue-channel {
  position: relative;
  display: none;
  margin-top: 32px;
}
#g-yuyue .yuyue-pop .yuyue-channel .channel-tips {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: #7d7d7d;
  font-size: 20px;
  font-weight: 330;
}
#g-yuyue .yuyue-pop .yuyue-channel .channel-tips::after,
#g-yuyue .yuyue-pop .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-yuyue .yuyue-pop .yuyue-channel .channel-tips::before {
  left: unset;
  right: -22px;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  padding: 0 50px;
  margin-top: -5px;
  cursor: default;
  background-color: transparent;
  border-radius: 15px;
}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item {
  display: block;
  margin: 15px 4px;
  position: relative;
}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item:hover .code-box {
  display: block;
}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.wx {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-206px -136px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.wx:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-114px -167px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.wb {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-0px -201px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.wb:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-123px -76px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.b {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-102px -133px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.b:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-168px -0px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.tap {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-168px -34px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.tap:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-168px -68px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.qq {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-168px -102px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.qq:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-0px -167px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.bc {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-38px -167px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.bc:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-152px -201px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.uu {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-123px -42px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.uu:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-152px -167px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.mumu {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-206px -0px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.mumu:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-206px -34px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.yyy {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-206px -68px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.yyy:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-206px -102px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.ds {
  width: 34px;
  height: 30px;
  position: relative;
}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.ds::after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-0px -133px;
width:47px;
height:30px;

  -webkit-transform: translate(-50%, -10%) scale(0.8);

          transform: translate(-50%, -10%) scale(0.8);
}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.ds:hover::after {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-51px -133px;
width:47px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.dy {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-38px -201px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.dy:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-76px -201px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.tieba {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-114px -201px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item.tieba:hover {
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-76px -167px;
width:34px;
height:30px;

}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item .code-box {
  display: none;
  position: absolute;
  background: url(https://ananta.res.netease.com/pc/gw/20241108220245/assets/sprite-ab1c96_ab1c9617.png) no-repeat;background-size:244px 235px;
background-position:-0px -0px;
width:119px;
height:129px;

  left: 50%;
  top: 28px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#g-yuyue .yuyue-pop .yuyue-channel .qudao-list .channel-item .code-box .qr-code {
  width: 111px;
  height: 111px;
  position: absolute;
  top: 14px;
  left: 4px;
}