manHourHousekeeper/fhKeeper/formulahousekeeper/inva_4_tivo/moduleView/css/header.less

#app {
  width: 100%;
}
.headerView {
  width: 101.25rem;
  height: 5rem;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .headerView-left,
  .headerView-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    .header-logo {
      width: 6.875rem;
    }
    .header-list {
      display: flex;
      align-items: center;
      height: 100%;
      margin-left: 2rem;
      .header-item {
        margin-right: 2rem;
        font-size: 1.125rem;
        height: 100%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        a {
          display: block;
          display: flex;
          align-items: center;
          height: 3.5rem;
        }
        &::last-child {
          margin-right: 0;
        }
      }

      .item-hover {
        border-bottom: 0.125rem solid #37b8ff;
      }

      a {
        display: block;
        height: 100%;
        color: inherit;
        text-decoration: none;
      }
    }
  }

  .img {
    width: 100%;
    height: 100%;
  }
}

.headerProduct {
  width: 100%;
  padding-bottom: 20px;
  border-top: 0.0625rem solid #dcdfe6;
  background: #fff;
  .content {
    width: 100rem;
    display: flex;
    margin: auto;
    .product {
      width: 48%;
      font-size: 1.125rem;
      .product-title {
        display: flex;
        padding: 1.25rem 0 0.9375rem 1rem;
        align-items: center;
        border-bottom: 0.0625rem solid #dcdfe6;
      }
      .hove {
        background: #f0f4ff;
        color: #3370ff;
      }
      .product-item {
        margin-top: 0.625rem;
        width: 7.5rem;
        padding: 0.625rem 1.25rem;
        border-radius: 0.25rem;

        a {
          display: block;
          height: 100%;
          color: inherit;
          text-decoration: none;
        }
      }
    }
  }
}

::-webkit-scrollbar {
  width: 0px; /* 设置滚动条宽度 */
}

::-webkit-scrollbar-button {
  height: 0;
  background-color: #ccc; /* 按钮背景颜色 */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background-color: #888; 
  border-radius: 5px; 
}
::-webkit-scrollbar-thumb:hover {
  background-color: #555; 
}
::-webkit-scrollbar-thumb:active {
  background-color: #333;
}