.yee-search-panel-wrapper {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #eee;

  .content-container {
    width: 100%;
    padding: 16px 0 16px;
  }

  .content-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    .ant-row {
      margin: 0 !important;
      width: 100%;
    }
  }

  .action-wrapper {
    margin: 8px auto;

    .actions-group {
      display: inline-block;
    }
  }
  .yee-form-item-wrapper {
    position: relative;
    padding: 0;
    min-height: 32px;
    /* 默认: 右对齐 */
    & > div {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; /* 存在校验错误提示后，label可以顶部对齐 */
    }
    /* 左对齐 */
    .form-layout-left > span:first-child {
      text-align: left;
    }

    /* 隐藏昵称 */
    .form-layout-hidden > span:first-child {
      display: none;
    }

    /* 上下对齐 */
    .form-layout-vertical {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;

      & > .label {
        width: 100%;
        text-align: left;
      }
    }

    .label {
      display: inline-block;
      flex-shrink: 0;
      min-width: 85px;
      max-width: 293px;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: 8px;
      overflow: hidden;
      color: rgba(0, 0, 0, 0.85);
    }

    .control {
      position: relative;
      width: 100%;
      line-height: 30px;

      & > *:first-child {
        width: 100% !important;
      }
    }
    /* 错误提示遮住帮助 */
    .has-error .ant-form-explain {
      width: 100%;
      background-color: #fff;
      margin-top: 0;
    }
  }
}