/* 作用：变量和工具函数 */
/* 注意: 可导入到各组件中使用 */
/* 作用：变量定义 */
/* 清楚浮动  */
/* 省略号 */
/*循环函数*/
/*生成gap间距的工具类函数*/
.opt-header-search {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.opt-header-search.light .opt-header-search__icon {
  color: #ffffff;
}
.opt-header-search.light .ant-select-selection__placeholder,
.opt-header-search.light .ant-input.ant-select-search__field {
  color: #ffffff;
}
.opt-header-search__icon {
  font-size: 22px;
  color: #333333;
  cursor: pointer;
}
.opt-header-search__input {
  width: 0;
  background: transparent;
  border-radius: 0;
  transition: width 0.3s, margin-left 0.3s;
}
.opt-header-search__input.show {
  width: 210px;
  margin-left: 8px;
}
.opt-header-search__input,
.opt-header-search__input:hover,
.opt-header-search__input:focus {
  border-bottom: 1px solid #e6e6e6;
}
.opt-header-search__input .ant-select-selection {
  background: transparent;
}
.opt-header-search__input input {
  padding-right: 0;
  padding-left: 0;
  border: 0;
  box-shadow: none !important;
}
