/*组件库变量定义 非基础属性*/
/*Button*/
/* button*/
.ant-btn {
  border-radius: 2px;
  padding: 5px 16px;
}
.ant-btn-sm {
  padding: 2px 16px;
  font-size: 12px;
}
.ant-btn-lg {
  padding: 7px 16px;
  font-size: 14px;
  height: 36px;
}
/*type:default*/
.ant-btn-default {
  background-color: #fff;
  border-color: #165DFF;
  color: #165DFF;
}
.ant-btn-default:hover {
  background-color: #407fff;
  border-color: #407fff;
  color: #407fff;
  background-color: #fff;
}
.ant-btn-default:focus {
  background-color: #407fff;
  border-color: #407fff;
  color: #407fff;
  background-color: #fff;
}
.ant-btn-default:active {
  background-color: #0940d9;
  border-color: #0940d9;
  color: #0940d9;
  background-color: #fff;
}
.ant-btn-default[disabled] {
  background-color: #fff;
  border-color: #91bdff;
  color: #91bdff;
}
.ant-btn-default[disabled]:hover {
  background-color: #fff;
  border-color: #91bdff;
  color: #91bdff;
}
.ant-btn-default[disabled]:focus {
  background-color: #fff;
  border-color: #91bdff;
  color: #91bdff;
}
.ant-btn-default[disabled]:active {
  background-color: #fff;
  border-color: #91bdff;
  color: #91bdff;
}
/*type:primary*/
.ant-btn-primary {
  background-color: #165DFF;
  border-color: #165DFF;
  color: #fff;
}
.ant-btn-primary:hover {
  background-color: #407fff;
  border-color: #407fff;
}
.ant-btn-primary:focus {
  background-color: #407fff;
  border-color: #407fff;
}
.ant-btn-primary:active {
  background-color: #0940d9;
  border-color: #0940d9;
}
.ant-btn-primary.ant-btn-primary[disabled] {
  background-color: #91bdff;
  border-color: #91bdff;
  color: #fff;
}
.ant-btn-primary.ant-btn-primary[disabled]:hover {
  background-color: #91bdff;
  border-color: #91bdff;
  color: #fff;
}
.ant-btn-primary.ant-btn-primary[disabled]:focus {
  background-color: #91bdff;
  border-color: #91bdff;
  color: #fff;
}
.ant-btn-primary.ant-btn-primary[disabled]:active {
  background-color: #91bdff;
  border-color: #91bdff;
  color: #fff;
}
/*type:dashed*/
.ant-btn-dashed {
  border: 1px solid #c9cdd4;
  background-color: #fff;
  border-color: #c9cdd4;
  color: #4e5969;
}
.ant-btn-dashed:hover {
  background-color: #fff;
  border-color: #407fff;
  color: #407fff;
}
.ant-btn-dashed:focus {
  background-color: #fff;
  border-color: #407fff;
  color: #407fff;
}
.ant-btn-dashed:active {
  background-color: #fff;
  border-color: #0940d9;
  color: #0940d9;
}
/* form*/
.ant-form-inline .ant-form-item {
  margin-bottom: 16px;
}
.ant-form-item-label > label {
  color: #4e5969;
  font-family: PingFang Nor;
}
.ant-form-item-label {
  line-height: 32px;
}
.ant-form-item-control {
  line-height: 32px;
}
/* pagination*/
.ant-pagination-item {
  border-color: #e5e6eb;
  border-radius: 2px;
}
.ant-pagination-item a {
  color: #4e5969;
}
.ant-pagination-item:hover {
  border-color: #407fff;
}
.ant-pagination-item:hover a {
  color: #407fff;
}
.ant-pagination-item:focus {
  border-color: #407fff;
}
.ant-pagination-item:focus a {
  color: #407fff;
}
.ant-pagination-item-active {
  border-color: #165DFF;
}
.ant-pagination-item-active a {
  color: #165DFF;
}
.ant-pagination-item-active:hover {
  border-color: #407fff;
}
.ant-pagination-item-active:hover a {
  color: #407fff;
}
.ant-pagination-item-active:focus {
  border-color: #407fff;
}
.ant-pagination-item-active:focus a {
  color: #407fff;
}
.ant-pagination-prev,
.ant-pagination-next {
  border-color: #e5e6eb;
  border-radius: 2px;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: #4e5969;
  border-color: #e5e6eb;
}
.ant-pagination-prev:hover,
.ant-pagination-next:hover {
  border-color: #407fff;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #407fff;
  color: #407fff;
}
.ant-pagination-prev:focus,
.ant-pagination-next:focus {
  border-color: #407fff;
}
.ant-pagination-prev:focus a,
.ant-pagination-next:focus a {
  border-color: #407fff;
  color: #407fff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border-radius: 2px;
  border-color: #e5e6eb;
}
.ant-pagination-prev .ant-pagination-item-link:hover,
.ant-pagination-next .ant-pagination-item-link:hover {
  border-color: #407fff;
}
.ant-pagination-prev .ant-pagination-item-link:focus,
.ant-pagination-next .ant-pagination-item-link:focus {
  border-color: #407fff;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  border-radius: 2px;
  color: #4e5969;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon:hover,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon:hover {
  color: #4e5969;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon:focus,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon:focus {
  color: #4e5969;
}
/* select*/
.ant-select-selection {
  width: 100%;
  border: 1px solid #e5e6eb;
  border-radius: 2px;
}
.ant-select-selection:hover {
  border-color: #165DFF;
}
.ant-select-selection-selected-value {
  color: #4e5969;
}
.ant-select-tree li span.ant-select-tree-switcher {
  color: #4e5969;
}
/* input*/
.ant-input {
  border: 1px solid #e5e6eb;
  border-radius: 2px;
}
.ant-input:hover {
  border-color: #165DFF;
}
/* input-number*/
.ant-input-number {
  border-radius: 2px;
  border-color: #e5e6eb;
}
.ant-radio-inner {
  border-color: #e5e6eb;
}
.ant-radio-inner:hover {
  border-color: #165DFF;
}
.ant-input-number:hover {
  border-color: #165DFF;
}
/* radio*/
.ant-radio-checked .ant-radio-inner {
  border-color: #165DFF;
}
.ant-radio-inner::after {
  background-color: #165DFF;
}
/* picker*/
.ant-calendar-picker-input {
  border: 1px solid #e5e6eb;
  border-radius: 2px;
}
/* modal*/
.ant-modal-header {
  font-size: 16px;
  font-weight: 500;
  color: #1d2129;
}
.ant-modal-close {
  color: #4e5969;
}
.ant-modal-content {
  border-radius: 2px;
}
.ant-modal-footer {
  border-top: 1px solid #e5e6eb;
}
/* menu*/
.ant-menu-inline .ant-menu-submenu > .ant-menu {
  background-color: #f7f8fa;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f1ff;
}
.ant-menu-item:hover {
  color: #165DFF;
  background-color: #e6f1ff;
}
.ant-menu-submenu-title:hover {
  color: #165DFF;
}
.ant-menu-inline-collapsed .iconfont + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-item,
.ant-menu-submenu-title {
  display: flex;
  align-items: center;
}
.ant-menu-item .iconfont,
.ant-menu-submenu-title .iconfont {
  margin-right: 8px;
}
.ant-menu-item-selected,
.ant-menu-submenu-selected {
  color: #165DFF;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e8f3ff;
}
.ant-menu-horizontal > .ant-menu-submenu-selected,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item:hover {
  border-bottom: none;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active {
  background-color: #0940d9;
}
.ant-menu-horizontal {
  line-height: 56px;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
}
.ant-dropdown-menu-item-divider {
  margin: 4px 12px;
  background-color: #e5e6eb;
}
/* dropDown*/
.ant-dropdown-menu {
  border-radius: 2px;
}
.ant-dropdown-menu-item {
  width: calc(100% - 2 * 12px);
  padding: 4px 12px;
  margin-left: 12px !important;
  line-height: 22px;
  margin-top: 2px;
  margin-bottom: 2px;
  color: #1d2129;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f2f3f5;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  color: #1d2129;
  font-size: 14px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 0;
}
/*tree*/
.el-tree-node {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #1d2129;
}
/*steps*/
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-description {
  color: #165DFF;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-icon .ant-steps-icon {
  color: #165DFF;
}
/*breadcrumb*/
.ant-breadcrumb a {
  color: #4e5969;
}
.ant-breadcrumb a:hover {
  color: #407fff;
}
.ant-breadcrumb > span:last-child a {
  font-weight: 500;
  color: #1d2129;
}
.ant-breadcrumb > span:last-child a:hover {
  color: #407fff;
}
/* 滚动条样式 start*/
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
::-webkit-scrollbar-track {
  background-color: #fff !important;
}
::-webkit-scrollbar-thumb {
  background-color: #e5e6eb;
  width: 5px;
  border-radius: 10px !important;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #c9cdd4;
}
::-webkit-scrollbar-thumb:active {
  background-color: #c9cdd4;
}
/* Mixins */
/* --------------------------------------------------*/
/* Sizing shortcuts*/
/* Compatibility for browsers. */
/* Placeholder text */
/* mixins for clearfix*/
/* ------------------------*/
/* for iconfont font size*/
/* fix chrome 12px bug, support ie*/
/*******************************************************
*******基础样式变量,供组件库中使用**************************
*******提供主题扩展潜力***************
*******************************************************/
/**  引入颜色定义*/
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* We create a very complex algorithm which take the place of original tint/shade color system
 to make sure no one can understand it 👻
 and create an entire color palette magicly by inputing just a single primary color.
 We are using bezier-curve easing function and some color manipulations like tint/shade/darken/spin */
/* It is hacky way to make this function will be compiled preferentially by less
 resolve error: `ReferenceError: colorPalette is not defined`
 https://github.com/ant-design/ant-motion/issues/44 */
/**  color palettes */
/**  黑色系 */
/** 禁用填充 */
/** 表头底色 */
/** 分割线/描边 */
/** 置灰信息/置灰图标 */
/** 暂定 */
/** 次要信息 */
/** 暂定 */
/** 次强调/正文/图标 */
/** 暂定 */
/** 强调/正文标题 */
/** 蓝色系 */
/** 浅色背景/白底悬浮 */
/** 文字禁用 */
/** 蓝色按钮禁用 */
/** 暂定 */
/** 悬浮 */
/** 常规 */
/** 点击 */
/** 暂定 */
/** 暂定 */
/** 暂定 */
/** 绿色系 */
/** 橙色系 */
/** 红色系 */
/** 定义特殊字体*/
@font-face {
  font-family: "sht";
  font-weight: 700;
  src: url("//at.alicdn.com/wf/webfont/E3PAXONrCOIs/QYjJ9tdsthqC.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/E3PAXONrCOIs/CLfuRc7t3S7U.woff") format("woff");
  font-display: swap;
}
/**  class头*/
/**  An override for the html selector for theme prefixes*/
/**  -------- 主题Colors -----------*/
/**  @processing-color: @blue-6;*/
/**  @highlight-color: @red-6;*/
/**  @normal-color: @black-2;*/
/**  主要色*/
/**  替换色调(@primary-color, 90%)*/
/**  成功色*/
/**  错误色*/
/**  警告色*/
/**  基础px单位*/
/**  字体*/
/**  继承父级颜色*/
/**  字体变体*/
/**  高级印刷特性*/
/**  字体大小*/
/**  辅助文案*/
/**  正文-常规-小*/
/**  基础*/
/**  标题-小*/
/**  标题-中*/
/**  标题-大*/
/**  运营标题-小*/
/**  运营标题-中*/
/**  运营标题-大*/
/**  行高倍数*/
/**  字体颜色*/
/** 基础色*/
/** 提示语颜色*/
/**  框圆角*/
/**  大圆角*/
/**  基础圆角*/
/**  小圆角*/
/**  边框风格*/
/**  基础边框颜色*/
/**  边框基础宽度*/
/**  边框基础风格*/
/**  内边距(大)*/
/**  内边距(中)*/
/**  内边距(小)*/
/**  内边距(较小)*/
/**  内边距(极小)*/
/**  内边距(最小)*/
/** 外边距 */
/**  外边距(极大)*/
/**  外边距(大)*/
/**  外边距(中)*/
/**  外边距(小)*/
/**  外边距(较小)*/
/**  外边距(极小)*/
/**  外边距(最小)*/
/**  连接线 */
/**  连线颜色*/
/**  连线悬浮颜色*/
/**  连线点击颜色*/
/**  连线装饰*/
/**  连线悬浮装饰*/
/**  分割线*/
/**  动画风格*/
/**  动画速度*/
/**  慢速*/
/**  基础速度*/
/**  快速*/
/**  禁用状态*/
/**  禁用字颜色*/
/**  禁用背景颜色*/
/**  禁用背景颜色*/
/**  阴影*/
/**  阴影颜色*/
/**  阴影顶部*/
/**  阴影底部*/
/**  阴影左侧*/
/**  阴影右侧*/
/**  z-index列表*/
/*******************************************************
*******具名化样式变量,供项目中使用**************************
*******继承组件库base样式变量,提供主题扩展潜力***************
*******************************************************/
/**  @main: #165dff; /** 品牌颜色*/
/** 省交投品牌颜色*/
/**  悬浮颜色*/
/**  点击颜色*/
/** 特殊场景*/
/**  一般禁用*/
/** 文字禁用*/
/** 浅色/白色悬浮*/
/* =========================公司-填充========================= */
/**  强调/图标/特殊场景*/
/**  重/特殊场景*/
/**  深/灰底悬浮*/
/**  一般/常规/白底悬浮*/
/**  浅/禁用*/
/* =========================公司-文字========================= */
/** 强调/正文标题*/
/** 次强调/正文*/
/** 次要信息*/
/** 禁用状态*/
/** 纯白颜色*/
/* =========================公司-功能色系-成功========================= */
/**  成功 success*/
/** 悬浮*/
/**  点击*/
/**  禁用*/
/**  特殊场景*/
/**  浅色背景*/
/* =========================公司-功能色系-提示========================= */
/**  成功 warn*/
/**  悬浮警告红*/
/**  点击警告红*/
/**  禁用*/
/**  特殊场景*/
/**  浅色背景*/
/* =========================公司-功能色系-错误========================= */
/**  常规*/
/**  悬浮*/
/**  点击*/
/**  禁用*/
/**  特殊场景*/
/**  浅色背景*/
/* =========================分割线========================= */
/** 分割线*/
/* ==================================================公司-边距================================================== */
/* =========================标准内边距========================= */
/* =========================标准外边距========================= */
/* ==================================================公司-字体================================================== */
/* =========================字号========================= */
/**  正文-常规-大*/
/* =========================公司-行高========================= */
/* ==================================================公司-其他================================================== */
/* =========================高度========================= */
/* =========================圆角========================= */
/* =========================边框========================= */
/* =========================自定义========================= */
/* =============== Common ===============*/
.sail-form {
  /** 样式写在这里面 */
}
.sail-form-main-line {
  overflow: visible;
  display: flex;
  align-items: flex-end;
}
.sail-form-main-line-component {
  overflow: visible;
  width: calc(100% - 50px);
  float: left;
}
.sail-form-main-line-component-col-form {
  margin-bottom: 24px;
}
.sail-form-main-line-component-col-formitem {
  width: 100%;
  margin-bottom: 0px;
  margin-right: 0px;
}
.sail-form-main-line-component-col-formitem-item {
  width: 100%;
  flex: 1;
}
.sail-form-main-line-component-col-formitem-item-toggle {
  padding-left: 4px;
  cursor: pointer;
  height: 32px;
  white-space: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
}
.sail-form-main-line-component-col-formitem-col {
  display: flex;
}
.sail-form-singleLine {
  width: calc(100% - 50px);
  float: left;
}
.sail-form-icons {
  width: 50px;
  float: left;
  height: 32px;
  display: flex;
  align-items: center;
}
.sail-form-icons-icon {
  margin-left: 7px;
}
.sail-form .ant-row:nth-last-child(1) {
  margin-bottom: 0 !important;
}
.sail-form .hiddenLabel .ant-form-item-label {
  opacity: 0;
}
.sail-form .ant-form-item-control {
  height: 32px;
}