@charset "UTF-8";
.header-nav .nav-left .nav-menu .nav-list.nav-privacy .nav-item {
  width: 200px; }

.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_text b .hot {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  padding: 0 4px;
  height: 15px;
  line-height: 1.2;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  border-radius: 0 9999px 9999px 0;
  background-color: #ff334d;
  text-align: center; }

.free_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  padding: 0 4px;
  height: 15px;
  line-height: 1.2;
  font-size: 12px;
  color: #0E0C1A;
  font-weight: 700;
  font-style: normal;
  border-radius: 0 9999px 9999px 0;
  background: #4BFF57;
  text-align: center; }

.header-nav .nav-left .nav-menu .nav-list.nav-isr > .fb2 > a {
  font: inherit;
  color: inherit; }

.header-nav .nav-left .nav-menu .nav-list.nav-utility:hover .nav-item {
  opacity: 1;
  visibility: visible;
  z-index: 1; }
  .header-nav .nav-left .nav-menu .nav-list.nav-utility:hover .nav-item li {
    z-index: 3; }
.header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item {
  z-index: -9;
  opacity: 0;
  visibility: hidden;
  width: auto;
  min-width: 716px;
  padding: 35px 18px;
  display: flex;
  column-gap: 40px;
  row-gap: 30px;
  flex-flow: column;
  flex-wrap: wrap;
  max-height: 300px;
  background: #fff; }
  .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 78%;
    background-color: #e3e3ed;
    top: 11%;
    left: 48%; }
  .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li {
    position: relative; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li:hover .nav_text b,
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li:hover .nav_text p {
      color: #0054FF; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li:hover .nav_text p {
      color: #8AB0FF; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li > a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      column-gap: 20px; }
      .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li > a:hover .nav_text b,
      .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li > a:hover .nav_text p {
        color: #0054FF; }
      .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li > a:hover .nav_text p {
        color: #8AB0FF; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_pic {
      width: 40px;
      height: 40px;
      flex-shrink: 0; }
      .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_pic > img {
        width: 100%;
        height: auto; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_text b,
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_text p {
      color: #9794A4;
      font-size: 12px;
      line-height: 1.2;
      font-style: normal;
      font-weight: 400; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li .nav_text b {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      color: #0E0C1A;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 500;
      column-gap: 8px; }

@media (max-width: 1200px) {
  .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item {
    min-width: 300px;
    max-width: 300px;
    column-gap: 20px;
    row-gap: 30px;
    max-height: 400px;
    overflow: auto;
    flex-wrap: nowrap;
    /* 自定义整个滚动条 */
    /* 自定义滚动条轨道 */
    /* 自定义滚动条的滑块（thumb） */
    /* 当滑块悬停或活动时，可以添加更多样式 */ }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::-webkit-scrollbar {
      width: 8px;
      height: 50px;
      /* 设置滚动条的宽度 */ }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::-webkit-scrollbar-track {
      background: #f1f1f1;
      width: 8px;
      height: 50px;
      /* 设置轨道的背景颜色 */ }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::-webkit-scrollbar-thumb {
      background: #8AB0FF;
      width: 8px;
      height: 50px;
      border-radius: 9999px;
      /* 设置滑块的背景颜色 */ }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::-webkit-scrollbar-thumb:hover {
      background: #79a3fe;
      /* 设置滑块在悬停状态下的背景颜色 */ }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::after {
      display: none; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li {
      width: 100%; } }
@media (max-width: 768px) {
  .header-nav .nav-left .nav-menu .nav-list.nav-isr > .fb2 > a {
    display: inline-block; }

  .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item {
    opacity: 0;
    visibility: hidden;
    z-index: -9;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 !important;
    column-gap: 0px;
    row-gap: 30px;
    flex-wrap: nowrap;
    max-height: none;
    background: #F0EFF2;
    overflow: hidden;
    max-height: 0 !important;
    height: auto !important; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::after, .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item::before {
      display: none; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility .nav-item li > a {
      padding: 0 !important;
      column-gap: 10px; }
  .header-nav .nav-left .nav-menu .nav-list.nav-utility.active {
    padding: 20px 16px 50px !important; }
    .header-nav .nav-left .nav-menu .nav-list.nav-utility.active .nav-item {
      opacity: 1;
      visibility: visible;
      z-index: 9;
      max-height: 100vh !important; }

  .header-nav .nav-left .nav-menu {
    max-height: calc(100vh - 60px);
    overflow-x: hidden;
    overflow-y: auto; } }

/*# sourceMappingURL=global_20240611.css.map */