.captcha {
  .formItem {
    margin-bottom: 6px;
    :global {
      .ant-btn {
        border: 1px solid #ffe300;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-family: Roboto-Regular, Roboto;
        font-weight: 400;
        color: #444444;
        line-height: 16px;
        background: #ffe300;
        border-radius: 4px;
      }
      .ant-btn[disabled],
      .ant-btn[disabled]:hover,
      .ant-btn[disabled]:focus,
      .ant-btn[disabled]:active {
        color: #bbbbbb;
        background: #f3f3f4 !important;
        border: none;
      }
    }
  }
  :global {
    .ant-form-item-explain-error {
      & > div {
        white-space: nowrap;
      }
    }
  }
}

.phone {
  .phoneGroupShadow {
    border-radius: 4px;
    box-shadow: 0 0 3px 3px #f3f3f4;
  }
  :global {
    .ant-form-item-has-error
      :not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
      border-color: #ff4d4f !important;
    }
    .ant-input-group-addon {
      background: #ffffff;
    }
    input {
      border-left: none;
      background: #ffffff !important;
    }
    .ant-select,
    .ant-select-selector,
    .ant-select-selection-item {
      color: #222222;
      position: relative;
      background: none !important;
      height: 40px !important;
      line-height: 40px !important;
      border: none !important;
      box-shadow: none !important;
      padding-left: 0;
    }

    .ant-input {
      position: relative;
      background: none !important;
      height: 40px !important;
      line-height: 40px !important;
      box-shadow: none !important;
      border-left: none;
      border-radius: 0 2px 2px 0 !important;
    }
  }
}

.check {
  font-size: 12px;
  font-family: Roboto-Regular, Roboto;
  font-weight: 400;
  line-height: 14px;
  :global {
    .ant-checkbox-wrapper {
      font-size: 12px;
      font-family: Roboto-Regular, Roboto;
      font-weight: 400;
      line-height: 14px;
    }
  }
}

.select {
  .selectGroup {
    position: relative;
    margin-bottom: 0;
    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 24px;
      border-radius: 4px;
      border: 1px solid #dddddd;
      box-shadow: 0 0 3px 3px #f3f3f4;
    }
  }
  :global {
    input {
      background: #ffffff !important;
    }
    .ant-select,
    .ant-select-selector,
    .ant-select-selection-item,
    .ant-input {
      padding-left: 0;
      background: none;
      height: 40px;
      line-height: 40px;
      border: none;
      box-shadow: none;
    }

    .ant-select-selector .ant-select-selection-placeholder {
      line-height: 40px;
    }
  }
}

.mask {
  position: relative;
  &:before {
    content: '*';
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    color: #e02020;
    font-size: 14px;
    line-height: 20px;
  }
}
.select_option {
  :global {
    .ant-select-item-option-content {
      white-space: pre-wrap;
    }
  }
}