/** mixins **/
@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;
}
html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: #004da7;
  font-family: fzlth, sans-serif;
  max-width: 2560px;
  color: #eee;
}
body {
  --nav-pop-menu-background-color: #ebeff4;
  --nav-secoundary-menu-bg-color: #dfe3e8;
  --nav-drawer-bg-color: #ebeff4;
  --nav-submenu-open-background-color: #dfe3e8;
  --nav-site-logo-padding: 32px 16px 32px 32px;
  font-size: 16px;
}
body .blz-mobile-nav .el-menu .title .title-badge,
body .blz-nav .el-menu .title .title-badge {
  background: #d66515;
  color: #ffffff;
}
body .blz-nav.desktop-nav .el-submenu .el-menu--horizontal .el-menu .el-menu-item-group.secondary-menu .el-menu-item:hover {
  background-color: #d4d7dc;
}
body .blz-nav .el-submenu .el-menu--horizontal .el-menu .el-menu-item.login-meun-item:hover {
  background-color: transparent;
}
body .blz-nav-submenu .el-menu .title .subtitle-content .sub-title,
body .blz-nav .el-menu .title .subtitle-content .sub-title {
  color: #6f7073;
}
body .blz-mobile-nav .el-menu .title .subtitle-content .sub-title {
  color: #6f7073;
}
body .blz-mobile-nav .el-menu .el-menu-item.secondary-menu .blz-iconfont {
  background-color: #000000e6;
  border-radius: 8px;
  outline: 1px solid #000000e6;
}
body .blz-nav .site-logo .blz-nav-submenu .blz-iconfont {
  background-color: #000000e6;
  border-radius: 8px;
  outline: 2px solid #000000e6;
}
body .blz-account-panel .blz-login-info .blz-battle-nick-name {
  color: #009dff;
}
body .ow-button-primary {
  background-color: #f06414;
}
body .el-drawer__container .el-drawer .el-drawer__header .close {
  background-color: transparent;
  color: #000000;
}
body .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .button-group .nav-btn.button-download {
  background-color: #f06414;
}
body .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .button-group .nav-btn.button-download:hover {
  background-color: #f06414;
}
body .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .button-group .nav-btn.button-blue {
  background-color: #0074E0;
}
body .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .button-group .nav-btn.button-blue:hover {
  background-color: #0074E0;
}
body .blz-account-panel .blz-login-info .blz-battle-nick-name .tag-tail {
  color: #0000004d;
}
body .blz-nav-submenu .el-menu .el-menu-item-group.secondary-menu:last-child {
  border-radius: 0px 0 10px 10px;
}
body .el-drawer.nav-drawer .el-drawer__body .primary-menu-wrapper .mobile-site-logo {
  max-width: 95%;
}
body .blz-mobile-nav,
body .blz-nav {
  background-color: rgba(229, 235, 244, 0.8);
}
body .blz-mobile-nav .button-group .nav-btn:hover,
body .blz-nav .button-group .nav-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
body .blz-mobile-nav .button-group .nav-btn.button-download,
body .blz-nav .button-group .nav-btn.button-download {
  background-color: #f06414;
}
body .blz-mobile-nav .button-group .nav-btn.button-blue,
body .blz-nav .button-group .nav-btn.button-blue {
  background-color: #0074E0;
}
body .blz-mobile-nav.mobile-nav .icon-menu-wrapper,
body .blz-nav.mobile-nav .icon-menu-wrapper {
  color: #000000;
}
body .blz-mobile-nav.mobile-nav .icon-user-wrapper,
body .blz-nav.mobile-nav .icon-user-wrapper {
  color: #000000;
}
body .blz-mobile-nav .el-submenu__title i,
body .blz-nav .el-submenu__title i {
  color: #000000;
}
body .blz-mobile-nav .el-menu .el-menu-item,
body .blz-nav .el-menu .el-menu-item {
  color: #000000;
}
body .blz-mobile-nav .el-menu .el-menu-item.site-logo,
body .blz-nav .el-menu .el-menu-item.site-logo {
  background-color: rgba(255, 255, 255, 0.7);
}
body .blz-mobile-nav .el-menu .el-menu-item.site-logo:hover,
body .blz-nav .el-menu .el-menu-item.site-logo:hover {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
body .blz-mobile-nav .el-menu .el-menu-item:hover,
body .blz-nav .el-menu .el-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000000;
}
body .blz-mobile-nav .el-menu .el-menu-item.is-active,
body .blz-nav .el-menu .el-menu-item.is-active {
  color: #000000;
}
body .blz-mobile-nav .el-submenu,
body .blz-nav .el-submenu {
  border-radius: 8px;
}
body .blz-mobile-nav .el-submenu:hover,
body .blz-nav .el-submenu:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
body .blz-mobile-nav .el-submenu .el-menu--horizontal .el-menu .el-menu-item,
body .blz-nav .el-submenu .el-menu--horizontal .el-menu .el-menu-item {
  background-color: transparent;
}
body .blz-mobile-nav .el-submenu .el-menu--horizontal .el-menu .el-menu-item:hover,
body .blz-nav .el-submenu .el-menu--horizontal .el-menu .el-menu-item:hover {
  background-color: #dfe3e8;
}
body .blz-mobile-nav .el-submenu .el-submenu__title .primary-menu,
body .blz-nav .el-submenu .el-submenu__title .primary-menu {
  color: #000000;
}
body .blz-mobile-nav .el-submenu .el-submenu__title .account,
body .blz-nav .el-submenu .el-submenu__title .account {
  color: #000000;
}
.fill-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.over-hidden {
  overflow: hidden;
}
.mask-inverse-top-divider {
  -webkit-mask-box-image-source: url(https://ld5.res.netease.com/pc/zt/20241113163154/assets/Inverse_Top_Divider_de7b862b.svg);
          mask-border-source: url(https://ld5.res.netease.com/pc/zt/20241113163154/assets/Inverse_Top_Divider_de7b862b.svg);
  -webkit-mask-box-image-slice: 20 350 fill;
          mask-border-slice: 20 350 fill;
  -webkit-mask-box-image-repeat: no-repeat;
          mask-border-repeat: no-repeat;
}
.mask-top-solid-divider {
  -webkit-mask-box-image-source: url(https://ld5.res.netease.com/pc/zt/20241113163154/assets/Top_Solid_Divider_66d5db5c.svg);
          mask-border-source: url(https://ld5.res.netease.com/pc/zt/20241113163154/assets/Top_Solid_Divider_66d5db5c.svg);
  -webkit-mask-box-image-slice: 16 400 fill;
          mask-border-slice: 16 400 fill;
  -webkit-mask-box-image-repeat: no-repeat;
          mask-border-repeat: no-repeat;
}
.mask-top-divider {
  -webkit-mask-box-image-source: url(https://ld5.res.netease.com/pc/zt/20241113163154/assets/Top_Divider_2d39cd81.svg);
          mask-border-source: url(https://ld5.res.netease.com/pc/zt/20241113163154/assets/Top_Divider_2d39cd81.svg);
  -webkit-mask-box-image-slice: 20 350 fill;
          mask-border-slice: 20 350 fill;
  -webkit-mask-box-image-repeat: no-repeat;
          mask-border-repeat: no-repeat;
}
@media screen and (min-width: 960px) {
  body .blz-nav .el-menu .el-submenu.site-logo {
    background-color: rgba(255, 255, 255, 0.7);
  }
  body .blz-nav .el-menu .el-submenu.site-logo .el-submenu__title .icon-blizzard {
    margin-right: 0;
  }
}
@media (max-width: 960px) {
  .mask-inverse-top-divider {
    -webkit-mask-box-image-source: none;
            mask-border-source: none;
  }
  .mask-top-solid-divider {
    -webkit-mask-box-image-source: none;
            mask-border-source: none;
  }
  .mask-top-divider {
    -webkit-mask-box-image-source: none;
            mask-border-source: none;
  }
}
.join-play {
  margin-top: -22px;
}
.blz-iconfont:hover {
  -webkit-filter: brightness(1.2) !important;
          filter: brightness(1.2) !important;
}