.search-config-modal-info {
  padding: 0 20px;

  &.en-style {
    .combo-row .addon-before {
      width: 120px;
    }
  }

  .h-title {
    margin: 32px 0 16px;
    line-height: 20px;
    color: var(--kw-heading-color);
  }

  .config-row {
    margin-bottom: 20px;

    .row-title {
      height: 20px;
      margin: 0 0 8px 0;
      font-size: 14px;
      color: var(--kw-heading-color);
      line-height: 20px;

      &.required::before {
        content: '*';
        display: inline-block;
        margin-right: 4px;
        color: var(--kw-error-color);
        font-size: 14px;
        font-family: SimSun, sans-serif;
        line-height: 1;
      }

      .q-icon {
        margin-left: 8px;
        color: var(--kw-text-color-secondary);

        &:hover {
          color: var(--kw-primary-color);
        }
      }
    }

    .ant-input {
      height: 34px;
    }

    .deep-text {
      width: 100%;
      height: 34px;
      line-height: 34px;
      background: #f5f5f5;
      border-radius: 3px;
      border: 1px solid #d9d9d9;
      text-align: center;
      cursor: pointer;
    }
  }

  .combo-row {
    display: flex;
    align-items: center;
    height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    cursor: default;

    .addon-before {
      width: 70px;
      height: 32px;
      line-height: 32px;
      border-right: 1px solid #d9d9d9;
      background: #f5f5f5;
      text-align: center;
    }

    .rule-num {
      flex: 1;
      min-width: 0;
      padding: 0 12px;

      .num-span {
        margin: 0 4px;
        color: var(--kw-primary-color);
      }
    }
  }
}
