.home-header, .manage-header {
  align-items: center;

  &.yy-layout-header {
    color: #ffffff;
    padding: 0;
  }

  .yy-menu {
    background-color: transparent;
    border-bottom: none;

    &.yy-menu-horizontal {
      .yy-menu-item, 
      .yy-menu-submenu,
      .yy-menu-item-active,
      .yy-menu-item-open,
      .yy-menu-item-selected,
      .yy-menu-item:hover,
      .yy-menu-submenu-active,
      .yy-menu-submenu-open,
      .yy-menu-submenu-selected,
      .yy-menu-submenu:hover {
        border-bottom: none;
      }
    }
  }

  .layout-menu, .logout-menu {
    i, span {
      color: #fff;
    }
  }

  .logout-menu {
    .anticon-user {
      margin-right: 0 !important;
      font-size: 18px !important;
    }
  }
}

.home-header {

  justify-content: space-between ;

  &.yy-layout-header {
    padding: 0 60px;
  }

  .layout-menu, .logout-menu {
    i, span {
      color: #000;
    }

    &:hover {
      i, span {
        color: #249aec;
      }
    }
  }

}

.manage-sider-logo {
  display: flex;
  align-items: center;
  height: 64px;
  overflow: hidden;
}

.manage-header {
  .trigger {
    font-size: 20px;
    cursor: pointer;
    padding: 0 24px;
  }
}
