@import '~ag-grid-community/styles/ag-grid.css';
@import '~ag-grid-community/styles/ag-theme-material.css';
/*组件库变量定义 非基础属性*/
/*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 ===============*/
/** Table */
.sail-table {
  /** 样式写在这里面 */
  overflow: auto;
  height: 100%;
  min-width: 656px;
  display: flex;
  flex-direction: column;
  /* 滚动条样式 start*/
}
.sail-table-header {
  overflow: auto;
}
.sail-table-header-buttons {
  overflow: auto;
  margin-bottom: 16px;
}
.sail-table-header-buttons-leftbtn {
  float: left;
  padding: 0 0;
}
.sail-table-header-buttons-leftbtn-button {
  margin-right: 12px;
}
.sail-table-header-buttons-rightbtn {
  float: right;
  padding: 0 0;
}
.sail-table-header-buttons-rightbtn-button {
  margin-left: 12px;
}
.sail-table-header-filter {
  width: 100%;
  display: flex;
}
.sail-table-header-filter-form {
  height: 32px;
  overflow: hidden;
  float: left;
  flex-grow: 1;
  margin-bottom: 16px;
}
.sail-table-header-filter-form-item {
  width: calc(25% - 16px);
}
.sail-table-header-filter-expand {
  float: right;
  color: #4e5969;
  line-height: 32px;
  font-size: 14px;
  white-space: nowrap;
}
.sail-table-header-filter-expand-span {
  cursor: pointer;
}
.sail-table-all {
  flex-grow: 1;
}
.sail-table-all-aggrid-operate {
  margin-right: 16px;
  cursor: pointer;
}
.sail-table-all-aggrid-html {
  float: left;
}
.sail-table-all-aggrid-ellispsis {
  display: #4e5969 !important;
}
.sail-table-all-aggrid-ellispsis .ag-cell {
  height: 100%;
}
.sail-table-all-aggrid-ellispsis .ag-cell-wrapper {
  width: 100%;
}
.sail-table-all-aggrid-ellispsis .ag-cell-wrapper a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #165DFF;
}
.sail-table-all-pagination {
  width: 100%;
  height: 48px;
  border-radius: 0px 0px 2px 2px;
  margin-top: 10px;
  box-shadow: 0px -4px 6px 0px rgba(224, 225, 233, 0.6);
}
.sail-table-all-pagination-bottom-buttons {
  float: left;
  line-height: 48px;
}
.sail-table-all-pagination-bottom-buttons-span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #86909c;
  line-height: 48px;
  float: left;
  margin-right: 12px;
}
.sail-table-all-pagination-bottom-buttons-checked {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #86909c;
  line-height: 48px;
  float: left;
  margin-right: 12px;
}
.sail-table-all-pagination-bottom-buttons-checked .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #165DFF;
}
.sail-table-all-pagination-bottom-buttons-bottombtn {
  float: left;
}
.sail-table-all-pagination-component {
  float: right;
  margin-right: 24px !important;
  margin-top: 8px !important;
}
.sail-table-all-pagination .ant-pagination-options-quick-jumper input {
  border: 1px solid #e5e6eb;
  color: #4e5969;
  border-radius: 2px;
}
.sail-table-all .ag-pinned-right-cols-container {
  margin-right: 0 !important;
}
.sail-table-all .ant-select-selection__rendered {
  width: 100%;
}
.sail-table-all .ag-row-selected::before {
  background-color: #e6f1ff;
}
.sail-table-all .ag-row-hover {
  background-color: #e6f1ff;
}
.sail-table-all .ag-theme-material {
  --ag-checkbox-unchecked-color: #e5e6eb;
  --ag-icon-size: 14px;
  --ag-checkbox-checked-color: #165DFF;
}
.sail-table-all .ag-checkbox-input-wrapper:focus-within,
.sail-table-all .ag-checkbox-input-wrapper:active {
  box-shadow: none;
}
.sail-table-all .ag-theme-material .ag-icon-checkbox-checked {
  color: #165DFF !important;
}
.sail-table-all .ag-theme-material .ag-icon-checkbox-checked,
.sail-table-all .ag-theme-material .ag-icon-checkbox-unchecked {
  font-size: 14px;
}
.sail-table-all .ag-cell-first-right-pinned {
  padding: 16px;
  padding-right: 0;
}
.sail-table-all .ag-cell-value {
  font-size: 14px;
}
.sail-table-all .ag-ltr .ag-header {
  background-color: #f2f3f5 !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-family: PingFang SC !important;
  color: #272e3b !important;
}
.sail-table-all .ag-header-cell-text {
  font-size: 14px;
  font-weight: 500;
  color: #272e3b;
}
.sail-table-all .ag-header-row {
  background-color: #f2f3f5;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  font-family: PingFang SC;
  color: #272e3b;
}
.sail-table-all .ag-cell-focus {
  border-color: transparent !important;
}
.sail-table-all .ag-center-cols-container {
  margin-right: 0 !important;
}
.sail-table-all .ag-icon {
  position: relative;
  left: -6px;
  top: -7px;
}
.sail-table-all .ag-icon-asc,
.sail-table-all .ag-icon-desc,
.sail-table-all .ag-icon-none {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sail-table-all .ag-icon-asc::before,
.sail-table-all .ag-icon-desc::before,
.sail-table-all .ag-icon-none::before {
  content: '\e752';
  font-size: 12px;
  position: absolute;
  top: -5px;
  left: -2px;
  color: #c9cdd4;
}
.sail-table-all .ag-icon-asc::after,
.sail-table-all .ag-icon-desc::after,
.sail-table-all .ag-icon-none::after {
  content: '\e751';
  font-size: 12px;
  position: absolute;
  top: 5px;
  left: -2px;
  color: #c9cdd4;
}
.sail-table-all .ag-icon-asc::before {
  color: #4e5969;
  font-weight: 700;
}
.sail-table-all .ag-icon-desc::after {
  color: #4e5969;
  font-weight: 700;
}
.sail-table-all .ag-theme-alpine .ag-body-viewport {
  overflow: auto;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* 这里设置阴影效果 */
}
.sail-table ::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
.sail-table ::-webkit-scrollbar-track {
  background-color: #fff !important;
}
.sail-table ::-webkit-scrollbar-thumb {
  background-color: #dcdbdb;
  width: 5px;
  border-radius: 10px !important;
}
.sail-table ::-webkit-scrollbar-thumb:hover {
  background-color: #bcbaba;
}
.sail-table ::-webkit-scrollbar-thumb:active {
  background-color: #bcbaba;
}
.sail-table .ag-body-horizontal-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.sail-table .ag-body-horizontal-scroll::-webkit-scrollbar-track {
  background-color: #fff;
}
.sail-table .ag-body-horizontal-scroll::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  width: 5px;
  border-radius: 10px;
}
.sail-table .ag-body-horizontal-scroll::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.sail-table .ag-body-horizontal-scroll::-webkit-scrollbar-track {
  background: #fff;
}
.sail-table .ag-body-horizontal-scroll::-webkit-scrollbar-thumb {
  background: #ddd;
  visibility: hidden;
}
.sail-table .ag-body-horizontal-scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.sail-table .agGridEmpty {
  display: inline-block;
  width: 90px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -32px;
  background-image: url('data:image/png;base64,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');
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
.sail-table .agGridEmpty::before {
  content: '暂无数据';
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
  position: relative;
  top: 100px;
  left: -8%;
}
.sail-table .agGridLoading {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  background-image: url('data:image/png;base64,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');
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  /* 设置背景图像的大小和位置，根据需要调整 */
  background-size: cover;
  background-position: center;
  /* 使用 transform 属性进行旋转，这里是 45 度 */
  animation: rotate 0.5s infinite linear;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}