.ztxk-form__item--wrap {
  // 默认平分容器大小
  // flex-grow: 1;
  display: flex;
  align-items: center;
  // 默认容器三等分,所以需要容器有个最小宽度，有个最大宽度
  // width: 33.33%;
  // margin-bottom: 10px;
  // margin-right: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  position: relative;
  .ztxk-form__item--wrap--tips {
    position: absolute;
    top: 2px;
    right: 10px;
    color: @stress;
  }
  .ant-form-item {
    margin-bottom: 0;
    .ant-form-item-explain {
      display: none;
    }
    .ant-picker-focused {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .ant-select {
      margin-left: 0;
    }
    .ant-select-focused.ant-select-single:not(.ant-select-customize-input)
      .ant-select-selector,
    .ant-select-focused:not(.ant-select-disabled).ant-select:not(
        .ant-select-customize-input
      )
      .ant-select-selector {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .ant-input:focus,
    .ant-input-focused {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .ant-input-number:focus,
    .ant-input-number-focused {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .ant-input-affix-wrapper:focus,
    .ant-input-affix-wrapper-focused {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    /* 悬浮时样式 */
    &:hover,
    &:focus-within {
      .ant-form-item-label,
      .ant-form-item-label label {
        border-color: #1566d2;
      }
      .ant-select-selector {
        border-color: #1566d2;
      }
      .ant-picker {
        border-color: #1566d2;
      }
      .ant-input,
      .ant-input-number {
        border-color: #1566d2;
      }
      .ant-radio-group,
      .ant-checkbox-group {
        border-color: #1566d2;
      }
      .ant-input-disabled {
        border-color: #cdd9e6 !important;
      }
      .ant-input-number-disabled {
        border-color: #cdd9e6 !important;
      }
      .ztxk-form--detault-dom {
        border-color: #1566d2;
      }
    }
    .ant-input-disabled,
    .ant-input-number-disabled {
      background-color: #f5f5f5;
    }

    // label栏样式
    .ant-form-item-label {
      font-size: 12px;
      color: #768696;
      text-align: right;
      border: 1px solid #cdd9e6;
      border-right: 0px;
      border-radius: 4px 0px 0px 4px;
      background-color: #ffffff;
      transition: border 0.3s;
      label {
        padding-left: 6px;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
      }
    }

    /* 下拉框样式 */
    .ant-select-selector {
      border-left: none;
      border-radius: 0px 4px 4px 0px;
      .ant-select-selection-item {
        width: 100px;
      }
    }
    .ant-select-focused.ant-select-single:not(.ant-select-customize-input)
      .ant-select-selector {
      border-color: #1566d2;
      /* border-left: 1px solid #1566d2 !important; */
    }

    /* 输入框样式 */
    .ant-input-affix-wrapper {
      border-left: none;
      border-radius: 0 4px 4px 0;
      .ant-input {
        height: auto;
        font-size: 13px;
      }
    }
    .ant-input-affix-wrapper:hover,
    .ant-input-number:hover {
      border-color: #1566d2;
    }

    /* 数字输入框组件 */
    .ant-input-number {
      width: 100%;
      border-radius: 0px 4px 4px 0px;
      border-left: none;
      height: 32px;
      &:focus {
        border-color: #1566d2;
        border-left: 1px solid #1566d2;
      }
    }

    /* 日期组件 */
    .ant-picker {
      width: 100%;
      border-radius: 0px 4px 4px 0px;
      border-left: none;
      &.ant-picker-focused {
        border-color: #1566d2;
        /* border-left: 1px solid #1566d2; */
      }
      .ant-picker-input > input {
        // text-align: center;
        text-align: left;
      }
    }

    .ant-input {
      border-left: none;
      border-radius: 0px 4px 4px 0px;
      height: 32px;
      // transition: all 0.3s;
    }
    /* 文本域组件 */
    .ant-input-textarea {
      .ant-input {
        height: auto;
        // transition: height none;
      }
      &.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
        margin-bottom: 0px;
      }
    }
    .ant-select {
      width: 100%;
    }
    textarea {
      resize: none;
    }

    /* 单选框组 */
    .ant-radio-group,
    .ant-checkbox-group {
      display: flex;
      align-items: center;
      min-height: 32px;
      border: 1px solid #d9d9d9;
      border-left: none;
      border-radius: 0px 4px 4px 0px;
      transition: all 0.3s;
    }

    .ant-form-item-control {
      font-size: 13px;
      width: calc(100% - 130px);
    }
    .ant-form-item-label,
    .ant-form-item-label label {
      background-color: none;
      > * {
        cursor: default;
      }
    }

    .ant-input-affix-wrapper,
    .ant-picker,
    .ant-form-item-control-input-content {
      /* 这里修改了一下高度 不确定会不会影响到别的页面 */
      min-height: 32px;
    }
    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
    .ant-select-selector {
      transition: all 0.3s;
      min-height: 32px;
    }
    .ant-input-affix-wrapper:focus,
    .ant-input-affix-wrapper-focused,
    .ant-input:focus,
    .ant-input-focused {
      border-color: #1566d2 !important;
    }
    // .ant-form-item-label,
    // .ant-form-item-label label,
    // .ant-select-selector,
    // .ant-picker,
    // .ant-input-affix-wrapper,
    // .ant-input,
    // .ant-input-number {
    //   // transition: none;
    // }
    &:hover {
      .ant-form-item-label,
      .ant-form-item-label label,
      .ant-select-selector,
      .ant-picker,
      .ant-input-affix-wrapper,
      .ant-input,
      .ant-input-number {
        border-color: #1566d2;
        // transition: none;
      }
    }
  }
  // 上下布局
  .ztxk-form__item--direction-column {
    border: 1px solid #cdd9e6;
    border-radius: 4px;
    transition: border 0.3s;
    &:hover {
      border-color: #1566d2;
    }
    > .ant-form-item-row {
      flex-direction: column;
    }
    .ant-form-item-label {
      text-align: left;
      border: none;
      border-radius: 4px;
    }
    .ant-form-item-control {
      width: 100%;
      padding-left: 10px;
    }
    .ant-input,
    .ant-checkbox-group,
    .ant-input-number,
    .ant-select-selector,
    .ant-picker {
      border: none;
    }
    .ant-input-number {
      .ant-input-number-handler-wrap {
        > span {
          border-top: 1px solid #d9d9d9;
        }
      }
    }
    textarea.ant-input:focus {
      box-shadow: none !important;
    }
  }
  .ztxk-form__item {
    flex: 1;
    // 禁用
    &--disabled {
      .ant-form-item-label,
      .ant-form-item-label label,
      .ztxk-form--detault-dom {
        background-color: #f5f5f5;
        cursor: not-allowed;
        > * {
          cursor: not-allowed;
        }
      }
      &:hover {
        .ant-form-item-label,
        .ant-form-item-label label,
        .ant-select-selector,
        .ant-picker,
        .ant-input-affix-wrapper,
        .ant-input,
        .ant-input-number,
        .ztxk-form--detault-dom {
          border-color: #cdd9e6 !important;
        }
      }
    }
    // 隐藏label
    &--hidden-label {
      .ant-form-item-label,
      .ant-form-item-label label,
      .ant-select-selector,
      .ant-picker,
      .ant-input-affix-wrapper,
      .ant-input,
      .ant-input-number,
      .ant-checkbox-group,
      .ant-radio-group {
        border-left: 1px solid #d9d9d9;
        border-radius: 4px;
      }
      .ant-checkbox-group,
      .ant-radio-group {
        padding-left: 11px;
      }
    }
    // 隐藏边框
    &--hidden-border {
      .ant-form-item-label,
      .ant-form-item-label label {
        border: none;
        border-left: none;
      }
      // TODO: 这里不知道之前为什么注释掉了，但是按理来说应该解开
      .ant-radio-group,
      .ant-checkbox-group {
        border: none;
        border-left: none;
        min-height: 32px;
      }
      .ztxk-form--detault-dom {
        border: none;
      }
    }
    // 单选择器
    &--single-select {
      color: red;
      .ant-form-item-control-input-content {
        border: none;
        border-left: none;
        transition: border 0.3s;
        background: #fff;
        line-height: 32px;
        padding-left: 11px;
      }
    }
    // 单选择器显示边框
    &--single-show-border {
      &.pro-form__item--nolabel {
        .ant-form-item-control-input-content {
          border-left: 1px solid #d9d9d9;
          border-radius: 4px;
        }
      }
      .ant-form-item-control-input-content {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        transition: border 0.3s;
        background: #fff;
        line-height: 30px;
        padding-left: 11px;
        &:hover {
          border-color: #1566d2;
        }
      }
    }
    // 强调
    &--stress {
      .ant-form-item-label label {
        color: @stress;
      }
    }
  }

  .ztxk-form__item--custom {
    .ztxk-form--detault-dom {
      padding: 2px 11px;
    }
    .ant-input,
    .ant-input-number {
      border: 1px solid #d9d9d9;
      border-radius: 4px;
      height: 26px;
    }
    .ant-radio-group {
      border: none;
      min-height: 26px;
    }
    .ant-input-number-input {
      height: 23px;
    }
    .ant-select-selector {
      border: 1px solid #d9d9d9;
      border-radius: 4px;
      height: 26px;
      min-height: 26px !important;
      .ant-select-selection-placeholder {
        line-height: 24px;
      }
      .ant-select-selection-search-input {
        height: 26px;
      }
      .ant-select-selection-item {
        line-height: 23px;
      }
    }
  }
  .ztxk-form__item--custom-fill {
    .ztxk-form--detault-dom {
      padding: 0 11px;
    }
    .ant-input,
    .ant-input-number {
      height: 30px;
      border-top: none;
      border-bottom: none;
      border-radius: 4px;
    }
    .ant-input-number-input {
      height: 30px;
    }
    .ant-select-selector {
      border: 1px solid #d9d9d9;
      border-top: none;
      border-bottom: none;
      border-radius: 4px;
      height: 30px;
      min-height: 30px !important;
      .ant-select-selection-placeholder {
        line-height: 30px;
      }
      .ant-select-selection-search-input {
        height: 30px;
      }
      .ant-select-selection-item {
        line-height: 30px;
      }
    }
  }
}