:global {
  .van-search {
    padding-left: 14px;
    padding-right: 14px;
    input {
      -webkit-user-select: text !important;
      user-select: text !important;
    }
    .van-search__field {
      // padding: 0.13333rem var(--van-padding-xs) 0.13333rem 0 !important;
      background: transparent !important;
    }
  }
}
.col-search {
  --van-cell-background-color: transparent;
  padding-left: 13px;
  padding-right: 13px;
  :global {
    .van-field__left-icon {
      display: flex;
      align-items: center;
    }
    .van-field__right-icon {
      font-size: 0;
      padding-right: 0;
    }
    .van-search__action {
      display: flex;
    }
    .van-field__control {
      font-size: 13px;
      &::placeholder {
        color: #aaa;
      }
    }
    .van-search__content {
      padding-left: 0;
    }
  }
  .leftIcon {
    font-size: 16px;
    margin-top: -3px;
  }
  &.default {
    :global {
      .van-search__content {
        background: #f6f6f6 !important;
      }
    }
  }

  &.white {
    :global {
      .van-search__content {
        background: #fff !important;
      }
    }
  }

  &.transparent {
    :global {
      .van-search__content {
        background: rgba(255, 255, 255, 0.16);
        input::placeholder {
          color: #fff;
        }
        input {
          color: #fff;
        }
        .van-field__clear {
          color: #fff;
        }
      }
    }
  }

  .searchBtn {
    width: 56px;
    height: 28px;
    padding: 0;
    font-size: 14px;
    --van-button-mini-height: 28px;
    --van-font-size-xs: 14px;
  }
}