/* 作用：变量和工具函数 */
/* 注意: 可导入到各组件中使用 */
/* 作用：变量定义 */
/* 清楚浮动  */
/* 省略号 */
/*循环函数*/
/*生成gap间距的工具类函数*/
.opt-search {
  /** 搜索分组 */
  /** 搜索弹框 */
}
.opt-search.opt-search__form,
.opt-search.ant-tabs {
  background-color: #ffffff;
  padding: 16px 12px;
  margin-bottom: 16px;
}
.opt-search.ant-tabs > .ant-tabs-bar .ant-tabs-tab {
  padding-top: 0;
}
.opt-search__contextMenu-form .ant-form-item {
  margin-bottom: 0;
}
.opt-search__form.ant-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.opt-search__form.ant-form > .ant-form-item {
  display: flex;
  width: 25%;
  min-width: 300px;
  margin: 0;
  padding-right: 20px;
}
.opt-search__form.ant-form > .ant-form-item > .ant-form-item-control-wrapper {
  flex: 1;
}
.opt-search__btns-zone {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-width: 180px;
}
.opt-search__tool-wrap {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}
.opt-search__children {
  margin-right: 8px;
}
.opt-search__collapseWrap {
  margin-top: 10px !important;
}
.opt-search__collapseWrap.ant-collapse .ant-collapse-header {
  padding: 4px 20px !important;
}
.opt-search__collapseHeader {
  overflow: hidden;
}
.opt-search__collapseHeader span:first-child {
  float: left;
}
.opt-search__collapseHeaderSelect {
  float: left;
}
.opt-search__collapseHeaderSelect > span:first-child {
  margin: 0 5px 0 20px;
}
.opt-search__collapseHeaderAction {
  float: right;
}
.opt-search__queryTreePanel {
  padding: 10px 15px;
  box-shadow: 2px 3px 4px 0 #eee;
  border: 1px solid #ddd;
  margin: 0px 12px;
}
.opt-search__queryTip {
  border-bottom: 3px solid #1890ff;
  padding-bottom: 5px;
  margin-bottom: 10px;
  color: #16960e;
}
