.banner {
  width: 100%;
  min-height: 422px;
  line-height: 0;

  .bannerImg {
    width: 100%;
    min-height: 422px;
    object-fit: cover;
    transition: all 0.2s ease-in-out;
  }
}

.tabs {
  :global {
    .van-sticky--fixed {
      top: var(--sticky-header-height) !important;
    }

    .van-tabs__nav--line {
      padding-bottom: 0;
      display: flex;
      align-items: center;
    }

    .van-tabs__wrap {
      height: 74px;
    }

    .van-tab {
      height: 34px;
      padding: 0 19px;
      border-radius: 17px;
      background: #F4F5F6;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.5);
      margin-right: 8px;

      &.van-tab--active {
        color: #FFFFFF;
        font-weight: 600;
      }

      &:nth-child(1) {
        &.van-tab--active {
          background: linear-gradient(270deg, #52E6AD 0%, #00C7BB 100%);
        }
      }

      &:nth-child(2) {
        &.van-tab--active {
          background: linear-gradient(274deg, #00E3D7 0%, #00B1FF 100%);
        }
      }

      &:nth-child(3) {
        &.van-tab--active {
          background: linear-gradient(270deg, #1BD2FF 0%, #1AADFF 100%);
        }
      }

      &:nth-child(4) {
        &.van-tab--active {
          background: linear-gradient(270deg, #FF3C81 0%, #FF76A6 100%);
        }
      }

      &:nth-child(5) {
        margin-right: 0;

        &.van-tab--active {
          background: linear-gradient(270deg, #52E6AD 0%, #00C7BB 100%);
        }
      }
    }
  }
}