.yw-search {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  .filter-btn {
    margin-left: 12px;
    cursor: pointer;
    color: #333;
    &-active {
      color: #0077ff;
    }
  }
  .search-btn {
    margin-left: 12px;
  }
  :global {
    .ant-input-affix-wrapper {
      box-sizing: border-box;
      border: 1px solid #d9d9d9;
    }
    .anticon-search {
      color: #999;
    }
    .ant-popover {
      width: 100%;
    }
    .ant-popover-inner {
      box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
    }
  }
  &-default {
    :global {
      .ant-input-affix-wrapper {
        width: 328px;
        height: 32px;
        border-radius: 4px;
      }
      .anticon-search {
        font-size: 16px;
      }
    }
  }
}