.ztxk-form {
  display: flex;
  justify-content: space-between;
  background: rgb(255, 255, 255);
  padding: 0;
  .ztxk-form--detault-dom {
    border-radius: 0px 4px 4px 0px;
    min-height: 32px;
    transition: all 0.3s;
    border: 1px solid #d9d9d9;
    border-left: none;
    display: flex;
    align-items: center;
    padding: 4px 11px;
  }
  .ztxk-form--tip-dom {
    border-radius: 0px 4px 4px 0px;
    min-height: 32px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    padding: 4px 11px;
  }

  // 如果是背景模式
  // &.ztxk-form--list {
  //   .ztxk-form__item--wrap {
  //     padding-bottom: 0;
  //     padding-right: 0;
  //     .ant-form-item .ant-form-item-label {
  //       border-radius: 0;
  //     }
  //     .ant-form-item * {
  //       border-radius: 0;
  //     }
  //   }
  // }

  // 底部边框
  &.ztxk-form--bottom-border {
    border-bottom: 1px solid @col-head-bg;
  }

  // 左侧容器样式
  .ztxk-form__left {
    flex: 1;
    position: relative;
    // 超出隐藏移动到toggle样式中，因为在编辑页时，下拉框的一个简单的做法是直接挂载到当前下拉框容器中，这样滚动页面时，下拉区域会随着滚动
    // overflow: hidden;
    transition: max-height 0.3s ease-out;
    // 切换容器高度
    &.ztxk-form__left--toggle {
      overflow: hidden;
    }
    &.ztxk-form__left--flex {
      display: flex;
      flex-wrap: wrap;
      flex-grow: 1;
      .ant-form-item-has-error {
        &.ztxk-form__item--direction-column {
          border-color: #ff8888 !important;
        }
        .ant-form-item-label,
        .ant-form-item-label label {
          border-color: #ff8888 !important;
        }
        .ant-select-selector {
          border-color: #ff8888 !important;
        }
        .ant-picker {
          border-color: #ff8888 !important;
        }
        .ant-input,
        .ant-input-affix-wrapper {
          border-color: #ff8888 !important;
        }
        .city-picker-span {
          border-color: #ff8888 !important;
        }
        .ant-radio-group,
        .ant-checkbox-group {
          border-color: #ff8888 !important;
        }
        &:hover {
          .ant-form-item-label,
          .ant-form-item-label label {
            border-color: #ff8888 !important;
          }
          .ant-select-selector {
            border-color: #ff8888 !important;
          }
          .ant-picker {
            border-color: #ff8888 !important;
          }
          .ant-input,
          .ant-input-affix-wrapper {
            border-color: #ff8888 !important;
          }
          .city-picker-span {
            border-color: #ff8888 !important;
          }
          .ztxk-form--detault-dom {
            border-color: #ff8888 !important;
          }
        }
        .ant-form-item-margin-offset {
          margin-bottom: 0 !important;
        }
      }
    }
    &.ztxk-form__left--flex-direction {
      flex-direction: column;
      > div {
        flex: none;
      }
    }
  }

  // 中间配置容器
  .ztxk-form--operation {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
    .ztxk-dynamic-setting {
      position: relative;
      cursor: pointer;
      margin-top: 6px;
    }
    .ztxk-from--toggle {
      cursor: pointer;
      margin-top: 4px;
      > span {
        transition: transform 0.4s ease 0s;
      }
    }
  }

  // 右侧容器
  .ztxk-form__right {
    display: flex;
    flex-direction: column;
    .ztxk-form__right--common-left {
      display: flex;
      > button.ant-btn {
        margin-left: 10px;
        margin-right: 0;
        width: 70px;
        &:first-child {
          margin-left: 0;
        }
      }
      .zt-btn-dropdown--default {
        width: 70px;
        flex: 1;
        > button {
          padding: 0 5px;
          &:first-child {
            padding-right: 0px;
            padding-left: 15px;
          }
          &.ant-dropdown-trigger {
            padding: 0 2px;
          }
        }
      }
    }
    .ztxk-form__right--common-right {
      margin-top: 13px;
      &.ztxk-form__right--common-right--new-layout {
        display: flex;
        button {
          padding: 0 10px;
          width: 70px !important;
        }
      }
    }
  }
}

.common-search-list--container {
  display: flex;
  margin-bottom: 10px;
  line-height: 26px;
  flex-direction: row;
  .common-search-list--title {
    color: rgb(153, 153, 153);
  }
  .common-search-list--content {
    display: flex;
    margin-left: 10px;
    max-height: 76px;
    overflow-y: auto;
    flex: 1;
    flex-wrap: wrap;
    > div {
      padding-right: 10px;
      &:last-child {
        padding-right: 0;
      }
      .ant-btn {
        height: 26px;
        padding: 4px 8px;
        margin-bottom: 10px;
      }
      .ant-btn > .anticon {
        margin-top: 2px;
        margin-left: 4px;
      }
    }
  }
}