/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.hecom-tooltip {
  max-width: 400px;
  transition: opacity 0.1s ease-out 0s;
}
.hecom-tooltip .ant-tooltip-content .ant-tooltip-inner {
  overflow: hidden;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 0 8px;
}
.hecom-tooltip .ant-tooltip-content .title-content {
  margin: 8px;
  max-width: 400px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: white;
  white-space: pre-wrap;
  word-break: break-all;
  max-height: 60vh;
  overflow: auto;
}
.hecom-tooltip .ant-tooltip-content .title-content::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  /* 滑块的背景颜色 */
  border-radius: 6px;
  /* 滑块的圆角 */
}
.hecom-tooltip .ant-tooltip-content .title-content .tip-title {
  padding-bottom: 6px;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: white;
}
.hecom-tooltip .ant-tooltip-content .title-content .tooltip-content-list {
  margin: 0;
  padding-left: 18px;
}
.hecom-tooltip .ant-tooltip-content .title-content .tooltip-content-list .tooltip-content-list-item {
  list-style-type: disc;
  margin-bottom: 6px;
  word-break: break-all;
}
.hecom-tooltip .ant-tooltip-content .title-content .tooltip-content-list .tooltip-content-list-item:last-child {
  margin-bottom: 0;
}
.hecom-tooltip .ant-tooltip-content .title-content p {
  margin: 0;
  padding-bottom: 6px;
  line-height: 20px;
  font-size: 14px;
}
.hecom-tooltip.reportTable-cell-summary-tooltip * {
  color: white;
}
.hecom-tooltip-ellipsis {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tooltip-wrap > div > span:not(:first-child) {
  margin-left: 600px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.zhankai-icon {
  display: inline-block;
  margin-right: 3px;
  transform: scaleX(2) rotateX(180deg) translateY(2px);
}
.item-value-isTableLayout .ant-typography-single-line {
  width: 100%;
}
.typography-a-btn {
  white-space: nowrap;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.ant-modal-wrap {
  overflow: hidden;
}
.react-draggable-modal {
  height: 100%;
}
.react-draggable-modal .ant-modal-header:hover {
  cursor: move;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.multiTab-modal {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.multiTab-modal.page.new-edit-modal > .ant-modal .ant-modal-content .ant-modal-body {
  height: calc(100vh - 205px) !important;
  max-height: calc(100vh - 205px) !important;
}
.multiTab-modal.page > .ant-modal .ant-modal-content {
  box-shadow: none;
}
.multiTab-modal.page.custom .ant-modal {
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
}
.multiTab-modal.page .ant-modal-header .ant-modal-title > .switch-new-version {
  right: 0;
}
.multiTab-modal.page .ant-modal-header .ant-modal-title > .other-info {
  margin-right: 0;
}
.multiTab-modal.page.new-edit-modal.new-version-newEdit > .ant-modal .ant-modal-content .ant-modal-body {
  max-height: calc(100vh - 153px) !important;
  height: calc(100vh - 153px) !important;
}
.multiTab-modal .ant-modal-content .ant-modal-body {
  max-height: calc(100vh - 218px) !important;
}
.multiTab-modal.custom-modal.file-preview .ant-modal-body {
  max-height: calc(100vh - 148px) !important;
}
.multiTab-modal.custom-modal.file-preview .ant-modal-footer {
  height: 0;
  border: 0;
}
.web-index-modal {
  position: absolute !important;
}
.ant-modal {
  max-width: calc(100% - 32px);
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.biz-tree-list-sortno.hasChecked {
  color: #1890ff;
}
.biz-tree-list-sortno-list {
  background-color: #fff;
  text-align: center;
  color: #222;
  margin-left: 1px;
  font-weight: 800;
  display: inline-block;
  height: 20px !important;
  line-height: 20px !important;
  vertical-align: text-bottom;
}
.biz-tree-list-sortno-list .biz-tree-list-sortno-select {
  display: inline-block;
  width: 16px;
  height: 20px;
  line-height: 20px;
  vertical-align: top;
}
.biz-tree-list-sortno-list .biz-tree-list-sortno-selectIcon {
  display: inline-block;
  width: 14px;
  height: 16px;
  line-height: 16px;
  position: relative;
}
.biz-tree-list-sortno-list .biz-tree-list-sortno-selectIcon .icon {
  position: absolute;
  top: 6px;
  right: 4px;
}
.biz-tree-list-sortno-list:active {
  border: 1px solid #1890ff;
}
.biz-tree-list-sortno-list:hover {
  cursor: pointer;
  background-color: #e7f3ff;
  color: #1890ff;
}
.biz-tree-list-sortno-list .hasChecked {
  color: #1890ff;
}
.biz-tree-list-sortno-dropdown .ant-dropdown-menu {
  border-radius: 4px;
  padding: 0;
}
.biz-tree-list-sortno-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-only-child {
  padding: 0;
  text-align: center;
  line-height: 28px;
}
.biz-tree-list-sortno-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active {
  background-color: #e7f6ff;
  color: #1890ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
/*!
 * Viewer v1.0.0-alpha
 * https://github.com/fengyuanchen/viewer
 *
 * Copyright (c) 2015-2018 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-03-13T06:42:31.525Z
 */
.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -webkit-touch-callout: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}
.viewer-container::selection,
.viewer-container *::selection {
  background-color: transparent;
}
.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  width: auto;
}
.viewer-canvas.viewer-loading > img {
  max-height: 90% !important;
  max-width: 90% !important;
}
.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}
.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}
.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  transition: opacity 0.15s;
  width: 30px;
}
.viewer-list > li:hover {
  opacity: 0.75;
}
.viewer-list > li + li {
  margin-left: 1px;
}
.viewer-list > .viewer-loading {
  position: relative;
}
.viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}
.viewer-list > .viewer-active,
.viewer-list > .viewer-active:hover {
  opacity: 1;
}
.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}
.viewer-toolbar ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
}
.viewer-toolbar li {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  transition: background-color 0.15s;
  width: 60px;
  padding: 0 10px;
}
.viewer-toolbar li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.viewer-toolbar li + li {
  margin-left: 1px;
}
.viewer-zoom-in::before,
.viewer-zoom-out::before,
.viewer-one-to-one::before,
.viewer-reset::before,
.viewer-prev::before,
.viewer-play::before,
.viewer-next::before,
.viewer-download::before,
.viewer-rotate-left::before,
.viewer-rotate-right::before,
.viewer-flip-horizontal::before,
.viewer-flip-vertical::before,
.viewer-fullscreen::before,
.viewer-fullscreen-exit::before,
.viewer-close::before {
  font-family: 'heicon';
  color: #ffffff;
  font-size: 24px;
  line-height: 32px;
  display: block;
}
.viewer-zoom-in::after,
.viewer-zoom-out::after,
.viewer-one-to-one::after,
.viewer-reset::after,
.viewer-prev::after,
.viewer-play::after,
.viewer-next::after,
.viewer-download::after,
.viewer-rotate-left::after,
.viewer-rotate-right::after,
.viewer-flip-horizontal::after,
.viewer-flip-vertical::after,
.viewer-fullscreen::after,
.viewer-fullscreen-exit::after,
.viewer-close::after {
  font-family: 'PingFang SC', 'Helvetica Neue For Number', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 12px;
  line-height: 20px;
  display: block;
  vertical-align: middle;
}
.viewer-prev::before {
  content: '\e689';
}
.viewer-next::before {
  content: '\e66f';
}
.viewer-zoom-in::before {
  content: '\e74f';
}
.viewer-zoom-out::before {
  content: '\e74e';
}
.viewer-rotate-left::before {
  content: '\e74d';
}
.viewer-rotate-right::before {
  transform: rotateY(-180deg);
  content: '\e74d';
}
.viewer-download::before {
  content: '\e74c';
}
.viewer-prev::after {
  content: '\4e0a\4e00\5f20';
}
.viewer-next::after {
  content: '\4e0b\4e00\5f20';
}
.viewer-zoom-in::after {
  content: '\653e\5927';
}
.viewer-zoom-out::after {
  content: '\7f29\5c0f';
}
.viewer-rotate-left::after {
  content: '\5de6\65cb\8f6c';
}
.viewer-rotate-right::after {
  content: '\53f3\65cb\8f6c';
}
.viewer-download::after {
  content: '\4e0b\8f7d';
}
.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}
.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}
.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}
/* .viewer-rotate-right::before {
    background-position: -160px 0;
    content: 'Rotate Right';
} */
.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}
.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}
.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}
.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}
.viewer-toolbar .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}
.viewer-toolbar .viewer-small::before {
  margin: -1px;
}
.viewer-toolbar .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}
.viewer-toolbar .viewer-large::before {
  margin: 5px;
}
.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}
.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}
.viewer-title:hover {
  opacity: 1;
}
.viewer-button {
  font-family: 'heicon';
  cursor: pointer;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: rgba(0, 0, 0, 0);
  color: red;
  border-radius: 50%;
}
.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.viewer-button::before {
  content: '\c076';
  font-size: 30px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
}
.viewer-button.viewer-close::before {
  content: '\e647';
}
.viewer-fixed {
  position: fixed;
}
.viewer-open {
  overflow: hidden;
}
.viewer-show {
  display: block;
}
.viewer-hide {
  display: none;
}
.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.viewer-invisible {
  visibility: hidden;
}
.viewer-move {
  cursor: move;
  cursor: grab;
}
.viewer-fade {
  opacity: 0;
}
.viewer-in {
  opacity: 1;
}
.viewer-transition {
  transition: all 0.3s;
}
@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.viewer-loading::after {
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}
@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}
@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
.view-water-mask-loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  background: #000;
  opacity: 0.5;
  color: #1890FF;
  overflow: hidden;
}
.view-water-mask-loading > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.view-water-mask-loading > div .ant-spin-text {
  margin-top: 20px;
  font-size: 14px;
}
.viewer-hide .view-water-mask-loading {
  display: none;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.tool-tip-batch-download-table {
  display: flex;
  color: #000;
  justify-content: end;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 8px;
}
.tool-tip-batch-download-table.image {
  padding-top: 0px;
}
.tool-tip-batch-download-table .batch-download {
  border-radius: 4px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  height: 30px;
}
.tool-tip-batch-download-detail {
  display: flex;
  color: #000;
  justify-content: flex-end;
  align-items: center;
  padding: 0 8px;
  flex-wrap: wrap;
}
.tool-tip-batch-download-detail .ant-checkbox {
  top: 0px;
}
.tool-tip-batch-download-detail .ant-checkbox-inner {
  width: 12px;
  /* 原始宽度 */
  height: 12px;
  /* 原始高度 */
}
.tool-tip-batch-download-detail .ant-checkbox-wrapper {
  align-items: unset;
  font-size: 12px;
  height: 12px;
}
.tool-tip-batch-download-detail .ant-checkbox-checked .ant-checkbox-inner::after {
  width: 4.5px;
  /* 缩小宽度 */
  height: 7.5px;
  /* 缩小高度 */
}
.tool-tip-batch-download-detail a {
  font-size: 12px;
}
.tool-tip-batch-download-detail a.hasPkgdlAttachField {
  margin-left: 8px;
}
.item-value-isTableLayout .tool-tip-batch-download-detail {
  padding: 0px;
}
.tool-tip-batch-download-detail-from-flow {
  display: flex;
  color: #000;
  justify-content: end;
  align-items: unset;
  min-width: fit-content;
  padding: 0 8px;
}
.tool-tip-batch-download-detail-from-flow a {
  font-size: 14px;
}
.tool-tip-batch-download-detail-from-flow a.hasPkgdlAttachField {
  margin-left: 8px;
}
.tool-tip-batch-download-detail-from-flow .ant-checkbox-wrapper {
  align-items: baseline;
  font-size: 14px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-c628abcd]::before {
  display: table;
  content: '';
}
.clearfix[data-v-c628abcd]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-c628abcd] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-c628abcd] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-c628abcd] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-c628abcd]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-c628abcd] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-c628abcd]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-c628abcd] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.title-info[data-v-c628abcd] {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}
.title-1[data-v-c628abcd] {
  -webkit-line-clamp: 1;
}
.title-2[data-v-c628abcd] {
  -webkit-line-clamp: 2;
}
.title-3[data-v-c628abcd] {
  -webkit-line-clamp: 3;
}
.title-4[data-v-c628abcd] {
  -webkit-line-clamp: 4;
}
.title-5[data-v-c628abcd] {
  -webkit-line-clamp: 5;
}
.title-6[data-v-c628abcd] {
  -webkit-line-clamp: 6;
}
.title-7[data-v-c628abcd] {
  -webkit-line-clamp: 7;
}
.title-8[data-v-c628abcd] {
  -webkit-line-clamp: 8;
}
.title-9[data-v-c628abcd] {
  -webkit-line-clamp: 9;
}
.title-10[data-v-c628abcd] {
  -webkit-line-clamp: 10;
}
.title-11[data-v-c628abcd] {
  -webkit-line-clamp: 11;
}
.title-12[data-v-c628abcd] {
  -webkit-line-clamp: 12;
}
.title-13[data-v-c628abcd] {
  -webkit-line-clamp: 13;
}
.title-14[data-v-c628abcd] {
  -webkit-line-clamp: 14;
}
.title-15[data-v-c628abcd] {
  -webkit-line-clamp: 15;
}
@media print {
.printing .title-info[data-v-c628abcd] {
    display: inline-block;
}
.printing .long-title a[data-v-c628abcd] {
    display: none;
}
}
.inline-title[data-v-c628abcd] {
  display: inline;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-07dddbf0]::before {
  display: table;
  content: '';
}
.clearfix[data-v-07dddbf0]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-07dddbf0] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-07dddbf0] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-07dddbf0] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-07dddbf0]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-07dddbf0] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-07dddbf0]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-07dddbf0] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.summary-item-content[data-v-07dddbf0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-right: 20px;
}
.summary-item-content .layout-summary-item-title[data-v-07dddbf0] {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.summary-item-content .layout-summary-item-value[data-spannuminsummary='true'][data-v-07dddbf0],
.summary-item-content[data-v-07dddbf0] .biz-meta-link[data-spannuminsummary='true'] {
  white-space: unset;
  width: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.summary-item-content .layout-summary-item-value[data-spannuminsummary='false'][data-v-07dddbf0],
.summary-item-content[data-v-07dddbf0] .biz-meta-link[data-spannuminsummary='false'] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.summary-item-content .layout-summary-item-value.layout-summary-percent[data-spannuminsummary='true'][data-v-07dddbf0] {
  width: 100%;
}
.summary-item-content .layout-summary-item-typography[data-v-07dddbf0] {
  width: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary[data-v-07dddbf0] {
  transform: translateX(0);
  background-color: #fff;
  position: relative;
  overflow: auto hidden;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary .layout-content .fenge[data-v-07dddbf0] {
  height: 22px;
  border-left: 1px solid #e6e7eb;
  padding-right: unset;
  margin-left: unset;
  margin-top: 10px;
}
.layout-summary-item[data-v-07dddbf0] {
  padding-left: 20px;
  align-items: unset !important;
  margin: 8px 0 !important;
}
.layout-summary-item:nth-last-child(1) .fenge[data-v-07dddbf0] {
  display: none;
}
.btn-shouqi[data-v-07dddbf0] {
  position: absolute;
  left: 50%;
  margin-left: -59px;
  /*transform: translateX(-50%);*/
  background: #f3f7fa;
  border-radius: 5px 5px 0px 0px;
  padding: 0px 20px;
  cursor: pointer;
  bottom: -2px;
}
.spread.btn-shouqi[data-v-07dddbf0]::after {
  display: inline-block;
  margin-left: 8px;
  transform: translateX(-50%) rotate(180deg);
}
.pack-up[data-v-07dddbf0],
.show-all[data-v-07dddbf0] {
  position: relative;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  width: 100%;
  margin-top: 6px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.detail-skeleton-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f2f6fa;
  min-width: 1000px;
  overflow: hidden auto;
}
.detail-skeleton-wrap .skeleton-header {
  margin-bottom: 9px;
  padding: 17px;
  height: 118px;
  width: 100%;
  background: #fff;
  border-radius: 4px;
}
.detail-skeleton-wrap .skeleton-header .header-first {
  display: flex;
  justify-content: space-between;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left {
  display: flex;
  align-items: center;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left .left-content {
  width: 175px;
  height: 11px;
  margin-left: 10px;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left .left-btn {
  width: 13px;
  min-width: 13px;
  height: 11px;
  margin-left: 10px;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-right .right-btn {
  width: 30px;
  height: 22px;
  margin-left: 4px;
  overflow: hidden;
  border-radius: 5px;
}
.detail-skeleton-wrap .skeleton-header .header-second {
  display: flex;
}
.detail-skeleton-wrap .skeleton-header .header-second .ant-skeleton {
  width: 12%;
  margin: 20px 0 0 20px;
  box-sizing: content-box;
  padding-right: 4%;
}
.detail-skeleton-wrap .skeleton-header .header-second .ant-skeleton .ant-skeleton-title {
  height: 11px;
}
.detail-skeleton-wrap .skeleton-header .header-second .ant-skeleton .ant-skeleton-paragraph {
  margin-top: 8px;
}
.detail-skeleton-wrap .skeleton-header .header-second .ant-skeleton .ant-skeleton-paragraph li {
  height: 11px;
  width: 100% !important;
}
.detail-skeleton-wrap .skeleton-body {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}
.detail-skeleton-wrap .skeleton-body .body-left {
  display: flex;
  flex-direction: column;
  width: calc(66.67% - 12px);
}
.detail-skeleton-wrap .skeleton-body .body-left .left-top {
  width: 100%;
  height: 465px;
  margin-bottom: 9px;
  background: #fff;
  border-radius: 4px;
}
.detail-skeleton-wrap .skeleton-body .body-left .left-top .top-header {
  display: flex;
  align-items: center;
  height: 49px;
  border-bottom: 1px solid #F0F0F0;
}
.detail-skeleton-wrap .skeleton-body .body-left .left-top .top-header .header-content {
  width: 40%;
  height: 11px;
  margin-left: 10px;
}
.detail-skeleton-wrap .skeleton-body .body-left .left-top .top-content {
  display: flex;
  height: calc(100% - 50px);
  flex-wrap: wrap;
}
.detail-skeleton-wrap .skeleton-body .body-left .left-bottom {
  flex-grow: 1;
  width: 100%;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  border-radius: 4px;
}
.detail-skeleton-wrap .skeleton-body .body-left .left-skeleton {
  width: 28%;
  margin: 20px 0 0 20px;
  box-sizing: content-box;
  padding-right: 15%;
}
.detail-skeleton-wrap .skeleton-body .body-left .left-skeleton .ant-skeleton-title {
  height: 11px;
}
.detail-skeleton-wrap .skeleton-body .body-left .left-skeleton .ant-skeleton-paragraph {
  margin-top: 8px;
}
.detail-skeleton-wrap .skeleton-body .body-left .left-skeleton .ant-skeleton-paragraph li {
  height: 11px;
  width: 100% !important;
}
.detail-skeleton-wrap .skeleton-body .body-right {
  background: #fff;
  margin-left: 10px;
  width: calc(33.33% + 8px);
  border-radius: 4px;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-header {
  display: flex;
  align-items: center;
  height: 49px;
  border-bottom: 1px solid #F0F0F0;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-header .header-content {
  width: 127px;
  height: 11px;
  margin-left: 10px;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content {
  margin: 13px 26px;
  height: calc(100% - 50px);
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content .content-top .top-header {
  display: flex;
  align-items: center;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content .content-top .top-header .top-title {
  width: 132px;
  height: 11px;
  margin-left: 10px;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content .content-top .top-content {
  width: 257px;
  height: 11px;
  margin-top: 5px;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content .item-skeleton {
  width: 90%;
  margin-top: 60px;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content .item-skeleton .ant-skeleton-title {
  height: 11px;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content .item-skeleton .ant-skeleton-paragraph {
  margin-top: 16px;
  margin-bottom: 0;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content .item-skeleton .ant-skeleton-paragraph li {
  height: 11px;
  width: 100% !important;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content .item-skeleton .ant-skeleton-paragraph li:nth-child(3) {
  width: 60% !important;
}
.detail-skeleton-wrap .skeleton-body .body-right .right-content .item-skeleton .ant-skeleton-paragraph li:last-child {
  width: 70% !important;
}
.multi-tab-skeleton {
  margin: 0 12px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-1df913c5]::before {
  display: table;
  content: '';
}
.clearfix[data-v-1df913c5]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-1df913c5] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-1df913c5] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-1df913c5] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-1df913c5]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-1df913c5] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-1df913c5]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-1df913c5] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
div[data-v-1df913c5] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  flex-direction: column;
}
.placeholder-icon[data-v-1df913c5] {
  width: 40px;
  height: 26px;
  background-image: url(../../static/media/no_detail_data.6668faa3112f5cb24a1d.png);
  background-size: 100%;
  margin-bottom: 10px;
}
.min-height-600[data-v-1df913c5] {
  min-height: 600px;
}
.white-background[data-v-1df913c5] {
  background-color: #fff;
}
.tab-wrap div[data-v-1df913c5] {
  height: unset;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-3fd07538]::before {
  display: table;
  content: '';
}
.clearfix[data-v-3fd07538]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-3fd07538] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-3fd07538] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-3fd07538] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-3fd07538]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-3fd07538] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-3fd07538]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-3fd07538] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.layout-tab.comp-wrap[data-v-3fd07538] .ant-tabs-nav-list {
  overflow: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.layout-tab.comp-wrap[data-v-3fd07538] .ant-tabs-nav-list::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.layout-tab.comp-wrap[data-v-3fd07538] .ant-tabs-extra-content {
  font-size: 12px;
  padding-right: 4px;
  display: flex;
}
.layout-tab.comp-wrap[data-v-3fd07538] .ant-tabs-nav-more {
  padding: 8px;
}
.layout-tab.comp-wrap[data-v-3fd07538] .ant-tabs-nav-operations {
  display: none;
}
.layout-tab.comp-wrap[data-v-3fd07538] .ant-tabs-nav-operations.ant-tabs-nav-operations-hidden + .ant-tabs-extra-content {
  display: none;
}
.layout-tab.comp-wrap[data-v-3fd07538] .left-outlined,
.layout-tab.comp-wrap .right-outlined[data-v-3fd07538],
.layout-tab.comp-wrap .anticon-ellipsis[data-v-3fd07538] {
  display: block;
  height: 44px;
  padding: 15px 0;
  font-size: 12px;
}
.layout-tab.comp-wrap[data-v-3fd07538] .left-outlined:hover,
.layout-tab.comp-wrap .right-outlined[data-v-3fd07538]:hover,
.layout-tab.comp-wrap .anticon-ellipsis[data-v-3fd07538]:hover {
  color: #1890ff;
}
.layout-tab.comp-wrap[data-v-3fd07538] .anticon-ellipsis {
  width: 32px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-tab.comp-wrap[data-v-3fd07538] .ant-tabs-top > .ant-tabs-nav {
  padding-right: 10px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.mini-card-avatar {
  overflow: hidden;
  width: 28px;
  height: 30px;
  clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 94.64102% 21.33975%, 96.06889% 22.33956%, 97.30146% 23.57212%, 98.30127% 25%, 99.03794% 26.5798%, 99.48909% 28.26352%, 99.64102% 30%, 99.64102% 70%, 99.48909% 71.73648%, 99.03794% 73.4202%, 98.30127% 75%, 97.30146% 76.42788%, 96.06889% 77.66044%, 94.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 5.35898% 78.66025%, 3.93111% 77.66044%, 2.69854% 76.42788%, 1.69873% 75%, 0.96206% 73.4202%, 0.51091% 71.73648%, 0.35898% 70%, 0.35898% 30%, 0.51091% 28.26352%, 0.96206% 26.5798%, 1.69873% 25%, 2.69854% 23.57212%, 3.93111% 22.33956%, 5.35898% 21.33975%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mini-card-avatar .avatar-content {
  font-size: 12px;
  color: white;
  width: fit-content;
}
.mini-card-avatar .avatar-content-img {
  width: 100%;
  height: 100%;
}
.mini-card-avatar .avatar-content-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: unset;
}
.m-im .mini-card-avatar {
  width: 38px;
  height: 42px;
}
.hexagon-three-right {
  display: inline-block;
  width: 18px;
  margin-left: 0px;
  height: 21px;
  background: #47c2e7;
  border-radius: 2px;
  transform: skewY(27deg);
}
.hexagon-three-left {
  display: inline-block;
  width: 18px;
  height: 21px;
  background: #47c2e7;
  transform: skewY(151deg);
  border-radius: 2px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.hexagon-three-down {
  width: 21px;
  margin-left: 5px;
  margin-top: -5px;
  height: 18px;
  border-radius: 2px;
  background: #47c2e7;
  transform: rotate(29deg) skewX(-32deg) translate(1px, -1px);
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}
.hexagonTwo-left {
  position: relative;
  width: 19px;
  height: 26px;
  background: transparent;
}
.hexagonTwo-right {
  position: relative;
  width: 19px;
  height: 24px;
  left: 26px;
  top: -25px;
  background: transparent;
}
/* .hexagonTwo-left::before{
content: "";
position: absolute;
background-color: #47C2E7;
top: 0; right: 0; bottom: 0; left: 0;
border-radius: 2px;
transform: perspective(1em) rotateY(-30deg);
} */
.hexagon-two-left {
  position: absolute;
  background-color: #47c2e7;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 1px;
  transform: perspective(1em) rotateY(-30deg);
}
/* .hexagonTwo-right::before{
content: "";
position: absolute;
background-color: #47C2E7;
top: 0px; right: 0; bottom: 0; left: 0px;
border-radius: 2px;
transform: perspective(1em) rotateY(36deg);
} */
.hexagon-two-right {
  position: absolute;
  background-color: #47c2e7;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0px;
  border-radius: 1px;
  transform: perspective(1em) rotateY(36deg);
}
.hexagon-more-left-up {
  width: 21px;
  height: 0;
  border-top: none;
  border-bottom: 18px #47c2e7 solid;
  border-left: none;
  transform: rotate(270deg);
  border-right: transparent 11px solid;
  border-radius: 0px 18px 2px 0px;
}
.hexagon-more-right-up {
  width: 21px;
  height: 0;
  border-top: none;
  border-bottom: 18px #47c2e7 solid;
  border-left: transparent 11px solid;
  transform: rotate(90deg) translate(-18px, -19px);
  border-right: none;
  border-radius: 18px 0px 0px 2px;
}
.hexagon-more-left-down {
  width: 21px;
  height: 0;
  border-top: none;
  border-bottom: 18px #47c2e7 solid;
  border-left: transparent 11px solid;
  transform: rotate(270deg) translate(14px, 0px);
  border-right: none;
  border-radius: 18px 0px 0px 2px;
}
.hexagon-more-right-down {
  width: 21px;
  height: 0;
  border-top: none;
  border-bottom: 18px #47c2e7 solid;
  border-left: none;
  transform: rotate(90deg) translate(-32px, -19px);
  border-right: transparent 11px solid;
  border-radius: 0px 18px 2px 0px;
}
.hexagon-font span {
  color: #fff;
  font-size: 9px;
  display: inline-block;
}
.hexagon-three-right span {
  transform: skewY(-24deg) translate(2px, 2px);
}
.hexagon-three-left span {
  transform: skewY(-152deg) translate(2px, -1px);
}
.hexagon-three-down span {
  transform: rotateX(-16deg) skewX(31deg) rotateZ(-29deg) translate(8px, 0px);
}
.hexagon-more-left-up span {
  transform: rotate(90deg) translate(-1px, 0px);
}
.hexagon-more-right-up span {
  transform: rotate(-90deg) translate(2px, -2px);
}
.hexagon-more-left-down span {
  transform: rotate(90deg) translate(-1px, 4px);
}
.hexagon-more-right-down span {
  transform: rotate(-90deg) translate(1px, 2px);
}
.hexagonTwo-left span {
  transform: translate(7.5px, 2px);
  font-weight: 400;
}
.hexagonTwo-right span {
  transform: translate(-1px, 1px);
  font-weight: 400;
}
.hexagon-group-default-color {
  background-color: #47c2e7;
}
.hexa-img-let-up {
  transform: rotate(90deg);
  border-radius: 21px 0px 0px 0px;
}
.hexa-img-right-up {
  border-radius: 0px 21px 0px 0px;
  transform: translate(-7px, 0px) rotate(-90deg);
}
.hexa-img-left-down {
  border-radius: 0px 0px 0px 21px;
  transform: rotate(90deg) translate(1px, 7px);
}
.hexa-img-right-down {
  border-radius: 0px 0px 0px 21px;
  /*transform: translate(0px, 0px) rotate(270deg) rotateY(180deg);*/
}
.custom-avatar .avatar-content-wrap:hover .change,
.custom-avatar .avatar-team .avatar-content-text {
  opacity: 1;
}
.custom-avatar {
  display: inline-block;
  position: relative;
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.custom-avatar + .avatar-wrap {
  margin-left: 15px;
}
.custom-avatar .size-40-x-40 {
  font-size: 16px;
}
.custom-avatar .avatar6 {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.custom-avatar .avatar-lead {
  transform: rotate(120deg);
  /*border-radius:60px;*/
}
.custom-avatar .avatar-lead .size-25-x-25 {
  width: 24px;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
}
.custom-avatar .size-25-x-25 img {
  width: 24px;
  height: 28px;
}
.custom-avatar .avatar-lead .size-30-x-30 {
  width: 28px;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
}
.custom-avatar .size-30-x-30 img {
  width: 30px;
  height: 32px;
}
.custom-avatar .avatar-lead .size-40-x-40 {
  width: 36px;
  height: 40px;
  line-height: 38px;
}
.custom-avatar .size-40-x-40 img {
  width: 36px;
  height: 40px;
}
.custom-avatar .avatar-lead-part {
  width: 100%;
  height: 100%;
  transform: rotate(-60deg);
  display: block;
  overflow: hidden;
  border-radius: 35%;
}
.custom-avatar .avatar-salesAccount {
  border: 1px solid #f0f0f0;
}
.custom-avatar .avatar-salesAccount .avatar-content {
  background-size: contain;
}
.custom-avatar .avatar-salesAccount .avatar-content-image {
  background-color: #fff;
}
.custom-avatar .avatar-unknown .avatar-content {
  background-image: url(//d952cmcgwqsjf.cloudfront.net/assets/images/unknown-a1b1b7aaba1cd4fe7d47dbe935bb27dc.png);
}
.custom-avatar .avatar-content {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.custom-avatar .avatar-content-wrap {
  text-align: center;
}
.custom-avatar .avatar-content-wrap.change-avatar {
  position: relative;
}
.custom-avatar .avatar-content-wrap .change {
  opacity: 0;
  font-size: 10px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 35%;
  padding-top: 5px;
  font-weight: 100;
  cursor: pointer;
}
.custom-avatar .avatar-content-wrap .change:hover {
  background: rgba(0, 0, 0, 0.6);
}
.custom-avatar .avatar-content-wrap.avatar-lead-part .change {
  height: 45%;
}
.avatar-initial {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}
.avatar-initial-0 {
  background-color: #3eaaff;
  font-weight: 400;
}
.avatar-initial-1 {
  background-color: #47c2e7;
  font-weight: 400;
}
.avatar-initial-2 {
  background-color: #fd6364;
  font-weight: 400;
}
.avatar-initial-3 {
  background-color: #fdc63f;
  font-weight: 400;
}
.avatar-initial-4 {
  background-color: #bee15d;
  font-weight: 400;
}
.avatar-initial-5 {
  background-color: #28d9c1;
  font-weight: 400;
}
.avatar-initial-6 {
  background-color: #ff9d50;
  font-weight: 400;
}
.custom-avatar .avatar-initial-hexagon-0 {
  border-bottom: 18px #3eaaff solid;
  font-weight: 400;
}
.custom-avatar .avatar-initial-hexagon-1 {
  border-bottom: 18px #47c2e7 solid;
  font-weight: 400;
}
.custom-avatar .avatar-initial-hexagon-2 {
  border-bottom: 18px #fd6364 solid;
  font-weight: 400;
}
.custom-avatar .avatar-initial-hexagon-3 {
  border-bottom: 18px #fdc63f solid;
  font-weight: 400;
}
.custom-avatar .avatar-initial-hexagon-4 {
  border-bottom: 18px #bee15d solid;
  font-weight: 400;
}
.custom-avatar .avatar-initial-hexagon-5 {
  border-bottom: 18px #28d9c1 solid;
  font-weight: 400;
}
.custom-avatar .avatar-initial-hexagon-6 {
  border-bottom: 18px #ff9d50 solid;
  font-weight: 400;
}
.custom-avatar .avatar-initial-two-0::before {
  background-color: #3eaaff;
  font-weight: bold;
}
.custom-avatar .avatar-initial-two-1::before {
  background-color: #47c2e7;
  font-weight: bold;
}
.custom-avatar .avatar-initial-two-2::before {
  background-color: #fd6364;
  font-weight: bold;
}
.custom-avatar .avatar-initial-two-3::before {
  background-color: #fdc63f;
  font-weight: bold;
}
.custom-avatar .avatar-initial-two-4::before {
  background-color: #bee15d;
  font-weight: bold;
}
.custom-avatar .avatar-initial-two-5::before {
  background-color: #28d9c1;
  font-weight: bold;
}
.custom-avatar .avatar-initial-two-6::before {
  background-color: #ff9d50;
  font-weight: bold;
}
.custom-avatar .avatar-initial-team {
  background-color: #307cd5;
  color: #fff;
  font-weight: bold;
}
.custom-avatar .avatar-initial .text-vmiddle {
  opacity: 0.7;
  width: 100%;
}
.hexagon1-more-left-up {
  width: 25px;
  height: 0;
  border-top: none;
  border-bottom: 19px #47c2e7 solid;
  border-left: none;
  transform: rotate(270deg);
  border-right: transparent 11px solid;
}
.hexagon2-more-left-up {
  width: 25px;
  height: 0;
  border-top: none;
  border-bottom: 19px #47c2e7 solid;
  border-left: transparent 11px solid;
  transform: rotate(90deg);
  border-right: none;
}
.hexagon3-more-left-up {
  width: 25px;
  height: 0;
  border-top: none;
  border-bottom: 19px #47c2e7 solid;
  border-left: transparent 11px solid;
  transform: rotate(270deg);
  border-right: none;
}
.hexagon4-more-left-up {
  width: 25px;
  height: 0;
  border-top: none;
  border-bottom: 19px #47c2e7 solid;
  border-left: none;
  transform: rotate(90deg);
  border-right: transparent 11px solid;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.multiTab-drawer {
  position: absolute;
  width: 100%;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.ant-table-thead > tr > th.cloud-th-resizeable {
  position: relative;
  /*height: 40px;*/
  /*padding: 0 8px !important;*/
  background-color: #f3f6fa;
  border-right: none;
}
.ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content {
  padding: 0;
  color: #222;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable .ant-table-column-sorter-down,
.ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable .ant-table-column-sorter-up {
  color: #999999;
}
.ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable .ant-table-column-sorter-down.active,
.ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable .ant-table-column-sorter-up.active {
  color: #676d79;
}
.ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable:hover {
  background-color: #e7f0fa !important;
}
.ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable:hover .cloud-th-resizeable-content {
  color: #1890ff;
}
.ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable:hover .ant-table-column-sorter-up,
.ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable:hover .ant-table-column-sorter-down {
  color: #1890ff;
}
.cloud-th-resizeable .cloud-th-resize-bar {
  position: absolute;
  right: -4px;
  top: 0;
  bottom: 0;
  width: 7px;
  cursor: col-resize;
  background: transparent;
  z-index: 1;
}
.cloud-th-resizeable .cloud-th-resize-bar > i {
  position: absolute;
  width: 1px;
  left: 2px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: #dfdfdf;
}
.ant-table-small .cloud-th-resizeable .cloud-th-resize-bar > i {
  height: 16px;
}
.ant-table-bordered .cloud-th-resizeable .cloud-th-resize-bar:hover {
  background: rgba(12, 27, 41, 0.05);
}
.ant-table-bordered .cloud-th-resizeable .cloud-th-resize-bar > i {
  position: absolute;
  width: 1px;
  left: 3px;
  height: 100%;
  background: rgba(207, 219, 230, 0.3);
}
.cloud-th-resize-line {
  position: fixed;
  width: 1px;
  z-index: 1031;
  border-right: 1px dashed #777;
}
.ant-table-cell-scrollbar {
  display: table-cell;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.cloud-resize-table-n .cloud-virtual-table .ant-table-tbody tr > td {
  height: 39px;
  padding: 0 8px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.cloud-resize-table-n .cloud-virtual-table .ant-table-tbody tr > td > * {
  padding: 0;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}
.cloud-resize-table-n .cloud-virtual-table .ant-table-tbody tr > td.ant-table-row-expand-icon-cell {
  overflow: inherit;
}
.cloud-virtual-table .ant-table-tbody tr > td[rowspan="1"]:not([data-span]) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.user-select-new {
  min-height: 32px;
}
.user-select-new .item-user-picker-header {
  height: 32px;
}
.user-select-new .itemPicker-user-label .ant-checkbox-wrapper,
.user-select-new .itemPicker-user-label .ant-radio-wrapper {
  min-width: 100px;
  width: initial;
}
.user-select-new-search .itemPicker-content {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 1000;
}
.ant-table-cell .user-select-new-search .itemPicker-header .itemPicker-selected {
  height: 50px;
}
.ant-table-cell .user-select-new-search .itemPicker-content {
  position: relative;
}
.cwc-item-picker.user-select-new.forQA-createdBy.user-select-new-search.cwc-item-picker-disabled .item-user-picker-header .item-user-picker-selected,
.cwc-item-picker.user-select-new.forQA-createdBy.user-select-new-search.cwc-item-picker-disabled .item-user-picker-header .user-picker-header-right,
.cwc-item-picker.user-select-new.forQA-createdBy.user-select-new-search.cwc-item-picker-disabled .item-user-picker-header .item-picker-down {
  cursor: not-allowed;
}
.cwc-item-picker.user-select-new.forQA-createdBy.user-select-new-search.cwc-item-picker-disabled .item-user-picker-header .user-picker-header-right {
  line-height: initial;
}
.cwc-item-picker.user-select-new.forQA-createdBy.user-select-new-search.cwc-item-picker-disabled .item-user-picker-header .user-picker-header-right .item-picker-down:hover {
  color: #999;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.batch-fill-pop-over .ant-popover-arrow {
  display: none;
}
.batch-fill-pop-over .ant-popover-inner-content {
  padding: 0;
}
.batch-fill-pop-over ul {
  width: 90px;
  padding: 12px 0px;
}
.batch-fill-pop-over ul li {
  margin: 0px !important;
}
.batch-fill-pop-over .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.batch-fill-pop-over .ant-menu-vertical > .ant-menu-item {
  line-height: 20px;
  height: 28px;
  padding: 4px 16px;
}
.batch-fill-pop-over .ant-menu-submenu-arrow {
  display: none;
}
.batch-fill-pop-over .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title {
  padding-right: 0px;
  margin: 0;
}
.batch-fill-pop-over .ant-dropdown-menu-submenu-expand-icon {
  display: none;
}
.batch-fill-pop-over .ant-menu-vertical .ant-menu-submenu {
  padding-bottom: 0px;
}
.batch-fill-sub-menu .ant-menu-sub {
  min-width: 88px !important;
  padding: 8px 0px;
}
.batch-fill-sub-menu .ant-menu-vertical > .ant-menu-item {
  line-height: 28px;
  height: 28px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.info_display {
  background: #FFFFFF;
  width: 600px;
  color: #000000;
  border-radius: 3px;
}
.info_display h2 {
  font-weight: normal;
}
.info_display .title {
  padding: 10px 15px;
  border-bottom: 1px solid #E4E4E4;
}
.info_display .content,
.info_display .content_project {
  padding: 15px 15px;
}
.info_display .content .content_top,
.info_display .content_project .content_top {
  padding: 15px 10px;
  background: #fff8f0;
}
.info_display .content .content_top h3,
.info_display .content_project .content_top h3 {
  padding-bottom: 10px;
}
.info_display .content .content_bottom,
.info_display .content_project .content_bottom {
  padding: 0 10px 15px 10px;
  background: #fff8f0;
}
.info_display .content .marginRight_30,
.info_display .content_project .marginRight_30 {
  margin-right: 30px;
}
.info_display .content .hasred,
.info_display .content_project .hasred {
  color: #FF3F57;
}
.info_display .content .hasorange,
.info_display .content_project .hasorange {
  color: #FF9600;
}
.info_display .content_project {
  border-top: 1px solid #E4E4E4;
}
.tooltip-info_display .ant-tooltip-arrow-content {
  --antd-arrow-background-color: white;
}
.eye_style:hover {
  color: #3793FF !important;
  cursor: pointer;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.field-item-flex {
  display: flex;
}
.field-item-flex.filled {
  width: 100%;
}
.field-item-flex .flex-1 {
  flex: 1 1;
  min-width: 0;
}
.field-item-flex .flex-1.flex {
  display: flex;
}
.field-item-flex .control-icon i {
  font-size: 0;
  margin-left: 0px;
  width: 0px;
  color: transparent;
  overflow: hidden;
}
.field-item-flex .control-icon i.show {
  width: unset;
  overflow: unset;
  cursor: pointer;
  color: #1890ff;
  font-size: 14px;
  margin-left: 4px;
}
.field-item-flex .unControl-icon i {
  font-size: 0;
  margin-left: 0px;
  width: 0px;
  color: transparent;
  overflow: hidden;
}
td:hover .field-item-flex .batch-fill-container i {
  width: unset;
  overflow: unset;
  cursor: pointer;
  color: #1890ff;
  font-size: 14px;
  margin-left: 4px;
}
.he-select-public {
  max-width: 650px;
  overflow-x: auto;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.theader-dept-select {
  width: 500px;
  max-height: 330px;
  display: flex;
  justify-content: center;
}
.theader-dept-select .theader-left,
.theader-dept-select .theader-right {
  display: table-cell;
  height: 100%;
  overflow: auto;
}
.theader-dept-select .theader-left {
  width: 300px;
  padding: 0 12px 0 0;
  overflow: auto;
}
.theader-dept-select .theader-left .input-search {
  width: 100%;
  margin-top: 0;
}
.theader-dept-select .theader-left .input-search .ant-input {
  max-height: 26px;
}
.theader-dept-select .theader-left .ant-tree-checkbox {
  margin-right: 2px;
}
.theader-dept-select .theader-left .noData-wrap {
  text-align: center;
}
.theader-dept-select .theader-left .noData-wrap .noData-txt {
  height: 30px;
  line-height: 30px;
  -webkit-user-select: none;
          user-select: none;
  color: #cccccc;
  font-size: 12px;
  margin-top: -20px;
}
.theader-dept-select .theader-left .noData-wrap .icon-noData {
  width: 128px;
  height: 128px;
  fill: #cccccc;
}
.theader-dept-select .theader-left .ant-input-search-button {
  height: 28px;
}
.theader-dept-select .search-keyowrd {
  color: #1890ff;
}
.theader-dept-select .theader-right {
  width: 200px;
  padding: 6px 12px 0;
  box-sizing: border-box;
}
.theader-dept-select .theader-right .choosed-list {
  margin-top: 12px;
  overflow: auto;
  max-height: 300px;
}
.theader-dept-select .theader-right .choosed-list li {
  width: fit-content;
  max-width: 100%;
  height: 20px;
  padding: 0 8px;
  margin-bottom: 7px;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.theader-dept-select .theader-right .choosed-list li .item-text {
  flex: 1 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.theader-dept-select .theader-right .choosed-list li .anticon {
  margin-left: 12px;
  color: #909090;
}
.theader-dept-select .normal-text {
  font-size: 12px;
  color: #222;
}
.theader-dept-select .ant-tree-treenode {
  width: 100%;
}
.theader-dept-select .ant-tree-treenode .only-select-cur-dept {
  position: absolute;
  display: none;
  right: 0;
  width: 72px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #1890FF;
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #1890FF;
  text-align: center;
  line-height: 20px;
  z-index: 2;
}
.theader-dept-select .ant-tree-treenode:hover .select-content {
  display: flex;
  align-items: center;
}
.theader-dept-select .ant-tree-treenode:hover .only-select-cur-dept {
  display: block;
}
.theader-dept-select .ant-tree-list-holder-inner {
  transform: translateX(0px);
}
.theader-dept-select .ant-tree-list-holder-inner .only-select-cur-dept {
  position: fixed;
  right: 0;
}
.theader-dept-select .theader-divider {
  width: 1px;
  background-color: #e8e8e8;
  align-self: stretch;
}
.theader-filter-popover .theader-dept-select .ant-tree-treenode:hover .only-select-cur-dept {
  display: block;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.filter-region-cascade {
  height: 400px;
}
.filter-region-cascade .ant-cascader-menu {
  height: 400px;
}
@media screen and (max-height: 650px) {
  .filter-region-cascade {
    height: 300px;
  }
  .filter-region-cascade .ant-cascader-menu {
    height: 300px;
  }
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-687778f2]::before {
  display: table;
  content: '';
}
.clearfix[data-v-687778f2]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-687778f2] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-687778f2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-687778f2] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-687778f2]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-687778f2] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-687778f2]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-687778f2] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.filter-header-relation.ant-pagination[data-v-687778f2] {
  margin-top: 12px !important;
}
.find-relation-ships[data-v-687778f2] {
  margin-bottom: 8px;
}
.find-relation-ships .ant-table-row[data-v-687778f2] {
  width: 100%;
}
.find-relation-ships .ant-table-row .only-select-cur-item[data-v-687778f2] {
  position: absolute;
  display: none;
  right: 0;
  width: 72px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #1890FF;
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #1890FF;
  text-align: center;
  line-height: 20px;
  z-index: 2;
  cursor: pointer;
}
.find-relation-ships .ant-table-row:hover .select-content[data-v-687778f2] {
  display: flex;
  align-items: center;
}
.find-relation-ships[data-v-687778f2] .picker-header-wrap.tHeaderWrap {
  display: none;
}
.find-relation-ships.all[data-v-687778f2] .picker-header-wrap.tHeaderWrap {
  display: block;
}
.findRelaTionShip-tabs-root[data-v-687778f2] {
  min-width: 340px;
}
.findRelaTionShip-tabs-root[data-v-687778f2] .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  font-size: 12px;
}
.findRelaTionShip-tabs-root[data-v-687778f2] .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 24px;
}
.findRelaTionShip-tabs-root[data-v-687778f2] .ant-tabs-nav {
  margin-bottom: 0;
}
.theader-filter-popover .find-relation-ships .ant-table-row:hover .only-select-cur-item[data-v-687778f2] {
  display: block;
}
.pmp-select-and-table .find-relation-ships .ant-table-row:hover .only-select-cur-item[data-v-687778f2] {
  display: block;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-9b44caab]::before {
  display: table;
  content: '';
}
.clearfix[data-v-9b44caab]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-9b44caab] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-9b44caab] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-9b44caab] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-9b44caab]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-9b44caab] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-9b44caab]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-9b44caab] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.theader-filter-datetime-new[data-v-9b44caab] {
  width: calc(100% + 8px);
  display: flex;
  max-height: 340px;
}
.theader-filter-datetime-new .datetime-left[data-v-9b44caab] {
  width: 104px;
  border-right: 1px solid #DFDFDF;
  overflow: hidden auto;
}
.theader-filter-datetime-new .datetime-left .data-expr-list[data-v-9b44caab] {
  width: 100%;
  text-align: right;
  padding-right: 16px;
  line-height: 28px;
  cursor: pointer;
}
.theader-filter-datetime-new .datetime-left .data-expr-list[data-v-9b44caab]:hover {
  background-color: #F0F0F0;
}
.theader-filter-datetime-new .datetime-left .data-expr-list.active[data-v-9b44caab] {
  background-color: rgba(24, 144, 255, 0.1);
  color: #1890FF;
}
.theader-filter-datetime-new .datetime-right[data-v-9b44caab] {
  padding: 0 15px;
  width: 326px;
}
.theader-filter-datetime-new .datetime-right[data-v-9b44caab] .datetime-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.theader-filter-datetime-new .datetime-right .datetime-right-tab[data-v-9b44caab] {
  width: 100%;
  background-color: #F4F4F4;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker[data-v-9b44caab] {
  padding-top: 280px;
  position: relative;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .datetime-picker-wrap[data-v-9b44caab] {
  display: flex;
  align-items: center;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .datetime-picker-wrap[data-v-9b44caab]:hover .datetime-timepicker {
  border: 1px solid #999;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .datetime-picker-wrap:hover + .date-picker .ant-picker-clear[data-v-9b44caab] {
  opacity: 1;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-9b44caab],
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-9b44caab] {
  display: flex;
  align-items: center;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-9b44caab] .datetime-timepicker,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-9b44caab] .datetime-timepicker {
  width: 50px;
  height: 20px;
  flex-shrink: 0;
  padding: 0 4px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-9b44caab] .datetime-timepicker:hover,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-9b44caab] .datetime-timepicker:hover,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-9b44caab] .datetime-timepicker.ant-picker-focused,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-9b44caab] .datetime-timepicker.ant-picker-focused {
  border-color: #1890FF;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-9b44caab] .datetime-timepicker .ant-picker-input input,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-9b44caab] .datetime-timepicker .ant-picker-input input {
  font-size: 12px !important;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-9b44caab] {
  margin-right: 4px;
  width: 128px;
  text-align: center;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start .ant-input[data-v-9b44caab] {
  padding: 4px 0;
  text-align: center;
  font-size: 12px !important;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .ant-input-borderless[disabled][data-v-9b44caab] {
  background-color: #F5F5F5;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .ant-picker-borderless input[data-v-9b44caab] {
  opacity: 0;
}
.theader-filter-datetime[data-v-9b44caab] {
  width: calc(100% + 8px);
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: 'left right' 'input right' '. right';
}
.theader-filter-datetime[data-v-9b44caab] .filter-picker-panel {
  position: relative;
  left: 0 !important;
  top: 0 !important;
  padding: 0;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker.ant-picker-range {
  width: 280px;
  grid-area: input;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker.ant-picker-range + div {
  position: relative !important;
  grid-area: right;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker-panel-container {
  box-shadow: unset;
  margin-bottom: -10px;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker-panel,
.theader-filter-datetime[data-v-9b44caab] .ant-picker-header {
  border: unset;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker-year-panel .ant-picker-content,
.theader-filter-datetime[data-v-9b44caab] .ant-picker-month-panel .ant-picker-content {
  height: unset;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker-footer {
  position: relative;
  top: 10px;
  margin-bottom: 0px;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker-footer .ant-picker-ranges {
  padding: 12px;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker-footer .ant-picker-ok .ant-btn.ant-btn-primary {
  width: 64px;
  height: 30px;
  border-radius: 6px;
  color: #1890ff;
  background: #fff;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker-footer .ant-picker-ok .ant-btn.ant-btn-primary span {
  display: none;
}
.theader-filter-datetime[data-v-9b44caab] .ant-picker-footer .ant-picker-ok .ant-btn.ant-btn-primary[disabled] {
  color: #00000040;
}
.theader-filter-datetime[data-format][data-v-9b44caab] .ant-picker.ant-picker-range {
  width: unset;
}
.theader-filter-datetime[data-format][data-v-9b44caab] .ant-picker-time-panel {
  display: none;
}
.theader-filter-datetime[data-upto='true'] .ant-picker[data-v-9b44caab] input[disabled] {
  display: none;
}
.theader-filter-datetime[data-upto='true'] .ant-picker[data-v-9b44caab] .ant-picker-input:first-child::after {
  content: '开始日期';
  text-align: center;
  width: 100%;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  opacity: 1;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-f46252d4]::before {
  display: table;
  content: '';
}
.clearfix[data-v-f46252d4]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-f46252d4] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-f46252d4] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-f46252d4] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-f46252d4]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-f46252d4] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-f46252d4]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-f46252d4] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.preset-panel[data-v-f46252d4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  grid-area: left;
}
.panel-item[data-v-f46252d4] {
  background: #f1f1f1;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
}
.selected[data-v-f46252d4] {
  color: #1890ff;
  background-color: #e7f3ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-a60bcce2]::before {
  display: table;
  content: '';
}
.clearfix[data-v-a60bcce2]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-a60bcce2] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-a60bcce2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-a60bcce2] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-a60bcce2]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-a60bcce2] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-a60bcce2]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-a60bcce2] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.custom-range-picker[data-v-a60bcce2] {
  display: flex;
  align-items: center;
  grid-area: input;
}
.range-input[data-v-a60bcce2] {
  min-width: 110px;
  padding: 2px;
  outline: none;
  border: none;
  text-align: center;
  box-shadow: none;
  padding-top: 4px;
  border-bottom: 2px solid #fff;
}
.range-input[data-v-a60bcce2]:focus-visible,
.range-input.active[data-v-a60bcce2] {
  border-bottom: 2px solid #1890ff;
}
.delimiter[data-v-a60bcce2] {
  margin: 0 8px;
}
.icon[data-v-a60bcce2] {
  margin: 0 4px;
  font-size: 14px !important;
  color: #999999;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-dbd9c5bb]::before {
  display: table;
  content: '';
}
.clearfix[data-v-dbd9c5bb]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-dbd9c5bb] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-dbd9c5bb] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-dbd9c5bb] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-dbd9c5bb]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-dbd9c5bb] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-dbd9c5bb]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-dbd9c5bb] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.custom-select-table[data-v-dbd9c5bb] {
  grid-area: right;
}
.custom-select-table[data-v-dbd9c5bb] tr th {
  padding: 0 6px;
  line-height: 16px;
}
.custom-select-table[data-v-dbd9c5bb] tr th:nth-child(2) {
  width: 68px;
}
.custom-select-table[data-v-dbd9c5bb] tr th:nth-child(2) .ant-select-selection-placeholder {
  min-width: 60px;
}
.custom-select-table[data-v-dbd9c5bb] tr th:nth-child(3) {
  min-width: 40px;
}
.custom-select-table[data-v-dbd9c5bb] tr th:nth-last-child(1),
.custom-select-table[data-v-dbd9c5bb] tr th:nth-last-child(2) {
  min-width: 90px;
}
.custom-select-table[data-v-dbd9c5bb] tr td {
  padding: 4px;
}
.custom-select-table[data-v-dbd9c5bb] tr .year {
  position: relative;
  left: -12px;
}
.custom-select-table[data-v-dbd9c5bb] .ant-table-row:has(.ant-radio-wrapper-disabled) {
  background: #F4F4F4;
}
.confirm[data-v-dbd9c5bb] {
  width: 64px;
  height: 30px;
  border-radius: 6px;
  border-color: #40a9ff;
  color: #1890ff;
  background: #fff;
  float: right;
  margin: 14px 8px -4px 0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-1130921d]::before {
  display: table;
  content: '';
}
.clearfix[data-v-1130921d]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-1130921d] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-1130921d] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-1130921d] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-1130921d]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-1130921d] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-1130921d]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-1130921d] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.custom-clock[data-v-1130921d] {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto;
  grid-template-areas: 'left' 'input';
}
.custom-clock.two-columns[data-v-1130921d] {
  grid-template-columns: auto auto;
  grid-template-areas: 'left right' 'input right' '. right';
}
.custom-clock[data-v-1130921d]:not(.two-columns) {
  width: 430px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.up-to .ant-checkbox-inner::after {
  margin-left: -1px;
}
.datetime-period-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: #1890FF;
  line-height: inherit;
  text-shadow: initial;
}
.datetime-period-tabs .content-row .data-list {
  min-width: 296px;
}
.datetime-radio {
  width: 276px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .theader-filter-datetime-new *:not(.icon-a-360shitu) {
  font-size: 14px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .theader-filter-datetime-new .ant-input {
  font-size: 14px;
}
.theader-filter-datetime-new .ant-picker-dropdown.datetime-popup {
  top: 105px !important;
}
.theader-filter-datetime-new .ant-picker-dropdown.datetime-popup.no-tab {
  top: 60px !important;
}
.theader-filter-datetime-new .ant-picker-dropdown.datetime-popup .ant-picker-month-panel .ant-picker-content {
  height: 228px;
}
.theader-filter-datetime-new .ant-picker-dropdown.datetime-popup .ant-picker-month-panel .ant-picker-header-view button {
  cursor: default;
}
.theader-filter-datetime-new .ant-picker-dropdown.datetime-popup .ant-picker-month-panel .ant-picker-header-view button:hover {
  color: inherit;
}
.theader-filter-datetime-new .ant-picker-dropdown.datetime-popup.click-disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.theader-filter-datetime-new .ant-picker-panel-container {
  box-shadow: unset;
}
.theader-filter-datetime-new .ant-radio-button-wrapper:focus-within {
  box-shadow: unset;
}
.theader-filter-datetime-new .ant-picker-cell:hover .ant-picker-cell-range-start .ant-picker-cell-inner,
.theader-filter-datetime-new .ant-picker-cell:hover .ant-picker-cell-range-end .ant-picker-cell-inner {
  background-color: #1890FF !important;
}
.theader-filter-datetime-new .datetime-picker-wrap:hover + .date-picker .ant-picker-clear {
  opacity: 1;
}
.theader-filter-datetime-new .date-end {
  position: absolute;
  right: 24px;
  width: 128px;
  z-index: 2;
  margin-left: 4px;
}
.theader-filter-datetime-new .date-end > .ant-input-affix-wrapper {
  padding: 0;
}
.theader-filter-datetime-new .date-end > .ant-input-affix-wrapper .ant-input {
  padding: 4px 0;
  height: unset;
}
.theader-filter-datetime-new .date-end > .ant-input-affix-wrapper .ant-input-clear-icon {
  display: none;
}
.theader-filter-datetime-new .date-end .ant-input-suffix {
  margin-left: 0;
}
.theader-filter-datetime-new .date-end .ant-input {
  text-align: center;
  font-size: 12px !important;
}
.theader-filter-datetime-new .date-end .ant-input-clear-icon {
  display: none;
  background-color: #FFF;
  width: 15px;
}
.theader-filter-datetime-new .date-picker {
  position: absolute;
  right: -5px;
  bottom: 0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.config-div-dynamicLookup {
  display: flex;
  width: 58px;
}
.theader-menu {
  width: 150px;
  position: relative;
}
.theader-menu .icon-e70e {
  position: absolute;
  right: 10px;
  color: #1890FF;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.viewPermanentFilterModal-form .cwc-filter .cwc-filter-content {
  padding-left: 0;
}
.viewPermanentFilterModal-form .cwc-filter .cwc-filter-filterCtrl {
  margin-top: 10px;
}
.viewPermanentFilterModal-form .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-ope .cwc-filter-config-content.cwc-filter-config-field-content .ant-select {
  width: 180px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-47cf7522]::before {
  display: table;
  content: '';
}
.clearfix[data-v-47cf7522]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-47cf7522] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-47cf7522] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-47cf7522] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-47cf7522]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-47cf7522] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-47cf7522]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-47cf7522] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.first-char[data-v-47cf7522] {
  background: #FFF4D9;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #DD9A18;
  line-height: 16px;
  padding: 2px 4px;
  margin-left: 4px;
}
.item-tag.ant-tag[data-v-47cf7522] .tag-text {
  color: #1890ff;
  cursor: pointer;
}
.item-tag.ant-tag[data-v-47cf7522] .tag-text.filter-span-label {
  max-width: 150px;
  color: #222222;
  flex: 1 0 fit-content;
}
.filter-span-extra[data-v-47cf7522] {
  color: #1890ff;
  cursor: pointer;
  display: none;
}
.omitted-in-the-middle[data-ismaximunwidth="true"] .filter-span-extra[data-v-47cf7522] {
  display: block;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-5b54f4da]::before {
  display: table;
  content: '';
}
.clearfix[data-v-5b54f4da]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-5b54f4da] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-5b54f4da] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-5b54f4da] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-5b54f4da]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-5b54f4da] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-5b54f4da]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-5b54f4da] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
#new-no-data[data-v-5b54f4da] {
  line-height: 40px;
  height: 40px;
  color: #999999;
  font-size: 14px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.base-table .td-noWrap {
  white-space: nowrap !important;
  text-overflow: unset !important;
  overflow: hidden !important;
}
.base-table.has-pagination .ant-table {
  height: calc(100% - 36px);
}
.base-table.has-pagination.picker-base-table .ant-table {
  height: calc(100% - 44px);
}
.base-table .ant-table {
  height: 100%;
}
.base-table .ant-table .icon-e6e6 {
  cursor: pointer;
  border-radius: 4px;
  font-size: 16px;
  color: #666666;
}
.base-table .ant-table .icon-e6e6:hover {
  color: #1890ff;
}
.base-table .ant-table .icon-e714,
.base-table .ant-table .icon-e715 {
  cursor: pointer;
}
.base-table .ant-table .icon-e714:hover,
.base-table .ant-table .icon-e715:hover {
  color: #1890ff;
}
.base-table .ant-table-container {
  height: 100%;
}
.base-table .ant-table-tbody tr td .active {
  border-bottom: 2px solid #1890ff;
}
.base-table .ant-table-thead > tr > th,
.base-table .ant-table-tbody > tr.ant-table-row > td,
.base-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row > td {
  line-height: 20px;
  padding: 9px 8px;
  border-bottom: 1px solid #c5c5c5;
}
.base-table .ant-table-thead > tr > th.ant-table-row-expand-icon-cell,
.base-table .ant-table-tbody > tr.ant-table-row > td.ant-table-row-expand-icon-cell,
.base-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row > td.ant-table-row-expand-icon-cell {
  padding: 9px 4px;
}
.base-table .ant-table-thead > tr > th.col-sn,
.base-table .ant-table-tbody > tr.ant-table-row > td.col-sn,
.base-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row > td.col-sn {
  padding: 9px 6px;
}
.base-table .ant-table-tbody > tr.ant-table-row > td.ant-table-cell-fix-left,
.base-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row > td.ant-table-cell-fix-left {
  box-shadow: 0 -1px 0 #c5c5c5, 6px 0 6px -4px rgba(0, 0, 0, 0.05);
}
.base-table .ant-table-summary > tr.ant-table-row > td {
  line-height: 16px;
  padding: 6px 8px;
  border-bottom: 1px solid #c5c5c5;
}
.base-table .ant-table-summary > tr.ant-table-row > td.col-sn {
  padding: 6px 6px;
}
.base-table .ant-table-thead > tr > th.list-level-title {
  background-color: #E0E8F0;
  text-align: center;
}
.base-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #c5c5c5;
}
.base-table .ant-table.ant-table-bordered > .ant-table-container .ant-table-summary > table > tfoot > tr.ant-table-row > td {
  border-right: 1px solid #c5c5c5;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) {
  background-color: #F4F4F4;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right {
  background-color: #F4F4F4;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_5081C2,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_5081C2 {
  background-color: #E4ECF5;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_30A4E5,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_30A4E5 {
  background-color: #DFF1FB;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_02BBBB,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_02BBBB {
  background-color: #D9F4F4;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_20BB6A,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_20BB6A {
  background-color: #DDF4E8;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_D9A800,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_D9A800 {
  background-color: #F9F1D8;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_F09200,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_F09200 {
  background-color: #FCEED8;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_E86452,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_E86452 {
  background-color: #FBE7E5;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_DD4595,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_DD4595 {
  background-color: #F9E3EF;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_9568FF,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_9568FF {
  background-color: #EFE8FF;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-left.bc_727881,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected) .ant-table-cell-fix-right.bc_727881 {
  background-color: #E9EAEC;
}
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected):hover .ant-table-cell-fix-left,
.base-table .ant-table-tbody > tr.zebra-color:not(.ant-table-row-selected):hover .ant-table-cell-fix-right {
  background-color: #e7f3ff;
}
.base-table .ant-table-tbody > tr.hc-expanded-row {
  background-color: #e7f3ff;
}
.base-table .ant-table-tbody > tr.hc-expanded-row .ant-table-cell-fix-left,
.base-table .ant-table-tbody > tr.hc-expanded-row .ant-table-cell-fix-right {
  background-color: #e7f3ff;
}
.base-table .showKey .ant-table-cell-content {
  display: inline;
}
.base-table .number-selected td:first-child {
  border-left: 2px solid #FF5C02;
}
.base-table .number-selected td:last-child {
  border-right: 2px solid #FF5C02 !important;
}
.base-table .number-selected td {
  border-top: 2px solid #FF5C02 !important;
  border-bottom: 2px solid #FF5C02 !important;
}
.base-table .ant-table-tbody > tr.hc-highlight-row,
.base-table .ant-table-tbody > tr.hc-highlight-row .ant-table-cell-fix-left,
.base-table .ant-table-tbody > tr.hc-highlight-row .ant-table-cell-fix-right {
  background-color: #D1E9FF;
}
.base-table .ant-table-tbody > tr.hc-highlight-row-pink,
.base-table .ant-table-tbody > tr.hc-highlight-row-pink .ant-table-cell-fix-left,
.base-table .ant-table-tbody > tr.hc-highlight-row-pink .ant-table-cell-fix-right {
  background-color: pink;
}
.base-table .ant-table-tbody > tr.ant-table-expanded-row > td {
  border-bottom: 1px solid #c5c5c5;
}
.base-table .ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #c5c5c5;
}
.base-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td {
  border-right: 1px solid #c5c5c5;
}
.base-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #c5c5c5;
}
.base-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th {
  border-right: 1px solid #c5c5c5;
}
.base-table .ant-table.ant-table-bordered > .ant-table-container .ant-table-summary > table > tbody > tr > td {
  border-right: 1px solid #c5c5c5;
}
.base-table .ant-table.ant-table-middle .ant-table-thead > tr > th,
.base-table .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row > td {
  padding: 6px 8px;
}
.base-table .ant-table.ant-table-middle .ant-table-thead > tr > th.col-sn,
.base-table .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row > td.col-sn {
  padding: 6px 6px;
}
.base-table .ant-table.ant-table-small .ant-table-thead > tr > th,
.base-table .ant-table.ant-table-small .ant-table-tbody > tr.ant-table-row > td {
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
}
.base-table .ant-table.ant-table-small .ant-table-thead > tr > th.col-sn,
.base-table .ant-table.ant-table-small .ant-table-tbody > tr.ant-table-row > td.col-sn {
  padding: 4px 6px;
}
.base-table .ant-table.ant-table-small .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content {
  font-size: 12px;
}
.base-table .ant-table.ant-table-small .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  height: 16px;
}
.base-table .ant-table.ant-table-small .base-table-summaryInline .summary-cell-wrap b {
  font-size: 12px;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.right {
  text-align: right;
  white-space: nowrap;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td .hc-wrap-text > div {
  white-space: wrap;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap .hc-wrap-text > div {
  white-space: nowrap;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap .hc-wrap-text > div > .aggregation-field-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.isWrap {
  white-space: unset;
  word-break: normal;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.isWrap > *:not(.relative-title-style):not(.preview-item):not(.biz-link-btn),
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.isWrap .biz-meta-link {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: unset;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.xuhao.ant-table-cell-fix-left-last .ant-table-cell-content {
  display: unset;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap {
  white-space: nowrap;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap > *:not(.relative-title-style):not(.preview-item):not(.biz-link-btn),
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap .biz-meta-link {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap > *:not(.relative-title-style):not(.preview-item):not(.biz-link-btn):empty,
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap .biz-meta-link:empty {
  display: none;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap.ant-table-cell-ellipsis.ant-table-cell-fix-left-last > .ant-table-cell-content {
  display: block;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap .change-History p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.base-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td.noWrap .biz-link-btn > div {
  width: 100%;
}
.base-table .ant-table-cell-fix-left {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.05);
}
.base-table .col-sn {
  cursor: pointer;
}
.base-table .bc_5081C2 {
  background-color: #E4ECF5;
}
.base-table .bc_30A4E5 {
  background-color: #DFF1FB;
}
.base-table .bc_02BBBB {
  background-color: #D9F4F4;
}
.base-table .bc_20BB6A {
  background-color: #DDF4E8;
}
.base-table .bc_D9A800 {
  background-color: #F9F1D8;
}
.base-table .bc_F09200 {
  background-color: #FCEED8;
}
.base-table .bc_E86452 {
  background-color: #FBE7E5;
}
.base-table .bc_DD4595 {
  background-color: #F9E3EF;
}
.base-table .bc_9568FF {
  background-color: #EFE8FF;
}
.base-table .bc_727881 {
  background-color: #E9EAEC;
}
.base-table .backgroundBorder {
  border-right: 1px solid #fff;
}
.base-table.line-wrap-table .ant-table-body .ant-table-cell-ellipsis {
  white-space: unset;
  word-break: normal;
}
.base-table.line-wrap-table .hc-wrap-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.base-table.line-wrap-table .biz-meta-link {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: unset;
}
.base-table.height-no-limit .hc-wrap-text {
  -webkit-line-clamp: unset !important;
}
.base-table.height-no-limit .biz-meta-link {
  -webkit-line-clamp: unset !important;
}
.base-table.header-wrap-table .ant-table-header .ant-table-cell-ellipsis {
  white-space: unset;
  word-break: normal;
}
.base-table.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content {
  white-space: unset;
  height: 100%;
}
.base-table.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content > span {
  height: 100%;
}
.base-table.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content .use-click-inview360 {
  height: 100%;
}
.base-table.header-wrap-table .titleColumn {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}
.base-table.group-table thead > tr > th {
  border-right: 1px solid #c5c5c5;
}
.base-table.group-table thead > tr > th:before {
  display: none;
}
.base-table.group-table thead > tr > th .cloud-th-resize-bar > i {
  visibility: hidden;
}
.base-table.group-table .ant-table-tbody > tr.ant-table-row > td.ant-table-cell-fix-left {
  border-right: 1px solid #F3F3F6;
}
.base-table.hide-row-line-table .ant-table-tbody > tr.ant-table-row > td {
  border-bottom-color: transparent;
}
.base-table.hide-row-line-table .ant-table-tbody > tr.ant-table-row > td.ant-table-cell-fix-left {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.05);
}
.base-table .titleColumn {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.base-table .ant-table .ant-table-expanded-row-fixed {
  margin: -8px -8px !important;
  padding: 0;
}
.base-table .ant-table-cell-row-hover .file-table.icon-e632,
.base-table .ant-table-cell:hover .file-table.icon-e632 {
  cursor: pointer;
  font-size: 14px;
  color: #222222;
  opacity: 1;
}
.base-table .ant-table-cell-row-hover .file-table.icon-e632:hover,
.base-table .ant-table-cell:hover .file-table.icon-e632:hover {
  color: #1890ff;
  opacity: 1;
}
.base-table .ant-table-expanded-row .sub-table {
  padding: 0 0 0 32px !important;
  background-color: #F8FBFF;
}
.base-table .ant-table-expanded-row .sub-table .ant-table {
  background-color: #F8FBFF;
}
.base-table .ant-table-expanded-row .sub-table .ant-table-thead > tr > th {
  color: #666;
  background-color: #F8FBFF;
  border-bottom: none;
  cursor: default;
}
.base-table .ant-table-expanded-row .sub-table .ant-table-thead > tr > th .cloud-th-resizeable-content {
  color: #666;
}
.base-table .ant-table-expanded-row .sub-table .ant-table-pagination.ant-pagination {
  padding: 12px 16px;
  margin: 0;
}
.base-table .ant-table-expanded-row .ant-table-cell-fix-left,
.base-table .ant-table-expanded-row .ant-table-cell-fix-right {
  background-color: #F8FBFF;
}
.base-table .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper .ant-table {
  margin: 0;
}
.base-table .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper .ant-table-tbody > tr > td {
  border-bottom: 1px dashed #ababab !important;
  background: #f8fbff !important;
}
.base-table i.icon-e601,
.base-table i.icon-e602 {
  font-size: 12px;
  color: #666;
}
.base-table .span-style {
  line-height: 20px;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar):hover {
  cursor: pointer;
  background: #e7f0fa;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).right {
  text-align: right;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).right .titleColumn {
  text-align: right;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).right .thead-inner {
  justify-content: right;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).right .multi-sort-icon {
  margin-right: unset;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).isHide {
  padding: 0 !important;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).isHide .use-click-inview360 {
  justify-content: center;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .hidden-column-icon:hover {
  color: #1890ff;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).col-sn:before {
  display: none;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).expand:before {
  display: none;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).expand .cloud-th-resize-bar {
  display: none;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).expandSpace .cloud-th-resize-bar {
  display: none;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar).expandSpace:before {
  display: none;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .cloud-th-resizeable-content {
  font-weight: bold;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .tHeaderWrap {
  margin-left: 5px;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .tHeaderWrap > div {
  line-height: 14px;
  height: 14px;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .tHeaderWrap.hasSet i.thead-filter-icon {
  color: #1890ff;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .tHeaderWrap i.thead-filter-icon {
  color: #666;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .tHeaderWrap i.thead-filter-icon:hover {
  color: #1890ff;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .tHeaderWrap i.icon-daoxu,
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .tHeaderWrap i.icon-zhengxu {
  color: #1890ff;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) i.icon-biaotou-shengxu,
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) i.icon-biaotou-jiangxu {
  color: #1890ff;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .multi-sort-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 14px;
  width: 14px;
  height: 14px;
  border: 1px solid #1890ff;
  border-radius: 2px;
  font-size: 12px;
  color: #1890ff;
  line-height: 14px;
  margin-left: 2px;
  cursor: pointer;
  background: #E7F0FA;
  margin-right: auto;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .multi-sort-icon.disableClick {
  cursor: default;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .thead-inner {
  flex: 1 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-width: 0;
  align-items: center;
}
.base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .yunfont-symbol {
  width: 14px;
  height: 14px;
}
.base-table .ant-table-cell.ant-table-cell-wrap {
  white-space: normal;
}
.base-table .ant-table-thead tr th.isHide::before {
  width: 1px !important;
  background: #C5C5C5 !important;
}
.base-table .ant-table-pagination.ant-pagination {
  padding: 12px 8px;
  margin: 0;
}
.base-table .ant-table-expanded-row tr th:hover {
  background-color: #EFF7FF !important;
}
.base-table div.ant-typography,
.base-table .ant-typography p {
  margin-bottom: unset;
}
.base-table .expandChildTree .ant-table-summary > tr.ant-table-row > td {
  padding: 6 8px !important;
}
.base-table .expandChildTree .ant-table-summary > tr.ant-table-row > td.col-sn {
  padding: 6px 6px !important;
}
.base-table .expandChildTree .base-table .ant-table-tbody > tr.ant-table-row > td {
  border-bottom: 1px dashed #ababab !important;
}
.base-table .expandChildTree .ant-table {
  margin: 0 !important;
}
.base-table .expandChildTree .base-table .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row > td {
  border-bottom: 1px dashed #ababab !important;
  background: #f8fbff !important;
}
.base-table .expandChildTree .base-table .ant-table-thead > tr > th {
  border-bottom: 1px dashed #ababab !important;
}
.base-table .expandChildTree .base-table .biz-tree-list-sortno {
  border: 1px solid #E6e8ea;
  border-radius: 2px;
}
.base-table .expandChildTree .base-table .biz-tree-list-sortno-list {
  border: 1px solid #E6e8ea;
  border-radius: 2px;
}
.base-table .base-table-summaryInline {
  background: #FFF8E8;
}
.base-table .base-table-summaryInline .ant-table-cell {
  background: #FFF8E8;
  padding: 0 8px;
}
.base-table .base-table-summaryInline .ant-table-cell:first-child {
  background: #FFF8E8;
}
.base-table .base-table-summaryInline .ant-table-cell:hover {
  background: #EFF7FF;
}
.base-table .base-table-summaryInline .ant-table-cell.right .summary-cell-wrap {
  justify-content: flex-end;
}
.base-table .base-table-summaryInline .ant-table-cell.agg-cell {
  cursor: pointer;
  color: #666;
}
.base-table .base-table-summaryInline .ant-table-cell .aggRange-text {
  font-size: 12px;
  color: #666;
  margin-left: 4px;
}
.base-table .base-table-summaryInline .aggRange-icon {
  color: #1890ff;
  font-size: 14px;
  height: 14px;
  display: inline-block;
  line-height: 14px;
}
.base-table .base-table-summaryInline .summary-cell-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  color: #666;
  font-size: 12px;
}
.base-table .base-table-summaryInline .summary-cell-wrap.disabled {
  cursor: default;
}
.base-table .base-table-summaryInline .summary-cell-wrap.disabled .aggRange-icon {
  color: #666;
}
.base-table .base-table-summaryInline .summary-cell-wrap.disabled .aggRange-text {
  color: #666;
}
.base-table .base-table-summaryInline .summary-cell-wrap .summary-agg-wrap {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 100%;
}
.base-table .base-table-summaryInline .summary-cell-wrap .summary-agg-wrap .summary-agg-total-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.base-table .base-table-summaryInline .summary-cell-wrap b {
  font-size: 14px;
}
.base-table .base-table-summaryInline .summary-cell-wrap span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.base-table .base-table-summaryInline.collapsed {
  position: fixed;
  z-index: 99999;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.base-table .base-table-summaryInline.collapsed .aggRange-icon {
  cursor: pointer;
  color: #222;
  margin-right: 0px;
}
.base-table .base-table-summaryInline.collapsed:hover .aggRange-icon {
  color: #1890ff;
}
.base-table .color-span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  height: 20px;
  padding: 0 4px;
  border-radius: 4px;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  vertical-align: text-bottom;
}
.base-table .biz-meta-link {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.base-table .repeat-center {
  text-align: center;
  color: #edb500;
  font-size: 15px;
  font-weight: 600;
}
.base-table .icon-a-360shitu {
  cursor: pointer;
  color: unset;
  font-size: 22px;
  font-weight: unset;
  vertical-align: middle;
}
.base-table .icon-a-360shitu:hover {
  color: #1890f1;
}
.base-table .use-click-inview360 {
  display: flex;
}
.base-table .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  height: 20px;
  width: 1px;
  background-color: #C5C5C5;
}
.base-table th.col-sn::before {
  display: none;
}
.base-table.show-scroll-bar .ant-table-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
  opacity: 0.5;
}
.base-table.show-scroll-bar .ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #c5c5c5;
}
.base-table.show-scroll-bar .ant-table-body::-webkit-scrollbar-thumb:hover {
  border-radius: 4px;
  background-color: #898989;
}
.base-table.show-scroll-bar .ant-table-body::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 4px;
}
.base-table.show-scroll-bar .ant-table-body::-webkit-scrollbar-track:hover {
  background-color: #f0f0f0;
}
.base-table + .table-footer .agg-footer {
  display: inline-block;
  margin-left: 0;
  flex: 1 1;
  max-width: unset;
  margin-right: 20px;
  font-size: 14px;
}
.base-table-columnHeader-popover,
.base-table-sortSet-popover,
.base-table-bizHeader-setBtnPopover,
.base-table-summaryInline_popover {
  padding: 0;
}
.base-table-columnHeader-popover .ant-popover-arrow,
.base-table-sortSet-popover .ant-popover-arrow,
.base-table-bizHeader-setBtnPopover .ant-popover-arrow,
.base-table-summaryInline_popover .ant-popover-arrow {
  display: none;
}
.show-column-background {
  margin-top: 8px;
  cursor: pointer;
}
.show-column-background:hover {
  background: #EFF7FF;
  color: #1890FF;
}
.show-columns-set {
  cursor: pointer;
}
.show-columns-set:hover {
  background: #EFF7FF;
  color: #1890FF;
}
.show-columns-set.hide-icon {
  color: #1890FF;
  margin-left: 16px;
}
.show-columns-set.hide-icon:hover {
  background: unset;
}
.base-table-columnHeader-popover .ant-popover-title {
  color: #666666;
  font-size: 12px;
  padding: 0 16px;
  line-height: 32px;
  font-weight: 14px;
}
.base-table-columnHeader-popover .ant-popover-inner-content {
  padding: 12px 8px;
}
.base-table-columnHeader-popover .base-table-columnHeader-operateContent .base-table-columnHeader-item {
  display: flex;
  cursor: pointer;
  height: 28px;
  align-items: center;
  padding: 4px 9px;
}
.base-table-columnHeader-popover .base-table-columnHeader-operateContent .base-table-columnHeader-item.disabled {
  color: #999;
  cursor: default;
}
.base-table-columnHeader-popover .base-table-columnHeader-operateContent .base-table-columnHeader-item.disableClick {
  cursor: default;
}
.base-table-columnHeader-popover .base-table-columnHeader-operateContent .base-table-columnHeader-item:hover {
  background: #EFF7FF;
}
.base-table-columnHeader-popover .base-table-columnHeader-operateContent .base-table-columnHeader-item i {
  margin-right: 5px;
}
.base-table-columnHeader-popover .base-table-columnHeader-operateContent .base-table-columnHeader-item span.anticon-check {
  margin: 0 8px;
  color: #1890ff;
}
.base-table-columnHeader-popover .base-table-columnHeader-operateContent .base-table-columnHeader-item .multi-sort-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: 1px solid #1890ff;
  border-radius: 2px;
  font-size: 12px;
  color: #1890ff;
  line-height: 14px;
  margin-left: 2px;
  background: #E7F0FA;
}
.base-table-columnHeader-popover .base-table-columnHeader-operateContent .base-table-columnHeader-item .multi-sort-icon.disableClick {
  cursor: default;
}
.base-table-sortSet-popover {
  width: 300px;
  max-height: 480px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
.base-table-sortSet-popover .table-sort-setting {
  display: flex;
  flex-direction: column;
  max-height: 480px;
  overflow: hidden;
}
.base-table-sortSet-popover .table-sort-setting .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  cursor: unset;
}
.base-table-sortSet-popover .table-sort-setting .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #1890ff;
}
.base-table-sortSet-popover .table-sort-setting.multi-sort .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  cursor: pointer;
}
.base-table-sortSet-popover .table-sort-setting .ant-radio-button-wrapper {
  padding: 0;
  text-align: center;
}
.base-table-sortSet-popover .table-sort-footer {
  text-align: right;
}
.base-table-sortSet-popover .table-sort-footer .ant-btn {
  width: 60px;
  border-radius: 4px;
}
.base-table-sortSet-popover .table-sort-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.base-table-sortSet-popover .table-sort-field-item {
  display: flex;
  align-items: center;
}
.base-table-sortSet-popover .table-sort-type {
  margin-bottom: 16px;
}
.base-table-sortSet-popover .sort-title {
  font-size: 14px;
  color: #222;
  font-weight: 500;
}
.base-table-sortSet-popover .multi-sort-switch {
  font-size: 12px;
  color: #999;
}
.base-table-sortSet-popover .table-sort-fields {
  flex: 1 1;
  overflow-y: auto;
  overflow-y: overlay;
}
.base-table-sortSet-popover .table-sort-fields,
.base-table-sortSet-popover .table-sort-selected {
  margin: 0;
}
.base-table-sortSet-popover .ant-divider {
  margin: 4px 0;
}
.base-table-sortSet-popover .table-sort-selected .table-sort-field-item .field-name {
  margin-right: 0;
  flex: 1 1;
}
.base-table-sortSet-popover .table-sort-selected .table-sort-field-item .field-wrap {
  display: flex;
  align-items: center;
  width: 120px;
  margin-right: 12px;
}
.base-table-sortSet-popover .table-sort-field-item {
  height: 28px;
  line-height: 28px;
  white-space: nowrap;
}
.base-table-sortSet-popover .table-sort-field-item .drag-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 28px;
  cursor: grab;
}
.base-table-sortSet-popover .table-sort-field-item .drag-item:hover {
  background: rgba(24, 144, 255, 0.07);
}
.base-table-sortSet-popover .table-sort-field-item .drag-item .drag-icon {
  margin-right: 4px;
  color: #999;
  cursor: grab;
}
.base-table-sortSet-popover .table-sort-field-item .drag-item .drag-icon:hover,
.base-table-sortSet-popover .table-sort-field-item .drag-item .drag-icon:active {
  color: #1890ff;
}
.base-table-sortSet-popover .table-sort-field-item .field-name {
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 12px;
  width: 120px;
}
.base-table-sortSet-popover .table-sort-field-item .ant-radio-button-wrapper {
  height: 20px;
  line-height: 18px;
  width: 64px;
  font-size: 12px;
}
.base-table-sortSet-popover .table-sort-field-item .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled) {
  color: #666;
}
.base-table-sortSet-popover .table-sort-field-item .ant-radio-button-wrapper-disabled {
  cursor: default;
}
.base-table-sortSet-popover .table-sort-field-item .radio-button-left {
  border-radius: 4px 0px 0px 4px;
}
.base-table-sortSet-popover .table-sort-field-item .radio-button-right {
  border-radius: 0px 4px 4px 0px;
}
.base-table-sortSet-popover .table-sort-field-item .tagClass {
  width: 32px;
  height: 20px;
  padding: 0;
  text-align: center;
  margin-left: 4px;
}
.base-table-tooltip .ant-popover-inner-content {
  color: #fff;
}
.base-table-tooltip .ant-popover-inner {
  background: rgba(0, 0, 0, 0.85);
}
.base-table-tooltip .ant-popover-arrow-content::before {
  background: rgba(0, 0, 0, 0.85);
}
.base-table-bizHeader-setBtnPopover {
  width: 240px;
}
.base-table-bizHeader-setBtnPopover .ant-popover-inner-content {
  padding: 4px 0 12px;
  min-height: 134px;
  max-height: 320px;
}
.base-table-bizHeader-setBtnPopover .ant-popover-inner-content .ant-tabs-tab {
  padding: 8px 0;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane {
  padding: 0 20px;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane {
  padding: 0;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane .board-list {
  max-height: 205px;
  overflow-y: auto;
  margin-bottom: 12px;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane .board-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  cursor: pointer;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane .board-item.active {
  background: rgba(24, 144, 255, 0.07);
  color: #1890ff;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane .board-item:hover {
  background: rgba(24, 144, 255, 0.07);
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane .board-item .icon-kanban {
  margin-right: 4px;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane .board-item .board-ope-btn i {
  color: #666;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane .board-item .board-ope-btn i:hover,
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane .board-item .board-ope-btn i:active {
  color: #1890ff;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-tabpane.boardset-tabpane .board-create {
  cursor: pointer;
  padding: 12px 20px 0 20px;
  border-top: 1px dashed #c5c5c5;
}
.base-table-bizHeader-setBtnPopover .ant-tabs-nav {
  padding: 0 20px;
  margin-bottom: 8px;
}
.base-table-bizHeader-setBtnPopover .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  font-size: 12px;
}
.base-table-summaryInline_popover .ant-popover-inner-content {
  padding: 16px 0;
}
.base-table-summaryInline_popover .aggRange-item,
.base-table-summaryInline_popover .aggType-item {
  display: flex;
  padding: 0 16px;
  height: 28px;
  align-items: center;
  cursor: pointer;
}
.base-table-summaryInline_popover .aggRange-item:hover:not(.disabled),
.base-table-summaryInline_popover .aggType-item:hover:not(.disabled) {
  background: rgba(24, 144, 255, 0.07);
}
.base-table-summaryInline_popover .aggRange-item.active,
.base-table-summaryInline_popover .aggType-item.active {
  color: #1890ff;
  background: rgba(24, 144, 255, 0.07);
}
.base-table-summaryInline_popover .aggRange-item.active .aggRange-icon,
.base-table-summaryInline_popover .aggType-item.active .aggRange-icon {
  color: #1890ff;
}
.base-table-summaryInline_popover .aggRange-item.disabled,
.base-table-summaryInline_popover .aggType-item.disabled {
  color: #ccc;
  cursor: default;
}
.base-table-summaryInline_popover .aggRange-item.disabled .aggRange-icon,
.base-table-summaryInline_popover .aggType-item.disabled .aggRange-icon {
  color: #ccc;
}
.base-table-summaryInline_popover .aggRange-icon {
  font-size: 16px;
  margin-right: 4px;
  height: 16px;
  display: inline-block;
  line-height: 16px;
}
.base-table-summaryInline_popover .collapse-agg {
  cursor: pointer;
  padding: 8px 16px 0;
  border-top: 1px solid #EDEDED;
}
.base-table-summaryInline_popover .collapse-agg i {
  color: #000;
  margin-right: 4px;
}
.biz-data-table-wrap .base-table {
  overflow: auto;
  flex: 0 1 max-content;
}
.biz-data-table-wrap .td-noWrap {
  white-space: nowrap !important;
  text-overflow: unset !important;
  overflow: hidden !important;
}
.base-table-theader-filter-popover .ant-popover-content .ant-popover-inner {
  transform: unset;
}
.work-report .base-table.line-wrap-table .hc-wrap-text {
  display: inline-block;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-4a1ad116]::before {
  display: table;
  content: '';
}
.clearfix[data-v-4a1ad116]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-4a1ad116] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-4a1ad116] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-4a1ad116] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-4a1ad116]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-4a1ad116] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-4a1ad116]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-4a1ad116] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.closeBtn[data-v-4a1ad116] {
  font-size: 14px;
  color: #FF4F4B;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.closeBtn .close-icon[data-v-4a1ad116] {
  font-size: 12px;
}
.closeBtn .text[data-v-4a1ad116] {
  margin-left: 4px;
}
.closeBtn .splitLine[data-v-4a1ad116] {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #C5C5C5;
  margin: 0 0 0 8px;
  vertical-align: middle;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.global-variable-modal .compact-form .ant-form-item {
  margin-bottom: 12px;
  display: flex;
}
.global-variable-modal .compact-form .ant-form-item .ant-form-item-label {
  flex: 0 0 100px;
  text-align: right;
  padding-right: 12px;
  line-height: 32px;
}
.global-variable-modal .compact-form .ant-form-item .ant-form-item-control {
  flex: 1 1;
}
.global-variable-modal .ant-modal-content {
  padding: 0;
}
.global-variable-modal .ant-modal-content .ant-modal-close {
  top: 0;
}
.global-variable-modal .ant-modal-content .ant-modal-close-x {
  align-items: center;
}
.global-variable-modal .ant-modal-body {
  padding: 8px 24px;
}
.global-variable-modal .ant-modal-footer {
  padding: 10px 24px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-9d0298e2]::before {
  display: table;
  content: '';
}
.clearfix[data-v-9d0298e2]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-9d0298e2] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-9d0298e2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-9d0298e2] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-9d0298e2]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-9d0298e2] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-9d0298e2]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-9d0298e2] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.progress-content[data-v-9d0298e2] {
  padding-top: 30px;
  min-height: 100px;
  padding-bottom: 30px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
@keyframes spinimg {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ai-btn {
  position: absolute;
  right: 3px;
  z-index: 999;
  cursor: pointer;
  height: 40px;
  width: 40px;
  border-radius: 40px;
  overflow: hidden;
  background-image: url(../../static/media/bg-ai-agent-first.2dfb8e3d6b982a6b3554.png);
  background-size: cover;
}
.ai-btn:hover {
  animation: spinimg 1s linear infinite;
}
@keyframes bg-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.header-ai-agent-btn,
.agent-bg {
  border-radius: 1000px;
  background-image: url(../../static/media/bg-ai-agent-white.92888c44f8b58fca4537.png);
}
.header-ai-agent-btn.black,
.black .agent-bg {
  background-image: url(../../static/media/bg-ai-agent-black.495d0e54b525c08bb806.png);
}
.header-ai-agent-btn {
  margin: 0;
  width: 114px;
  height: 49px;
  overflow: hidden;
  background-size: cover;
  cursor: pointer;
  position: relative;
}
.header-ai-agent-btn .agent-box {
  width: 74px;
  height: 27px;
  border-radius: 100px;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 10px;
}
.header-ai-agent-btn .agent-box::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 74px;
  height: 74px;
  background: conic-gradient(from 0deg at 50% 50%, #FFF, #FE8D75, #FF74CE, #be7dffc7, #FFFFFFC7);
  animation: bg-rotate 2.5s linear infinite;
}
.header-ai-agent-btn .agent-box .agent-box-content {
  margin: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: white;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 100px;
  position: relative;
}
.header-ai-agent-btn .agent-box .agent-bg {
  width: 114px;
  height: 49px;
  background-size: cover;
  position: relative;
  left: -22px;
  top: -11px;
}
.header-ai-agent-btn .agent-avatar {
  position: absolute;
  right: 19px;
  bottom: 14px;
  width: 30px;
  height: 30px;
  background-size: cover;
}
.header-ai-agent-btn .agent-avatar-default {
  position: absolute;
  bottom: 15.5px;
  right: 24px;
  background: white;
  border-radius: 100px;
  overflow: hidden;
}
.header-ai-agent-btn .agent-avatar-default .default-avatar {
  background-image: url(../../static/media/bg-ai-agent-first.2dfb8e3d6b982a6b3554.png);
  background-size: cover;
  width: 20px;
  height: 20px;
}
.header-ai-agent-btn .avatar-1 {
  background-image: url(../../static/media/1.322a53044c7935bd32fb.png);
}
.header-ai-agent-btn .avatar-2 {
  background-image: url(../../static/media/2.1f0b4f16654030330c5d.png);
}
.header-ai-agent-btn .avatar-3 {
  background-image: url(../../static/media/3.e8162512ab5fec1b4496.png);
}
.header-ai-agent-btn .avatar-4 {
  background-image: url(../../static/media/4.dfb16f16638bc091fc1a.png);
}
.header-ai-agent-btn .avatar-5 {
  background-image: url(../../static/media/5.ba3398fa38c48937c945.png);
}
.header-ai-agent-btn .avatar-6 {
  background-image: url(../../static/media/6.9fcbf38c8d321d8e6bf3.png);
}
.header-ai-agent-btn .avatar-7 {
  background-image: url(../../static/media/7.bfbc4cf48d1ccd991e06.png);
}
.header-ai-agent-btn .avatar-8 {
  background-image: url(../../static/media/8.d37024d82756a32ac913.png);
}
.header-ai-agent-btn .avatar-9 {
  background-image: url(../../static/media/9.b7efd09b8459bf09e9fe.png);
}
.header-ai-agent-btn .avatar-10 {
  background-image: url(../../static/media/10.c3bb6378be44fdbc4c30.png);
}
.header-ai-agent-btn .avatar-11 {
  background-image: url(../../static/media/11.7b63c9ffaaca477e65df.png);
}
.header-ai-agent-btn .avatar-12 {
  background-image: url(../../static/media/12.365da35390ec654057c5.png);
}
.header-ai-agent-btn.header-ai-report-btn {
  width: 84px !important;
  height: 30px !important;
  background-image: none;
  margin-left: 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px #FF74CE99;
}
.header-ai-agent-btn.header-ai-report-btn .agent-box {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
}
.header-ai-agent-btn.header-ai-report-btn .agent-box::before {
  width: 90px;
  height: 90px;
}
.header-ai-agent-btn.header-ai-report-btn .agent-box .agent-box-content {
  margin: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 3px;
}
.header-ai-agent-btn.header-ai-report-btn .agent-box .agent-bg {
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
  border-radius: 3px;
  background-size: 100% 100%;
  position: relative;
  background-image: url(../../static/media/bg-report-ai-logo.cd88906a38b8cb3379a3.png);
}
.ai-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.ai-iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: none;
}
.ai-modal .ant-drawer-content {
  background-color: unset;
}
.ai-modal .ant-drawer-body {
  padding: 0;
  overflow: hidden;
}
.ai-modal #myIframe {
  background: linear-gradient(to right, #EBD6DC, #EEE5E8);
}
.ai-full-screen {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-full-screen .ant-drawer-content-wrapper {
  width: 70% !important;
  min-width: 875px;
  max-width: 1200px;
  position: relative;
  height: calc(100% - 24px);
  border-radius: 12px;
  overflow: hidden;
}
.ai-full-screen .ant-drawer-body {
  background: white;
}
.agent.ai-full-screen .ant-drawer-content-wrapper {
  width: 90% !important;
  box-shadow: none;
  max-width: 1200px;
}
.agent.ai-full-screen .ant-drawer-body {
  background: transparent;
}
.multi-tab-mode .multiple-tab-panel .multiTab-drawer.ai-modal {
  height: 100% !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.header-actions {
  margin-bottom: 12px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.sheet-filter-modal .ant-modal-body {
  padding: 0 16px;
}
.sheet-filter-modal .wrap {
  display: flex;
  height: 500px;
  border-radius: 4px;
}
.sheet-filter-modal .wrap .field-line {
  width: 8px;
  background: #F4F5F7;
}
.sheet-filter-modal .wrap .field-selected-left {
  padding: 10px 0px;
  width: 212px;
}
.sheet-filter-modal .wrap .field-selected-left .field-selectd-left-top {
  padding-right: 16px;
}
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content {
  margin-top: 10px;
  flex: 1 1;
  min-height: 0px;
  overflow: overlay;
}
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content .ant-tree-switcher {
  text-align: left;
  width: 10px;
}
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content .ant-tree-indent-unit {
  width: 10px;
}
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content .ant-tree-list-holder-inner {
  overflow-x: hidden;
}
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content .ant-tree-list-holder-inner .ant-tree-treenode {
  width: 100%;
  max-width: 100%;
}
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: 1 1;
  min-width: 0;
}
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content .ant-tree-list-holder-inner .ant-tree-title > .drag-item {
  cursor: move;
}
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content .ant-tree-list-holder-inner .ant-tree-title > .drag-item.no-drag {
  cursor: default;
}
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content .ant-tree-list-holder-inner .ant-tree-title > div,
.sheet-filter-modal .wrap .field-selected-left .field-selected-left-content .ant-tree-list-holder-inner .ant-tree-title > span {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.sheet-filter-modal .wrap .field-selected-radios .ant-radio-button-wrapper {
  padding: 0 8px;
  border-radius: 2px;
  height: 28px;
  line-height: 26px;
}
.sheet-filter-modal .wrap .field-selected-radios > input {
  margin-top: 10px;
  line-height: 28px;
  height: 28px;
}
.sheet-filter-modal .wrap > div:not(.field-line) {
  display: flex;
  flex-direction: column;
}
.sheet-filter-modal .wrap > div:not(.field-line) .title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.sheet-filter-modal .wrap .field-selected-right {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group {
  min-height: 126px;
  display: flex;
  padding: 10px 16px;
  flex-direction: column;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-container {
  flex: 1 1;
  min-height: 0;
  position: relative;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content {
  height: 100%;
  border: 1px dashed #ebebeb;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 6px 6px;
  overflow: overlay;
  grid-gap: 4px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content.fixed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .drag-item,
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .list-item {
  height: 28px;
  border-radius: 4px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .list-item {
  display: flex;
  padding: 4px 8px;
  overflow: hidden;
  cursor: pointer;
  background: #F8F8F8;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .list-item.hovered,
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .list-item.actived {
  background: rgba(0, 153, 255, 0.1);
  color: #0096FF;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .list-item .list-item-title {
  flex: 1 1;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .list-item i:hover {
  color: #0096FF;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .list-item .list-item-title {
  cursor: move;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .list-item .list-item-title:hover {
  color: #0096FF;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-group .field-selected-group-content .list-item:hover i {
  display: block;
  cursor: pointer;
  visibility: visible;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list {
  flex: 1 1;
  min-height: 0;
  padding: 4px 16px 10px 16px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item {
  display: flex;
  margin-bottom: 6px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container .ant-input,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item .ant-input,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container .ant-select-selector,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item .ant-select-selector {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container .ant-radio-wrapper,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item .ant-radio-wrapper,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container .ant-radio,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item .ant-radio,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container .ant-checkbox,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item .ant-checkbox {
  font-size: 14px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container .ant-radio-inner,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item .ant-radio-inner,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container .ant-checkbox-inner,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item .ant-checkbox-inner {
  width: 16px;
  height: 16px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container .field-selected-list-item-checkbox .ant-checkbox-wrapper,
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item .field-selected-list-item-checkbox .ant-checkbox-wrapper {
  vertical-align: top;
  margin-right: 6px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item-container .field-selected-list-item {
  flex: 1 1;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item > div:first-child {
  width: 80px;
  margin-right: 20px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item > div:first-child.hasChecked {
  width: 120px;
}
.sheet-filter-modal .wrap .field-selected-right .field-selected-list .field-selected-list-item > div:not(:first-child) {
  flex: 1 1;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-169a54e0]::before {
  display: table;
  content: '';
}
.clearfix[data-v-169a54e0]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-169a54e0] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-169a54e0] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-169a54e0] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-169a54e0]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-169a54e0] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-169a54e0]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-169a54e0] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.sheet-filter-modal .field-selected-left[data-v-169a54e0] {
  width: 180px;
  padding: 16px;
  border-right: 1px solid #e8e8e8;
}
.field-selected-right[data-v-169a54e0] {
  padding: 16px 0;
}
.field-selected-right[data-v-169a54e0] .cwc-filter-content {
  padding-left: 0;
}
.field-line[data-v-169a54e0] {
  width: 1px;
  background-color: #e8e8e8;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.setting-modal .title {
  font-weight: bold;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-65b1402d]::before {
  display: table;
  content: '';
}
.clearfix[data-v-65b1402d]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-65b1402d] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-65b1402d] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-65b1402d] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-65b1402d]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-65b1402d] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-65b1402d]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-65b1402d] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.approval-no-data[data-v-65b1402d] {
  height: 125px;
  width: 100%;
  margin: 20px auto;
  background-image: url(../../static/media/empty-home.eb69d3ec562fba10f38f.png);
  background-repeat: no-repeat;
  background-size: 64px;
  background-position: center;
  position: relative;
}
.approval-no-data .text[data-v-65b1402d] {
  width: 100%;
  position: absolute;
  top: 50%;
  font-size: 14px;
  color: #999;
  margin-top: 30px;
  text-align: center;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-c563a761]::before {
  display: table;
  content: '';
}
.clearfix[data-v-c563a761]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-c563a761] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-c563a761] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-c563a761] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-c563a761]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-c563a761] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-c563a761]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-c563a761] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.pagination-wrap-showSizeChanger[data-v-c563a761] {
  float: right;
}
.pagination-wrap-showSizeChanger[data-v-c563a761] .ant-pagination .ant-pagination-disabled {
  display: none;
}
.pagination-wrap-showSizeChanger[data-v-c563a761] .ant-pagination .ant-pagination-item-disabled {
  display: none;
}
.pagination-wrap-current[data-v-c563a761] {
  float: left;
}
.pagination-wrap-jump[data-v-c563a761] .ant-pagination .ant-pagination-jump-next {
  display: none;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-801c2143]::before {
  display: table;
  content: '';
}
.clearfix[data-v-801c2143]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-801c2143] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-801c2143] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-801c2143] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-801c2143]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-801c2143] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-801c2143]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-801c2143] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.filter-by-sequence[data-v-801c2143] {
  margin: 12px 0 12px 14px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.filter-by-sequence .filter-by-sequence_title[data-v-801c2143] {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin-right: 10px;
}
.filter-by-sequence .filter-by-sequence_icon[data-v-801c2143],
.filter-by-sequence .filter-by-sequence_no[data-v-801c2143] {
  width: 16px;
  height: 20px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.filter-by-sequence .filter-by-sequence_icon[data-v-801c2143] {
  color: #999;
  margin-right: 6px;
}
.filter-by-sequence .filter-by-sequence_no[data-v-801c2143] {
  color: #222;
  font-size: 12px;
  margin-right: 2px;
}
.filter-by-sequence .filter-by-sequence_no[data-v-801c2143]:last-child {
  margin-right: 0;
}
.filter-by-sequence .filter-by-sequence_no[data-v-801c2143]:hover,
.filter-by-sequence .filter-by-sequence_no[data-v-801c2143]:active {
  background: #e7f3ff;
  color: #1890ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-a4c2e4d1]::before {
  display: table;
  content: '';
}
.clearfix[data-v-a4c2e4d1]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-a4c2e4d1] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-a4c2e4d1] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-a4c2e4d1] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-a4c2e4d1]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-a4c2e4d1] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-a4c2e4d1]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-a4c2e4d1] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.he-button-action[data-v-a4c2e4d1] {
  background-color: #fd6364;
  color: #fff;
  border-color: hsla(0, 0%, 100%, 0.3);
  font-size: 12px;
  font-weight: normal;
  height: 30px;
}
.he-button-action[data-v-a4c2e4d1]:focus,
.he-button-action[data-v-a4c2e4d1]:hover,
.he-button-action[data-v-a4c2e4d1]:active {
  background-color: #fd6364;
  color: #fff;
  border-color: hsla(0, 0%, 100%, 0.3);
}
.he-button-cancel[data-v-a4c2e4d1] {
  background: #fff;
  color: #adb4c2;
  border: 1px solid #adb4c2;
  border-radius: 6px;
  height: 30px;
}
.he-button-cancel[data-v-a4c2e4d1]:focus,
.he-button-cancel[data-v-a4c2e4d1]:hover,
.he-button-cancel[data-v-a4c2e4d1]:active {
  background: #adb4c2;
  color: #fff;
  border: 1px solid #adb4c2;
}
.app-wrap-button[data-v-a4c2e4d1] {
  cursor: pointer;
  display: block;
  line-height: 20px;
  -webkit-user-select: none;
  user-select: none;
  padding: 10px 30px 10px 25px;
}
.app-wrap-button .heicon[data-v-a4c2e4d1] {
  font-size: 14px;
  color: #b9bbbc;
  vertical-align: middle;
}
.app-wrap-button .text[data-v-a4c2e4d1] {
  margin-left: 10px;
  font-size: 11px;
  color: #010b1f;
  vertical-align: middle;
}
.app-wrap-button[data-v-a4c2e4d1]:hover {
  background-color: #f7f7f9;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.ant-modal-body .exporting-box .export-view-tips {
  text-align: center;
}
.ant-modal-body .export-filter-tips {
  background: rgba(255, 150, 0, 0.08);
  border-radius: 4px;
  padding: 8px 0px 10px 12px;
  margin-bottom: 8px;
}
.ant-modal-body .export-filter-tips .bold-tip {
  font-weight: 500;
  font-size: 16px;
}
.ant-modal-body .export-view-box {
  position: relative;
  border: 1px solid #e0e0e0;
  height: 100px;
  border-radius: 5px;
  width: 98%;
  margin: 0 auto;
}
.ant-modal-body .export-view-box img {
  width: 50px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.ant-modal-body .export-view-box span {
  position: absolute;
  left: 90px;
  top: 20px;
}
.ant-modal-body .export-view-box p {
  position: absolute;
  left: 90px;
  top: 50px;
  font-size: 12px;
}
.ant-modal-body .export-view-box a,
.ant-modal-body .export-view-box .overtime {
  position: absolute;
  right: 20px;
  top: 50px;
  font-size: 12px;
}
.ant-modal-body .export-view-box i {
  position: absolute;
  left: 90px;
  top: 70px;
  font-size: 12px;
  font-style: normal;
  color: #ccced2;
}
.ant-modal-body .export-view-box .export-err {
  text-align: center;
}
.ant-modal-body .export-view-box .exportNewLeft {
  width: 70%;
  border-right: 1px solid #dcdcdc;
  height: 200px;
  overflow-y: auto;
  float: left;
}
.ant-modal-body .export-view-box .exportNewLeft span {
  font-size: 13px;
}
.ant-modal-body .export-view-box .exportNewRight div {
  height: 27px;
  line-height: 27px;
  margin-bottom: 3px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.multibiz-wraper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.multibiz-wraper .multibiz-wraper-header {
  height: 55px;
  line-height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 0;
  border-bottom: 1px solid #f1f1f1;
}
.multibiz-wraper .multibiz-wraper-header .multibiz-wraper-title {
  padding-left: 20px;
  font-size: 16px;
  font-weight: 500;
  margin-right: 20px;
}
.multibiz-wraper .multibiz-wraper-header .multibiz-wraper-radio {
  width: 0;
  flex: 1 1;
  display: flex;
  justify-content: center;
  height: 100%;
}
.multibiz-wraper .multibiz-wraper-header .multibiz-wraper-radio .ant-radio-group {
  white-space: nowrap;
  max-width: 100%;
  overflow: auto;
  margin-top: 14px;
}
.multibiz-wraper .multibiz-wraper-header .multibiz-wraper-radio .ant-radio-button-wrapper {
  font-size: 12px;
  padding: 0 10px;
  max-width: 214px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 28px;
  line-height: 26px;
}
.multibiz-wraper .multibiz-wraper-header .multibiz-wraper-radio .ant-radio-button-wrapper:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.multibiz-wraper .multibiz-wraper-header .multibiz-wraper-radio .ant-radio-button-wrapper:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.multibiz-wraper .multibiz-list-container {
  flex: 1 1;
  overflow: hidden;
}
.multibiz-wraper .multibiz-list-container.biz-list-container {
  padding: 0 20px;
}
.full-modal.all {
  transform: none !important;
}
.full-modal.all .list-wrap .wrap-header {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-modal.all .list-wrap .wrap-header .ant-breadcrumb {
  padding-left: 20px;
}
.full-modal.all .list-wrap .wrap-header .back-link {
  padding-right: 20px;
  line-height: 50px;
}
.full-modal.all .list-wrap .brief-drawer .ant-breadcrumb {
  padding-right: 20px;
}
.full-modal.all .list-wrap .brief-drawer .ant-breadcrumb ol {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.full-modal.all .list-wrap .brief-drawer .ant-breadcrumb ol li {
  display: flex;
  align-items: center;
  flex: 0 1 fit-content;
}
.full-modal.all .list-wrap .brief-drawer .ant-breadcrumb ol li .ant-breadcrumb-link {
  max-width: 280px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.full-modal.all .list-wrap .brief-drawer .ant-breadcrumb ol li .ant-breadcrumb-separator {
  flex-shrink: 0;
}
.full-modal.all .list-wrap .brief-drawer .ant-breadcrumb ol li:last-child {
  flex-shrink: 0;
}
.full-modal.all .list-wrap .wrap-body {
  height: calc(100% - 100px);
}
.full-modal.all .list-wrap .wrap-body .ant-table.ant-table-middle {
  height: 100%;
}
.full-modal.all .list-wrap .wrap-body .ant-table.ant-table-middle .ant-table-container {
  height: 100%;
}
.full-modal.all .list-wrap .wrap-body .resize-wrap {
  height: 100%;
}
.full-modal.all .list-wrap .wrap-body.no-footer {
  height: calc(100% - 60px);
}
.full-modal.all .list-wrap .table-footer {
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  background-color: #fff;
  color: #747779;
  position: relative;
  height: auto;
  align-items: flex-start;
  padding: 12px 0 16px;
  line-height: unset;
}
.full-modal.all .list-wrap .table-footer .agg-wrap {
  flex: 1 1;
  margin-right: 20px;
}
.full-modal.all .list-wrap .table-footer .agg-wrap .agg-footer {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
  margin-left: 0;
}
.full-modal.all .list-wrap .wrap-footer {
  height: 39px;
  line-height: 39px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.ant-btn-primary.primary-btn {
  background-color: #fd6364;
  border-color: #fd6364;
  border-radius: 4px;
  height: 30px;
  vertical-align: middle;
}
.ant-btn-primary.primary-btn:hover {
  background-color: #fd6364;
  border-color: #fd6364;
}
.ant-btn-primary.blue-primary-btn {
  background-color: #1890ff !important;
  border-color: #1890ff !important;
  border-radius: 4px;
  height: 30px;
  vertical-align: middle;
}
.ant-btn-primary.blue-primary-btn:hover {
  background-color: #1890ff !important;
  border-color: #1890ff !important;
}
.ant-btn-default.default-btn {
  height: 30px;
  vertical-align: middle;
}
.ant-btn-default.default-btn:hover {
  color: #fd6364;
  border-color: #fd6364;
}
.univer-cell-link-operations {
  display: none !important;
}
.preview-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.preview-wrapper .opt-wrapper {
  padding: 7px 12px;
}
.preview-wrapper .preview-univer {
  padding-left: 12px;
  padding-right: 12px;
}
.preview-wrapper .opt-wrapper-filter {
  display: flex;
  justify-content: space-between;
  padding: 6px 12px;
  border-top: 1px solid #dcdcdc;
}
.preview-wrapper .opt-wrapper-filter .opt-wrapper-filter-left {
  flex: 1 1;
  margin-right: 10px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  justify-content: flex-end;
}
.preview-wrapper .opt-wrapper-filter .opt-wrapper-filter-left .opt-wrapper-filter-item {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.preview-wrapper .opt-wrapper-filter .opt-wrapper-filter-left .opt-wrapper-filter-item .opti-wrapper-filter-item-label {
  margin-right: 12px;
}
.preview-wrapper .opt-wrapper-filter .opt-wrapper-filter-right {
  display: flex;
}
.preview-wrapper .opt-wrapper-filter .opt-wrapper-filter-right .opt-wrapper-filter-reset {
  color: #666;
}
.preview-wrapper .opt-wrapper-filter .opt-wrapper-filter-right .opt-wrapper-filter-search {
  border: 1px solid #0094ff;
  color: #0094ff;
  border-radius: 2px;
}
.preview-wrapper .opt-wrapper-filter .opt-wrapper-filter-right .opt-wrapper-filter-reset {
  margin-right: 5px;
}
.preview-wrapper .opt-wrapper-filter .opt-wrapper-filter-right .opt-wrapper-filter-reset:hover {
  color: #0094ff;
}
.preview-wrapper .opt-wrapper-filter .opt-wrapper-filter-right > div {
  width: 38px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  margin-top: 4px;
}
.preview-wrapper .ant-spin-nested-loading {
  height: calc(100% - 32px);
  margin-top: 7px;
}
.preview-wrapper.page {
  background: #fff;
  border-top: 1px solid #eee;
}
.preview-wrapper.page .opt-wrapper__right .go-back {
  display: none;
}
.preview-wrapper .opt-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.preview-wrapper .opt-wrapper__left {
  font-size: 14px;
  font-weight: bold;
}
.preview-wrapper .opt-wrapper__right {
  text-align: right;
  display: flex;
  gap: 12px;
}
.preview-wrapper .opt-wrapper__right .header-ai-report-btn {
  margin-left: 0;
  width: 82px;
  height: 30px;
}
.preview-wrapper td {
  font-size: 14px;
  /* 字号 */
  font-family: Arial, sans-serif;
  /* 字体 */
  padding: 0;
  position: relative;
}
.preview-wrapper td .text-wrapper {
  line-height: 1.2;
  /* 调整行高以适应字体大小 */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  position: absolute;
  width: 100%;
}
.preview-wrapper .table-wrapper {
  margin-top: 12px;
  background: #fff;
  flex: 1 1;
  height: calc(100% - 44px);
}
.preview-wrapper .table-wrapper .ant-tabs-content-holder {
  padding: 0 12px 12px;
  overflow: unset;
}
.preview-wrapper .table-wrapper .ant-tabs-content-holder .ant-tabs-content {
  overflow: unset;
  height: 100%;
}
.preview-wrapper .table-wrapper .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
  overflow: auto;
}
.preview-wrapper .table-wrapper th {
  position: sticky;
  top: 0;
  z-index: 999;
  outline: #d3d3d3 solid 0.5px;
  background: #eee;
}
.preview-wrapper .table-wrapper th:first-child {
  background: #fff;
  left: 0;
  z-index: 1000;
  width: 50px;
}
.preview-wrapper .table-wrapper tr td:first-child {
  background: #fff;
  position: sticky;
  left: 0;
  z-index: 999;
  outline: #d3d3d3 solid 0.5px;
  background: #eee;
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.preview-wrapper .pagination-wrapper {
  margin: 12px;
  text-align: right;
}
.preview-wrapper .export-view-box {
  position: relative;
  border: 1px solid #e0e0e0;
  height: 100px;
  border-radius: 5px;
  width: 98%;
  margin: 0 auto;
}
.preview-wrapper .export-view-box img {
  width: 50px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.preview-wrapper .export-view-box span {
  position: absolute;
  left: 90px;
  top: 20px;
}
.preview-wrapper .export-view-box p {
  position: absolute;
  left: 90px;
  top: 50px;
  font-size: 12px;
}
.preview-wrapper .export-view-box a,
.preview-wrapper .export-view-box .overtime {
  position: absolute;
  right: 20px;
  top: 50px;
  font-size: 12px;
}
.preview-wrapper .export-view-box i {
  position: absolute;
  left: 90px;
  top: 70px;
  font-size: 12px;
  font-style: normal;
  color: #ccced2;
}
.preview-wrapper .export-view-box .export-err {
  text-align: center;
}
.preview-wrapper .export-view-box .exportNewLeft {
  width: 70%;
  border-right: 1px solid #dcdcdc;
  height: 200px;
  overflow-y: auto;
  float: left;
}
.preview-wrapper .export-view-box .exportNewLeft span {
  font-size: 13px;
}
.preview-wrapper .export-view-box .exportNewRight div {
  height: 27px;
  line-height: 27px;
  margin-bottom: 3px;
}
.preview-univer {
  height: 100%;
}
.preview-univer .univer-container {
  height: 100%;
  border: 1px solid #dcdcdc;
}
.preview-univer .univer-formula-box,
.preview-univer .univer-sheet-bar-options {
  display: none;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.univer-avatar {
  position: relative;
  overflow: hidden;
  display: inline-block;
  color: rgb(var(--bg-color-secondary));
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background: rgb(var(--grey-200));
}
.univer-avatar-square {
  border-radius: var(--border-radius-base);
}
.univer-avatar-circle {
  border-radius: 50%;
}
.univer-avatar-middle {
  width: 34px;
  height: 34px;
  line-height: 34px;
}
.univer-avatar-small {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.univer-avatar-image {
  background: transparent;
}
.univer-avatar-image > img {
  display: block;
  width: 100%;
  height: 100%;
}
.univer-button {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  display: inline-block;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  transition: all 0.15s;
}
.univer-button[disabled] {
  cursor: not-allowed;
  color: rgb(var(--grey-300));
}
.univer-button-default {
  font-weight: 400;
  color: rgb(var(--text-color));
  background-color: rgb(var(--bg-color-secondary));
}
.univer-button-default[disabled]:hover {
  color: rgb(var(--grey-300));
  border-color: rgb(var(--border-color));
}
.univer-button-default:hover {
  color: rgb(var(--primary-color));
  border-color: rgb(var(--primary-color));
}
.univer-button-primary {
  font-weight: 500;
  color: rgb(var(--color-white));
  background-color: rgb(var(--primary-color));
  border-color: rgb(var(--primary-color));
}
.univer-button-primary[disabled] {
  background-color: rgb(var(--bg-color-secondary));
  border-color: rgb(var(--border-color));
}
.univer-button-primary[disabled]:hover {
  color: rgb(var(--grey-300));
  background-color: rgb(var(--bg-color-secondary));
  border-color: rgb(var(--border-color));
}
.univer-button-primary:hover {
  color: rgb(var(--color-white));
  background-color: rgb(var(--primary-color-hover));
  border-color: rgb(var(--primary-color-hover));
}
.univer-button-text {
  color: rgb(var(--text-color));
  background-color: transparent;
  border-color: transparent;
}
.univer-button-text[disabled]:hover {
  background-color: transparent;
}
.univer-button-text:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-button-link {
  color: rgb(var(--primary-color));
  background-color: transparent;
  border-color: transparent;
}
.univer-button-link[disabled]:hover {
  background-color: transparent;
}
.univer-button-link:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-button-small {
  padding: 6px 8px;
  font-size: var(--font-size-sm);
}
.univer-button-middle {
  padding: 8px 12px;
  font-size: var(--font-size-base);
}
.univer-button-large {
  padding: 10px 20px;
  font-size: var(--font-size-base);
}
.univer-button-block {
  width: 100%;
}
.univer-cascader-list {
  overflow-y: auto;
  display: flex;
  height: 100%;
  max-height: 348px;
  padding: var(--padding-sm);
  color: rgb(var(--text-color));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
}
.univer-cascader-list-board {
  overflow: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.univer-cascader-list-board:not(:last-child) {
  margin-right: var(--margin-xs);
  padding-right: var(--padding-sm);
  border-right: 1px solid rgb(var(--border-color));
}
.univer-cascader-list-board:first-child .univer-cascader-list-item-active {
  color: rgb(var(--primary-color));
}
.univer-cascader-list-board:first-child .univer-cascader-list-option {
  padding: var(--padding-xs) 0;
}
.univer-cascader-list-board:first-child .univer-cascader-list-check-mark {
  display: none;
}
.univer-cascader-list-board:not(:first-child) .univer-cascader-list-item-active {
  background-color: rgb(var(--bg-color-hover));
}
.univer-cascader-list-board:not(:first-child) .univer-cascader-list-option {
  padding: var(--padding-xs) 28px;
}
.univer-cascader-list-item {
  border-radius: var(--border-radius-base);
}
.univer-cascader-list-option {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: var(--font-size-xs);
}
.univer-cascader-list-check-mark {
  position: absolute;
  top: 50%;
  left: var(--margin-xs);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  font-size: var(--font-size-lg);
  color: rgb(var(--primary-color));
}
.univer-cascader-list-empty {
  padding-right: 120px;
  font-size: var(--font-size-xs);
  color: rgb(var(--text-color-secondary));
}
.univer-checkbox {
  cursor: pointer;
  display: inline-flex;
  gap: var(--margin-xs);
  align-items: center;
  box-sizing: border-box;
  font-size: var(--font-size-sm);
  color: var(--text-color);
}
.univer-checkbox:hover .univer-checkbox-target-input:checked + .univer-checkbox-target-inner {
  background-color: rgb(var(--primary-color-hover));
}
.univer-checkbox:hover .univer-checkbox-target-inner {
  border-color: rgb(var(--primary-color-hover));
}
.univer-checkbox-disabled {
  cursor: not-allowed;
  color: rgb(var(--grey-300));
}
.univer-checkbox-disabled .univer-checkbox-target-input:checked + .univer-checkbox-target-inner {
  background-color: rgb(var(--grey-300));
}
.univer-checkbox-disabled .univer-checkbox-target-inner {
  border-color: rgb(var(--grey-300));
}
.univer-checkbox-disabled:hover .univer-checkbox-target-input:checked + .univer-checkbox-target-inner {
  background-color: rgb(var(--grey-300));
}
.univer-checkbox-disabled:hover .univer-checkbox-target-inner {
  border-color: rgb(var(--grey-300));
}
.univer-checkbox-disabled.univer-checkbox-indeterminate .univer-checkbox-target-inner {
  background-color: rgb(var(--grey-300));
}
.univer-checkbox-indeterminate .univer-checkbox-target-inner {
  background-color: rgb(var(--primary-color));
}
.univer-checkbox-indeterminate .univer-checkbox-target-inner:after {
  top: 50%;
  left: 50%;
  width: calc(100% - 2px);
  height: 2px;
  background-color: rgb(var(--bg-color-secondary));
  border: none;
  border-radius: var(--border-radius-base);
  opacity: 1;
  transform: translate(-50%, -50%);
}
.univer-checkbox-target {
  position: relative;
}
.univer-checkbox-target-input {
  position: absolute;
  opacity: 0;
}
.univer-checkbox-target-input:checked + .univer-checkbox-target-inner {
  background-color: rgb(var(--primary-color));
}
.univer-checkbox-target-input:checked + .univer-checkbox-target-inner:after {
  transform: rotate(45deg) scale(1);
  opacity: 1;
  border-color: rgb(var(--bg-color-secondary));
}
.univer-checkbox-target-inner {
  position: relative;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 1px solid rgb(var(--primary-color));
  border-radius: var(--border-radius-base);
  transition: all 0.15s;
}
.univer-checkbox-target-inner:after {
  content: '';
  position: absolute;
  top: calc(50% - 5.5px);
  left: calc(50% - 2.5px);
  transform-origin: center center;
  transform: rotate(45deg) scale(0);
  display: block;
  box-sizing: border-box;
  width: calc(14px / 2.6);
  height: calc(14px / 1.5);
  opacity: 0;
  border: 2px solid transparent;
  border-top: 0;
  border-left: 0;
  transition: all 0.15s;
}
.univer-checkbox-group {
  display: flex;
  gap: var(--margin-sm);
}
.univer-checkbox-group-direction-vertical {
  flex-direction: column;
}
.univer-color-picker {
  position: absolute;
  z-index: 1;
  display: block;
  width: max-content;
  min-width: 232px;
  visibility: visible;
}
.univer-color-picker-hidden {
  display: none;
}
.univer-color-picker-panel {
  display: flex;
  flex-direction: column;
  width: 232px;
  background-color: rgb(var(--white-color));
  border-radius: 8px;
}
.univer-color-picker-panel-disabled {
  cursor: not-allowed;
}
.univer-color-picker-select {
  margin-bottom: var(--margin-xs);
}
.univer-color-picker-select .univer-color-picker-palette {
  overflow: hidden;
  min-height: 100px;
  border-radius: 4px;
}
.univer-color-picker-select .univer-color-picker-palette > .univer-color-picker-gradient {
  border-top-left-radius: 5px;
}
.univer-color-picker-saturation {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.univer-color-picker-handler {
  transform: translateY(-1px);
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px #0000000f;
}
.univer-color-picker-slider {
  width: 100%;
}
.univer-color-picker-slider .univer-color-picker-palette {
  height: 8px;
}
.univer-color-picker-slider .univer-color-picker-gradient {
  border-radius: 4px;
}
.univer-color-picker-color-blocks {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(9, 1fr);
  gap: var(--margin-xxs);
  width: 232px;
  margin-bottom: var(--margin-xs);
}
.univer-color-picker-color-block {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 18px;
  height: 18px;
  border-radius: 4px;
}
.univer-color-picker-color-block-inner {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(var(--grey-600));
  border-radius: 4px;
}
.univer-color-picker-slider-container {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--margin-sm);
}
.univer-color-picker-slider-container .univer-color-picker-slider-group {
  flex: 1 1;
}
.univer-color-picker-slider-container .univer-color-picker-slider-group-disabled-alpha {
  display: flex;
  align-items: center;
}
.univer-color-picker-slider-container .univer-color-picker-slider-group-disabled-alpha .univer-color-picker-slider {
  margin-bottom: 0;
}
.univer-dialog {
  position: relative;
  width: 640px;
  margin: 10% auto;
}
.univer-dialog-wrap {
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.univer-dialog-title {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: 500;
}
.univer-dialog-title-content {
  padding: 24px 28px 20px;
  box-sizing: border-box;
}
.univer-dialog-content {
  pointer-events: all;
  position: relative;
  color: rgb(var(--text-color));
  background-color: rgb(var(--bg-color-secondary));
  background-clip: padding-box;
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-base);
}
.univer-dialog-close {
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 28px;
  padding: 0;
  font-size: var(--font-size-lg);
  font-weight: 500;
  line-height: 1;
  color: rgb(var(--grey-500));
  text-decoration: none;
  opacity: 0.2;
  background: transparent;
  border: 0;
}
.univer-dialog-close:hover {
  text-decoration: none;
  opacity: 1;
}
.univer-dialog-header {
  box-sizing: border-box;
  color: rgb(var(--text-color));
  border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}
.univer-dialog-body {
  padding: 0 28px 20px;
}
.univer-dialog-footer {
  padding: 0 28px 24px;
  text-align: right;
  border-radius: 0 0 5px 5px;
}
.univer-dialog-zoom-enter,
.univer-dialog-zoom-appear {
  opacity: 0;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.univer-dialog-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.univer-dialog-zoom-enter.univer-dialog-zoom-enter-active,
.univer-dialog-zoom-appear.univer-dialog-zoom-appear-active {
  animation-name: univer-dialog-zoom-in;
  animation-play-state: running;
}
.univer-dialog-zoom-leave.univer-dialog-zoom-leave-active {
  animation-name: univer-dialog-zoom-out;
  animation-play-state: running;
}
@keyframes univer-dialog-zoom-in {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes univer-dialog-zoom-out {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}
.univer-dialog-mask {
  position: fixed;
  z-index: 1050;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: #00000080;
}
.univer-dialog-mask-hidden {
  display: none;
}
.univer-dialog-fade-enter,
.univer-dialog-fade-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.univer-dialog-fade-leave {
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.univer-dialog-fade-enter.univer-dialog-fade-enter-active,
.univer-dialog-fade-appear.univer-dialog-fade-appear-active {
  animation-name: univer-dialog-fade-in;
  animation-play-state: running;
}
.univer-dialog-fade-leave.univer-dialog-fade-leave-active {
  animation-name: univer-dialog-fade-out;
  animation-play-state: running;
}
@keyframes univer-dialog-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes univer-dialog-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.univer-dialog-root-draggable {
  pointer-events: none;
}
.univer-confirm-footer {
  display: flex;
  gap: var(--margin-sm);
  justify-content: flex-end;
}
.univer-date-picker {
  position: relative;
  width: 200px;
  height: 32px;
  border: 1px solid rgb(var(--border-color));
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-flex;
}
.univer-date-picker-rtl {
  direction: rtl;
}
.univer-date-picker-invalid {
  box-shadow: 0 0 2px red;
}
.univer-date-picker-panel {
  display: inline-block;
  vertical-align: top;
}
.univer-date-picker-panel-focused {
  border-color: #00f;
}
.univer-date-picker-panel-rtl {
  direction: rtl;
}
.univer-date-picker-suffix-icon {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 8px;
  color: rgb(var(--text-color-secondary));
  transform: translateY(-50%);
  cursor: pointer;
}
.univer-date-picker-decade-panel,
.univer-date-picker-year-panel,
.univer-date-picker-month-panel,
.univer-date-picker-week-panel,
.univer-date-picker-date-panel,
.univer-date-picker-time-panel {
  display: flex;
  flex-direction: column;
}
.univer-date-picker-decade-panel table,
.univer-date-picker-year-panel table,
.univer-date-picker-month-panel table,
.univer-date-picker-week-panel table,
.univer-date-picker-date-panel table,
.univer-date-picker-time-panel table {
  text-align: center;
  border-collapse: collapse;
}
.univer-date-picker-header {
  margin-bottom: var(--margin-base);
  display: flex;
  align-items: center;
}
.univer-date-picker-header > * {
  flex: none;
}
.univer-date-picker-header-view {
  height: 16px;
  flex: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--margin-xs);
}
.univer-date-picker-header-view > button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.univer-date-picker-header-super-prev-btn,
.univer-date-picker-header-super-next-btn,
.univer-date-picker-header-prev-btn,
.univer-date-picker-header-next-btn {
  width: 16px;
  height: 16px;
  padding: 0;
  line-height: 16px;
  font-size: var(--font-size-lg);
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.univer-date-picker-cell {
  color: #aaa;
}
.univer-date-picker-cell-disabled {
  opacity: 0.2;
}
.univer-date-picker-cell-inner {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
  background: transparent;
  border: 0;
  border-radius: var(--border-radius-base);
  outline: none;
  cursor: pointer;
  transition: background 0.3s;
}
.univer-date-picker-cell-in-view {
  color: #333;
}
.univer-date-picker-cell-in-range > .univer-date-picker-cell-inner {
  background: #0000ff0d;
}
.univer-date-picker-cell-hover > .univer-date-picker-cell-inner {
  background: rgb(var(--bg-color));
}
.univer-date-picker-cell-range-hover-start,
.univer-date-picker-cell-range-hover-end,
.univer-date-picker-cell-range-hover {
  position: relative;
}
.univer-date-picker-cell-range-hover-start:after,
.univer-date-picker-cell-range-hover-end:after,
.univer-date-picker-cell-range-hover:after {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid green;
  border-right: 0;
  border-left: 0;
  content: '';
  pointer-events: none;
}
.univer-date-picker-cell-range-hover-start:after {
  border-left: 1px solid green !important;
}
.univer-date-picker-cell-range-hover-end:after {
  border-right: 1px solid green !important;
}
.univer-date-picker-cell-today > .univer-date-picker-cell-inner {
  border: 1px solid rgb(var(--primary-color));
}
.univer-date-picker-cell-range-start > .univer-date-picker-cell-inner,
.univer-date-picker-cell-range-end > .univer-date-picker-cell-inner,
.univer-date-picker-cell-selected > .univer-date-picker-cell-inner {
  color: #fff;
  background: rgb(var(--primary-color));
}
.univer-date-picker-presets {
  background: #ccf;
}
.univer-date-picker-presets ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.univer-date-picker-now {
  padding-top: var(--padding-base);
}
.univer-date-picker-now-btn {
  font-size: var(--font-size-xs);
  color: rgb(var(--primary-color));
  cursor: pointer;
}
.univer-date-picker-footer,
.univer-date-picker-picker-footer {
  margin-top: var(--margin-sm);
  border-top: 1px solid rgb(var(--border-color));
}
.univer-date-picker-ranges {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.univer-date-picker-ranges > li {
  text-align: center;
  display: block;
}
.univer-date-picker-ok {
  float: right;
}
.univer-date-picker-decade-panel .univer-date-picker-content tbody {
  display: grid;
  gap: 20px;
}
.univer-date-picker-decade-panel .univer-date-picker-cell-inner {
  width: 78px;
  height: 24px;
}
.univer-date-picker-year-panel .univer-date-picker-content tbody,
.univer-date-picker-month-panel .univer-date-picker-content tbody {
  display: grid;
  gap: 20px;
}
.univer-date-picker-year-panel .univer-date-picker-cell-inner,
.univer-date-picker-month-panel .univer-date-picker-cell-inner {
  width: 48px;
  height: 24px;
}
.univer-date-picker-week-panel-row:hover .univer-date-picker-cell {
  background: red;
}
.univer-date-picker-week-panel-row-selected .univer-date-picker-cell {
  background: #0000ff4d;
}
.univer-date-picker-week-panel-row-range-hover .univer-date-picker-cell {
  background: #00ff001a;
}
.univer-date-picker-week-panel-row-range-start .univer-date-picker-cell,
.univer-date-picker-week-panel-row-range-end .univer-date-picker-cell {
  background: #00ff004d;
}
.univer-date-picker-week-panel .univer-date-picker-cell,
.univer-date-picker-week-panel .univer-date-picker-cell-inner {
  width: 24px;
}
.univer-date-picker-week-panel .univer-date-picker-cell-week {
  color: #999;
  font-weight: 700;
  font-size: 12px;
}
.univer-date-picker-week-panel .univer-date-picker-cell:hover > .univer-date-picker-cell-inner,
.univer-date-picker-week-panel .univer-date-picker-cell-selected > .univer-date-picker-cell-inner {
  background: transparent;
}
.univer-date-picker-date-panel .univer-date-picker-cell-inner {
  width: 24px;
  height: 24px;
  font-size: var(--font-size-xs);
}
.univer-date-picker-time-panel {
  width: auto;
}
.univer-date-picker-time-panel .univer-date-picker-content {
  position: relative;
  display: flex;
  max-height: 200px;
}
.univer-date-picker-time-panel-column-title {
  font-size: 14px;
  line-height: 24px;
}
.univer-date-picker-time-panel-column {
  flex: auto;
  width: 50px;
  margin: 0;
  padding: 0 0 180px;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 12px;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}
.univer-date-picker-time-panel-column-active {
  background: #0000ff1a;
}
.univer-date-picker-time-panel-column:hover {
  overflow-y: auto;
}
.univer-date-picker-time-panel-column > li {
  width: 50px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.univer-date-picker-time-panel-column > li.univer-date-picker-time-panel-cell-disabled {
  opacity: 0.5;
}
.univer-date-picker-time-panel-column > li.univer-date-picker-time-panel-cell-selected {
  background: #0000ff80;
}
.univer-date-picker-time-panel-column > li .univer-date-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 24px;
  margin: 0;
  color: #333;
  line-height: 24px;
  text-align: center;
}
.univer-date-picker-panel-rtl .univer-date-picker-time-panel-column > li .univer-date-picker-time-panel-cell-inner {
  padding: 0 12px 0 0;
  text-align: right;
}
.univer-date-picker-datetime-panel {
  display: flex;
}
.univer-date-picker-datetime-panel .univer-date-picker-time-panel {
  border-left: 1px solid #999;
}
.univer-date-picker-datetime-panel .univer-date-picker-date-panel,
.univer-date-picker-datetime-panel .univer-date-picker-time-panel {
  transition: opacity 0.3s;
}
.univer-date-picker-datetime-panel-active .univer-date-picker-date-panel,
.univer-date-picker-datetime-panel-active .univer-date-picker-time-panel {
  opacity: 0.3;
}
.univer-date-picker-datetime-panel-active .univer-date-picker-date-panel-active,
.univer-date-picker-datetime-panel-active .univer-date-picker-time-panel-active {
  opacity: 1;
}
.univer-date-picker-input {
  position: relative;
  display: inline-flex;
  width: 100%;
}
.univer-date-picker-rtl .univer-date-picker-input {
  text-align: right;
}
.univer-date-picker-input-active > input {
  background: #0000ff0d;
}
.univer-date-picker-input > input {
  width: 100%;
  padding-left: 12px;
  border: none;
  border-radius: var(--border-radius-base);
  box-sizing: border-box;
}
.univer-date-picker-input > input::placeholder {
  color: #bfbfbf;
}
.univer-date-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.univer-date-picker-input > input:focus {
  outline: none;
}
.univer-date-picker-input-placeholder > input {
  color: #bfbfbf;
}
.univer-date-picker-clear {
  position: absolute;
  top: 7px;
  right: 8px;
  cursor: pointer;
}
.univer-date-picker-rtl .univer-date-picker-clear {
  right: auto;
  left: 4px;
}
.univer-date-picker-clear-btn {
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  background-color: rgb(var(--grey-500));
  border-radius: 50%;
  display: block;
}
.univer-date-picker-clear-btn:before {
  content: '×';
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
}
.univer-date-picker-dropdown {
  position: absolute;
  pointer-events: none;
}
.univer-date-picker-dropdown-range {
  padding: 10px 0;
}
.univer-date-picker-dropdown-hidden {
  display: none;
}
.univer-date-picker-dropdown-placement-topLeft .univer-date-picker-range-arrow,
.univer-date-picker-dropdown-placement-topRight .univer-date-picker-range-arrow {
  bottom: 6px;
  transform: rotate(135deg);
}
.univer-date-picker-dropdown-placement-bottomLeft .univer-date-picker-range-arrow,
.univer-date-picker-dropdown-placement-bottomright .univer-date-picker-range-arrow {
  top: 6px;
  transform: rotate(-45deg);
}
.univer-date-picker-dropdown .univer-date-picker-range-arrow {
  position: absolute;
  left: 10px;
  z-index: 1;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  transition: all 0.3s;
}
.univer-date-picker-dropdown-rtl.univer-date-picker-dropdown .univer-date-picker-range-arrow {
  right: 10px;
  left: auto;
  margin-right: 10px;
  margin-left: 0;
}
.univer-date-picker-dropdown .univer-date-picker-range-arrow:before,
.univer-date-picker-dropdown .univer-date-picker-range-arrow:after {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  content: '';
}
.univer-date-picker-dropdown-rtl.univer-date-picker-dropdown .univer-date-picker-range-arrow:before,
.univer-date-picker-dropdown-rtl.univer-date-picker-dropdown .univer-date-picker-range-arrow:after {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.univer-date-picker-dropdown .univer-date-picker-range-arrow:before {
  width: 10px;
  height: 10px;
  border: 5px solid blue;
  border-color: blue blue transparent transparent;
}
.univer-date-picker-dropdown .univer-date-picker-range-arrow:after {
  width: 8px;
  height: 8px;
  border: 4px solid blue;
  border-color: rgb(var(--bg-color-secondary)) rgb(var(--bg-color-secondary)) transparent transparent;
}
.univer-date-picker-range {
  position: relative;
  display: inline-flex;
}
.univer-date-picker-range-wrapper {
  display: flex;
}
.univer-date-picker-range .univer-date-picker-active-bar {
  bottom: 0;
  height: 3px;
  background: green;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.univer-date-picker-range.univer-date-picker-focused .univer-date-picker-active-bar {
  opacity: 1;
}
.univer-date-picker-panel-container {
  display: inline-block;
  vertical-align: top;
  transition: margin 0.3s;
  pointer-events: all;
}
.univer-date-picker-panel-layout {
  padding: var(--padding-lg);
  background: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-base);
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  overflow: hidden;
}
.univer-date-picker-selector {
  width: 100%;
}
.univer-date-picker-selection-overflow {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid green;
}
.univer-date-picker-selection-overflow-item {
  flex: none;
  max-width: 100%;
}
.univer-date-picker-selection-item {
  border: 1px solid blue;
}
.univer-date-picker-multiple-input {
  width: 10px;
  opacity: 0.1;
}
.univer-dropdown {
  position: absolute;
  z-index: 1070;
  top: -9999px;
  left: -9999px;
  display: block;
}
.univer-dropdown-hidden {
  display: none;
}
.univer-dropdown-slide-up-enter,
.univer-dropdown-slide-up-appear {
  transform-origin: 0 0;
  display: block !important;
  animation-duration: 0.15s;
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.univer-dropdown-slide-up-leave {
  transform-origin: 0 0;
  display: block !important;
  animation-duration: 0.15s;
  animation-fill-mode: both;
  opacity: 1;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomLeft,
.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomLeft,
.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomCenter,
.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomCenter,
.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-bottomRight,
.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-bottomRight {
  animation-name: univer-dropdown-slide-up-in;
  animation-play-state: running;
}
.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topLeft,
.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topLeft,
.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topCenter,
.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topCenter,
.univer-dropdown-slide-up-enter.univer-dropdown-slide-up-enter-active.univer-dropdown-placement-topRight,
.univer-dropdown-slide-up-appear.univer-dropdown-slide-up-appear-active.univer-dropdown-placement-topRight {
  animation-name: univer-dropdown-slide-down-in;
  animation-play-state: running;
}
.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomLeft,
.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomCenter,
.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-bottomRight {
  animation-name: univer-dropdown-slide-up-out;
  animation-play-state: running;
}
.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topLeft,
.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topCenter,
.univer-dropdown-slide-up-leave.univer-dropdown-slide-up-leave-active.univer-dropdown-placement-topRight {
  animation-name: univer-dropdown-slide-down-out;
  animation-play-state: running;
}
@keyframes univer-dropdown-slide-up-in {
  0% {
    transform-origin: 0% 0%;
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform-origin: 0% 0%;
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes univer-dropdown-slide-up-out {
  0% {
    transform-origin: 0% 0%;
    transform: scaleY(1);
    opacity: 1;
  }
  to {
    transform-origin: 0% 0%;
    transform: scaleY(0);
    opacity: 0;
  }
}
@keyframes univer-dropdown-slide-down-in {
  0% {
    transform-origin: 0% 100%;
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform-origin: 0% 100%;
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes univer-dropdown-slide-down-out {
  0% {
    transform-origin: 0% 100%;
    transform: scaleY(1);
    opacity: 1;
  }
  to {
    transform-origin: 0% 100%;
    transform: scaleY(0);
    opacity: 0;
  }
}
.univer-form-layout {
  display: flex;
  flex-direction: column;
}
.univer-form-layout .univer-form-layout-inner .univer-form-layout-content {
  margin-bottom: 0;
}
.univer-form-layout-label {
  font-size: var(--font-size-sm);
  min-height: var(--font-size-sm);
  color: rgba(var(--color-black));
  margin-bottom: var(--margin-xs);
  display: flex;
  align-items: center;
}
.univer-form-layout-desc {
  margin-top: var(--margin-xxs);
  font-size: var(--font-size-xs);
  color: rgba(var(--grey-500));
}
.univer-form-layout-content {
  margin-bottom: var(--margin-sm);
}
.univer-form-layout-content .univer-input-affix-wrapper,
.univer-form-layout-content .univer-select {
  width: 100%;
}
.univer-form-layout-content .univer-range-selector {
  width: 100% !important;
}
.univer-form-layout-content-error .univer-input-affix-wrapper {
  border: 1px solid rgba(var(--red-400));
}
.univer-form-layout-content-error .univer-select-single:not(.univer-select-customize-input) .univer-select-selector {
  border: 1px solid rgba(var(--red-400));
}
.univer-form-layout-error {
  color: rgba(var(--red-400));
  font-size: var(--font-size-xxs);
  margin-top: var(--margin-xxs);
}
.univer-form-dual-column-layout {
  display: flex;
  justify-content: space-between;
}
.univer-form-dual-column-layout .univer-form-layout {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: calc(50% - 8px);
}
.univer-input {
  box-sizing: border-box;
  width: 100%;
  color: rgb(var(--text-color));
}
.univer-input::selection {
  color: rgb(var(--color-white));
  background-color: rgb(var(--primary-color));
}
.univer-input-affix-wrapper {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  transition: all 0.15s;
}
.univer-input-affix-wrapper-small {
  height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  font-size: var(--font-size-sm);
}
.univer-input-affix-wrapper-middle {
  height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  font-size: var(--font-size-sm);
}
.univer-input-affix-wrapper-large {
  height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  font-size: var(--font-size-sm);
}
.univer-input-affix-wrapper:hover,
.univer-input-affix-wrapper:focus-within {
  border-color: rgb(var(--primary-color));
}
.univer-input-affix-wrapper-disabled {
  cursor: not-allowed;
  border-color: rgb(var(--border-color));
}
.univer-input-affix-wrapper-disabled:hover {
  border-color: rgb(var(--border-color));
}
.univer-input-affix-wrapper input {
  padding: 0;
  border: none;
  outline: none;
  background-color: rgb(var(--bg-color-secondary));
}
.univer-input-affix-wrapper input[disabled] {
  cursor: inherit;
  color: rgb(var(--grey-200));
  background-color: rgb(var(--bg-color-secondary));
}
.univer-input-suffix {
  position: absolute;
  top: 0;
  right: 2px;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--padding-sm);
  background-color: rgb(var(--bg-color-secondary));
}
.univer-input-not-allow-clear .univer-input-suffix {
  padding: 0;
}
.univer-input-clear-icon {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.univer-input-clear-icon-hidden {
  display: none;
}
.univer-input-slot-container {
  position: relative;
  display: flex;
}
.univer-input-slot-container > span {
  width: 100%;
}
.univer-input-slot {
  position: absolute;
  top: 0;
  right: 8px;
  display: inline-flex;
  height: 100%;
}
.univer-input-number {
  display: inline-block;
  max-height: 100%;
  height: 34px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  vertical-align: middle;
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  transition: all 0.3s;
}
.univer-input-number-focused,
.univer-input-number:hover,
.univer-input-number-focused .univer-input-number-handler-up,
.univer-input-number:hover .univer-input-number-handler-up,
.univer-input-number-focused .univer-input-number-handler-wrap,
.univer-input-number:hover .univer-input-number-handler-wrap {
  border-color: rgb(var(--primary-color));
}
.univer-input-number-handler {
  touch-action: none;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1;
  text-align: center;
}
.univer-input-number-handler-up-inner,
.univer-input-number-handler-down-inner {
  -webkit-user-select: none;
          user-select: none;
  color: rgb(var(--text-color));
}
.univer-input-number-disabled:hover {
  cursor: not-allowed;
  border-color: rgb(var(--border-color));
}
.univer-input-number-disabled:hover .univer-input-number-handler-up,
.univer-input-number-disabled:hover .univer-input-number-handler-wrap {
  border-color: rgb(var(--border-color));
}
.univer-input-number-input-wrap {
  overflow: hidden;
  height: 100%;
}
.univer-input-number-input {
  width: 100%;
  height: 100%;
  padding: 0;
  line-height: 34px;
  color: rgb(var(--text-color));
  text-align: center;
  border: 0;
  border-radius: var(--border-radius-base);
  outline: 0;
  transition: all 0.15s;
}
.univer-input-number-handler-wrap {
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 20px;
  height: 100%;
  border-left: 1px solid rgb(var(--border-color));
  transition: all 0.3s;
}
.univer-input-number-handler-up {
  border-bottom: 1px solid rgb(var(--border-color));
  transition: all 0.15s;
}
.univer-input-number-handler-up-inner:after {
  content: '+';
}
.univer-input-number-handler-down {
  transition: all 0.15s;
}
.univer-input-number-handler-down-inner:after {
  content: '-';
}
.univer-input-number-handler-down-disabled,
.univer-input-number-handler-up-disabled {
  opacity: 0.3;
}
.univer-input-number-handler-down-disabled:hover,
.univer-input-number-handler-up-disabled:hover {
  color: #999;
  border-color: rgb(var(--grey-200));
}
.univer-input-number-disabled .univer-input-number-input {
  cursor: not-allowed;
}
.univer-input-number-disabled .univer-input-number-handler {
  opacity: 0.3;
}
.univer-input-number-disabled .univer-input-number-handler:hover {
  color: #999;
  border-color: rgb(var(--grey-200));
}
.univer-menu {
  box-sizing: border-box;
  margin: 0;
  padding: var(--padding-base);
  font-size: var(--font-size-xs);
  list-style: none;
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  outline: none;
  box-shadow: var(--box-shadow-base);
}
.univer-menu-vertical {
  display: grid;
  gap: var(--margin-xs);
}
.univer-menu-hidden,
.univer-menu-submenu-hidden {
  display: none;
}
.univer-menu-item-group:not(:last-child) {
  padding-bottom: var(--padding-sm);
  border-bottom: 1px solid rgb(var(--border-color));
}
.univer-menu-item-group-list {
  display: grid;
  gap: var(--margin-xxs);
  margin: 0;
  padding: 0;
}
.univer-menu-item-group-title {
  color: rgb(var(--text-color));
}
.univer-menu-item-active,
.univer-menu-submenu-active {
  background-color: rgb(var(--bg-color-hover));
}
.univer-menu-item-selected {
  transform: translateZ(0);
  background-color: rgb(var(--bg-color-hover));
}
.univer-menu-submenu-selected {
  background-color: rgb(var(--bg-color-hover));
}
.univer-menu > li.univer-menu-submenu {
  padding: 0;
}
.univer-menu-horizontal.univer-menu-sub,
.univer-menu-vertical.univer-menu-sub,
.univer-menu-vertical-left.univer-menu-sub,
.univer-menu-vertical-right.univer-menu-sub {
  min-width: 160px;
  margin-top: 0;
}
.univer-menu-item {
  display: flex;
  gap: var(--margin-xs);
  align-items: center;
}
.univer-menu-item,
.univer-menu-submenu {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  min-height: 28px;
  margin: 0;
  padding: var(--padding-xs);
  white-space: nowrap;
  list-style: none;
  border-radius: var(--border-radius-base);
}
.univer-menu-item.univer-menu-item-disabled,
.univer-menu-submenu.univer-menu-item-disabled,
.univer-menu-item.univer-menu-submenu-disabled,
.univer-menu-submenu.univer-menu-submenu-disabled {
  color: rgb(var(--grey-200)) !important;
  cursor: not-allowed;
}
.univer-menu-submenu-popup {
  position: absolute;
  z-index: 1070;
}
.univer-menu-submenu-popup .univer-submenu-title-wrapper {
  padding-right: 20px;
}
.univer-menu-submenu-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.univer-menu .univer-menu-submenu-title-more-icon,
.univer-menu .univer-menu-item-more-icon {
  margin-left: var(--margin-xs);
  font-size: var(--font-size-sm);
  color: rgb(var(--text-color));
}
.univer-menu-horizontal {
  overflow: hidden;
  white-space: nowrap;
  border: none;
  border-bottom: 1px solid rgb(var(--border-color));
  box-shadow: none;
}
.univer-menu-horizontal > .univer-menu-item,
.univer-menu-horizontal > .univer-menu-submenu > .univer-menu-submenu-title {
  padding: 15px 20px;
}
.univer-menu-horizontal > .univer-menu-submenu,
.univer-menu-horizontal > .univer-menu-item {
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.univer-menu-vertical > .univer-menu-item,
.univer-menu-vertical-left > .univer-menu-item,
.univer-menu-vertical-right > .univer-menu-item,
.univer-menu-inline > .univer-menu-item,
.univer-menu-vertical > .univer-menu-submenu > .univer-menu-submenu-title,
.univer-menu-vertical-left > .univer-menu-submenu > .univer-menu-submenu-title,
.univer-menu-vertical-right > .univer-menu-submenu > .univer-menu-submenu-title,
.univer-menu-inline > .univer-menu-submenu > .univer-menu-submenu-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  min-height: 28px;
  padding: var(--padding-xs);
}
.univer-menu-vertical .univer-menu-submenu-arrow,
.univer-menu-vertical-left .univer-menu-submenu-arrow,
.univer-menu-vertical-right .univer-menu-submenu-arrow,
.univer-menu-inline .univer-menu-submenu-arrow {
  position: absolute;
  right: 16px;
  display: inline-block;
  font-size: inherit;
  line-height: 1.5em;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  vertical-align: baseline;
}
.univer-menu-sub.univer-menu-inline {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.univer-menu-sub.univer-menu-inline > .univer-menu-item,
.univer-menu-sub.univer-menu-inline > .univer-menu-submenu > .univer-menu-submenu-title {
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 8px;
}
.univer-menu-open-slide-up-enter,
.univer-menu-open-slide-up-appear {
  transform-origin: 0 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.univer-menu-open-slide-up-leave {
  transform-origin: 0 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  opacity: 1;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.univer-menu-open-slide-up-enter.univer-menu-open-slide-up-enter-active,
.univer-menu-open-slide-up-appear.univer-menu-open-slide-up-appear-active {
  animation-name: univer-menu-open-slide-up-in;
  animation-play-state: running;
}
.univer-menu-open-slide-up-leave.univer-menu-open-slide-up-leave-active {
  animation-name: univer-menu-open-slide-up-out;
  animation-play-state: running;
}
@keyframes univer-menu-open-slide-up-in {
  0% {
    transform-origin: 0% 0%;
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform-origin: 0% 0%;
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes univer-menu-open-slide-up-out {
  0% {
    transform-origin: 0% 0%;
    transform: scaleY(1);
    opacity: 1;
  }
  to {
    transform-origin: 0% 0%;
    transform: scaleY(0);
    opacity: 0;
  }
}
.univer-menu-open-zoom-enter,
.univer-menu-open-zoom-appear {
  opacity: 0;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  transform-origin: 0 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.univer-menu-open-zoom-leave {
  transform-origin: 0 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.univer-menu-open-zoom-enter.univer-menu-open-zoom-enter-active,
.univer-menu-open-zoom-appear.univer-menu-open-zoom-appear-active {
  animation-name: univer-menu-open-zoom-in;
  animation-play-state: running;
}
.univer-menu-open-zoom-leave.univer-menu-open-zoom-leave-active {
  animation-name: univer-menu-open-zoom-out;
  animation-play-state: running;
}
@keyframes univer-menu-open-zoom-in {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes univer-menu-open-zoom-out {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}
.univer-message {
  position: fixed;
  z-index: 1000;
  top: var(--margin-sm);
  left: 50%;
  transform: translate(-50%);
  display: grid;
  gap: var(--margin-sm);
}
.univer-message-item {
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.1, 0.7, 1, 0.1);
}
.univer-message-item.univer-enter-active {
  transform: translateY(-20px);
  opacity: 0;
}
.univer-message-item.univer-enter-done {
  transform: translateY(0);
  opacity: 1;
}
.univer-message-item.univer-exit {
  transform: translateY(-20px);
  margin-bottom: -40px;
  opacity: 0;
}
.univer-message-item.univer-exit-active {
  transform: translateY(-20px);
  opacity: 0;
}
.univer-message-icon {
  display: inline-flex;
  align-items: center;
}
.univer-message-icon-success {
  color: rgb(var(--success-color));
}
.univer-message-icon-info {
  color: rgb(var(--info-color));
}
.univer-message-icon-warning {
  color: rgb(var(--warning-color));
}
.univer-message-icon-error {
  color: rgb(var(--error-color));
}
.univer-message-content {
  display: inline-flex;
  gap: var(--margin-xs);
  align-items: center;
  padding: var(--padding-base);
  font-size: var(--font-size-base);
  background-color: rgb(var(--color-white));
  border-radius: var(--border-radius-base);
  box-shadow: var(--box-shadow-lg);
}
.univer-pager {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.univer-pager-left-arrow,
.univer-pager-right-arrow {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 8px;
  color: rgb(var(--grey-400));
  border-radius: 4px;
}
.univer-pager-left-arrow:hover,
.univer-pager-right-arrow:hover {
  background-color: rgb(var(--grey-50));
}
.univer-pager-number {
  margin: 0 4px;
  font-size: 13px;
  color: rgb(var(--text-color));
}
.univer-popup-fixed {
  position: fixed;
  z-index: 1000;
  top: -9999px;
  left: -9999px;
}
.univer-popup {
  position: fixed;
  z-index: 1070;
  top: -9999px;
  left: -9999px;
  background-color: rgb(var(--bg-color-secondary));
  border-radius: 6px;
  overflow: hidden;
  box-shadow: var(--box-shadow-base);
}
.univer-popup-enter {
  transform-origin: 0 0;
  animation-duration: 0.15s;
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.univer-popup-enter-active {
  animation-name: univer-popup-slide-up-in;
  animation-play-state: running;
}
.univer-popup-exit {
  transform-origin: 0 0;
  animation-duration: 0.15s;
  animation-fill-mode: both;
  opacity: 1;
  animation-name: univer-popup-slide-up-out;
  animation-play-state: running;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.univer-popup-exit-active {
  display: none;
}
@keyframes univer-popup-slide-up-in {
  0% {
    transform-origin: 0 0;
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform-origin: 0 0;
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes univer-popup-slide-up-out {
  0% {
    transform-origin: 0 0;
    transform: scaleY(1);
    opacity: 1;
  }
  to {
    transform-origin: 0 0;
    transform: scaleY(0);
    opacity: 0;
  }
}
.univer-popup-mask {
  position: fixed;
  z-index: 1060;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.univer-radio {
  cursor: pointer;
  display: inline-flex;
  gap: var(--margin-xs);
  align-items: center;
  box-sizing: border-box;
  font-size: var(--font-size-sm);
  color: var(--text-color);
}
.univer-radio:hover .univer-radio-target-input:checked + .univer-radio-target-inner:after {
  background-color: rgb(var(--primary-color-hover));
}
.univer-radio:hover .univer-radio-target-inner {
  border-color: rgb(var(--primary-color-hover));
}
.univer-radio-disabled {
  cursor: not-allowed;
  color: rgb(var(--grey-300));
}
.univer-radio-disabled .univer-radio-target-input:checked + .univer-radio-target-inner:after {
  background-color: rgb(var(--grey-300));
}
.univer-radio-disabled .univer-radio-target-inner {
  border-color: rgb(var(--grey-300));
}
.univer-radio-disabled:hover .univer-radio-target-input:checked + .univer-radio-target-inner:after {
  background-color: rgb(var(--grey-300));
}
.univer-radio-disabled:hover .univer-radio-target-inner {
  border-color: rgb(var(--grey-300));
}
.univer-radio-target {
  position: relative;
}
.univer-radio-target-input {
  position: absolute;
  opacity: 0;
}
.univer-radio-target-input:checked + .univer-radio-target-inner:after {
  transform: scale(1);
  box-sizing: border-box;
  opacity: 1;
  background-color: rgb(var(--primary-color));
}
.univer-radio-target-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1px solid rgb(var(--primary-color));
  border-radius: 50%;
  transition: all 0.15s;
}
.univer-radio-target-inner:after {
  content: '';
  transform-origin: center center;
  transform: scale(0);
  display: block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  opacity: 0;
  background-color: rgb(var(--bg-color-secondary));
  border-radius: 50%;
  transition: all 0.15s;
}
.univer-radio-group {
  display: flex;
  gap: var(--margin-sm);
}
.univer-radio-group-direction-vertical {
  flex-direction: column;
}
.univer-scrollbar-container {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.univer-scrollbar-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
}
.univer-scrollbar-bar:hover .univer-scrollbar-bar-thumb:not(:active) {
  background-color: rgb(var(--scrollbar-color-hover));
}
.univer-scrollbar-bar-thumb {
  position: absolute;
  width: calc(100% - 2px);
  background-color: rgb(var(--scrollbar-color));
  border-radius: var(--border-radius-lg);
}
.univer-scrollbar-bar-thumb:active {
  background-color: rgb(var(--scrollbar-color-active));
}
.univer-scrollbar-content {
  scrollbar-width: none;
  overflow: auto;
  box-sizing: border-box;
  height: 100%;
  padding-right: 8px;
}
.univer-scrollbar-content::-webkit-scrollbar {
  display: none;
}
.univer-select {
  position: relative;
  display: inline-block;
}
.univer-select-disabled,
.univer-select-disabled input {
  cursor: not-allowed;
}
.univer-select-disabled .univer-select-selector {
  opacity: 0.3;
}
.univer-select-show-arrow.univer-select-loading .univer-select-arrow-icon:after {
  transform: none;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  border: 2px solid rgb(var(--border-color));
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 100%;
  animation: univer-select-loading-icon 0.5s infinite;
}
.univer-select .univer-select-selection-placeholder {
  pointer-events: none;
  opacity: 0.4;
}
.univer-select .univer-select-selection-search-input {
  font-size: var(--font-size-sm);
  color: rgb(var(--text-color));
  -webkit-appearance: none;
  appearance: none;
}
.univer-select .univer-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}
.univer-select-single .univer-select-selector {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 28px;
  padding: 0 10px;
  transition: all 0.15s;
}
.univer-select-single .univer-select-selector .univer-select-selection-search {
  width: 100%;
  line-height: 0;
}
.univer-select-single .univer-select-selector .univer-select-selection-search-input {
  width: 100%;
  height: 100%;
}
.univer-select-single .univer-select-selector .univer-select-selection-item,
.univer-select-single .univer-select-selector .univer-select-selection-placeholder {
  pointer-events: none;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0 18px 0 10px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--font-size-sm);
  line-height: 28px;
  display: inline-block;
  align-items: center;
}
.univer-select-single:not(.univer-select-customize-input) .univer-select-selector {
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
}
.univer-select-single:not(.univer-select-customize-input) .univer-select-selector .univer-select-selection-search-input {
  width: 100%;
  padding: 0;
  border: none;
  outline: none;
}
.univer-select-multiple .univer-select-selector {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
}
.univer-select-multiple .univer-select-selector .univer-select-selection-item {
  flex: none;
  margin-right: 2px;
  padding: 0 8px;
  background: #bbb;
  border-radius: 4px;
}
.univer-select-multiple .univer-select-selector .univer-select-selection-item-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.univer-select-multiple .univer-select-selector .univer-select-selection-overflow {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.univer-select-multiple .univer-select-selector .univer-select-selection-overflow-item {
  flex: none;
  max-width: 100%;
}
.univer-select-multiple .univer-select-selector .univer-select-selection-search {
  position: relative;
  max-width: 100%;
}
.univer-select-multiple .univer-select-selector .univer-select-selection-search-input,
.univer-select-multiple .univer-select-selector .univer-select-selection-search-mirror {
  box-sizing: border-box;
  padding: var(--padding-xs) var(--padding-sm);
}
.univer-select-multiple .univer-select-selector .univer-select-selection-search-mirror {
  position: none;
  z-index: 999;
  top: 0;
  left: 0;
  white-space: nowrap;
  visibility: hidden;
}
.univer-select-multiple .univer-select-selector .univer-select-selection-search-input {
  width: 100%;
  padding: 0;
  border: none;
  outline: none;
}
.univer-select-borderless:not(.univer-select-customize-input) .univer-select-selector {
  border-color: transparent;
}
.univer-select-borderless.univer-select-focused .univer-select-selector,
.univer-select-borderless.univer-select:hover .univer-select-selector {
  border-color: transparent !important;
}
.univer-select-allow-clear.univer-select-multiple .univer-select-selector {
  padding-right: 20px;
}
.univer-select-allow-clear .univer-select-clear {
  position: absolute;
  top: 0;
  right: 20px;
}
.univer-select-show-arrow.univer-select-multiple .univer-select-selector {
  padding-right: 20px;
}
.univer-select-show-arrow .univer-select-arrow {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: var(--margin-sm);
  display: flex;
  align-items: center;
  height: 100%;
  font-size: var(--font-size-xxs);
  color: rgb(var(--text-color-secondary));
}
.univer-select-show-arrow .univer-select-arrow-icon:after {
  content: '';
  transform: translateY(5px);
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: rgb(var(--border-color));
}
.univer-select-focused .univer-select-selector,
.univer-select:hover .univer-select-selector {
  border-color: rgb(var(--primary-color)) !important;
}
.univer-select-dropdown {
  position: absolute;
  z-index: 1070;
  background: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  box-shadow: var(--box-shadow-base);
}
.univer-select-dropdown-hidden {
  display: none;
}
.univer-select-item {
  cursor: pointer;
  padding: var(--padding-sm) var(--padding-base);
  font-size: var(--font-size-sm);
}
.univer-select-item-group {
  padding: 0;
}
.univer-select-item-group:not(:first-child) {
  border-top: 1px solid rgb(var(--border-color));
}
.univer-select-item-option {
  position: relative;
  transition: all 0.15s;
}
.univer-select-item-option .univer-select-item-option-state {
  pointer-events: none;
  position: absolute;
  top: 4px;
  right: 0;
}
.univer-select-item-option-active {
  background: #ddd;
}
.univer-select-item-option-disabled {
  color: rgb(var(--text-color-tertiary));
}
.univer-select-item-empty {
  padding: var(--padding-xs) 0;
  color: rgb(var(--text-color-tertiary));
  font-size: var(--font-size-sm);
  text-align: center;
}
.univer-select-selection__choice-zoom {
  transition: all 0.3s;
}
.univer-select-selection__choice-zoom-appear {
  transform: scale(0.5);
  opacity: 0;
}
.univer-select-selection__choice-zoom-appear.univer-select-selection__choice-zoom-appear-active,
.univer-select-selection__choice-zoom-leave {
  transform: scale(1);
  opacity: 1;
}
.univer-select-selection__choice-zoom-leave.univer-select-selection__choice-zoom-leave-active {
  transform: scale(0.5);
  opacity: 0;
}
.univer-select-dropdown-slide-up-enter,
.univer-select-dropdown-slide-up-appear {
  transform-origin: 0 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.univer-select-dropdown-slide-up-leave {
  transform-origin: 0 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  opacity: 1;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.univer-select-dropdown-slide-up-enter.univer-select-dropdown-slide-up-enter-active.univer-select-dropdown-placement-bottomLeft,
.univer-select-dropdown-slide-up-appear.univer-select-dropdown-slide-up-appear-active.univer-select-dropdown-placement-bottomLeft,
.univer-select-dropdown-slide-up-enter.univer-select-dropdown-slide-up-enter-active.univer-select-dropdown-placement-bottomRight,
.univer-select-dropdown-slide-up-appear.univer-select-dropdown-slide-up-appear-active.univer-select-dropdown-placement-bottomRight {
  animation-name: univer-select-dropdown-slide-up-in;
  animation-play-state: running;
}
.univer-select-dropdown-slide-up-leave.univer-select-dropdown-slide-up-leave-active.univer-select-dropdown-placement-bottomLeft,
.univer-select-dropdown-slide-up-leave.univer-select-dropdown-slide-up-leave-active.univer-select-dropdown-placement-bottomRight {
  animation-name: univer-select-dropdown-slide-up-out;
  animation-play-state: running;
}
.univer-select-dropdown-slide-up-enter.univer-select-dropdown-slide-up-enter-active.univer-select-dropdown-placement-topLeft,
.univer-select-dropdown-slide-up-appear.univer-select-dropdown-slide-up-appear-active.univer-select-dropdown-placement-topLeft,
.univer-select-dropdown-slide-up-enter.univer-select-dropdown-slide-up-enter-active.univer-select-dropdown-placement-topRight,
.univer-select-dropdown-slide-up-appear.univer-select-dropdown-slide-up-appear-active.univer-select-dropdown-placement-topRight {
  animation-name: univer-select-dropdown-slide-down-in;
  animation-play-state: running;
}
.univer-select-dropdown-slide-up-leave.univer-select-dropdown-slide-up-leave-active.univer-select-dropdown-placement-topLeft,
.univer-select-dropdown-slide-up-leave.univer-select-dropdown-slide-up-leave-active.univer-select-dropdown-placement-topRight {
  animation-name: univer-select-dropdown-slide-down-out;
  animation-play-state: running;
}
@keyframes univer-select-dropdown-slide-up-in {
  0% {
    transform-origin: 0% 0%;
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform-origin: 0% 0%;
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes univer-select-dropdown-slide-up-out {
  0% {
    transform-origin: 0% 0%;
    transform: scaleY(1);
    opacity: 1;
  }
  to {
    transform-origin: 0% 0%;
    transform: scaleY(0);
    opacity: 0;
  }
}
@keyframes univer-select-dropdown-slide-down-in {
  0% {
    transform-origin: 100% 100%;
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform-origin: 100% 100%;
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes univer-select-dropdown-slide-down-out {
  0% {
    transform-origin: 100% 100%;
    transform: scaleY(1);
    opacity: 1;
  }
  to {
    transform-origin: 100% 100%;
    transform: scaleY(0);
    opacity: 0;
  }
}
@keyframes univer-select-loading-icon {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.univer-select-list {
  overflow-y: auto;
  display: grid;
  gap: var(--margin-xs);
  max-height: 348px;
  margin: 0;
  padding: var(--padding-lg) var(--padding-base);
  list-style: none;
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
}
.univer-select-list-item {
  font-size: var(--font-size-sm);
}
.univer-select-list-item > a {
  cursor: pointer;
  position: relative;
  display: block;
  padding: var(--padding-xs) 28px;
  border-radius: var(--border-radius-base);
  transition: all 0.15s;
}
.univer-select-list-item > a:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-select-list-item-icon {
  position: absolute;
  top: 50%;
  left: var(--margin-xxs);
  transform: translateY(-50%);
  display: inline-flex;
  font-size: var(--font-size-lg);
  color: rgb(var(--success-color));
}
.univer-select-list-item-select > a {
  background-color: rgb(var(--bg-color));
}
.univer-segmented {
  display: inline-flex;
  padding: 2px;
  height: 32px;
  width: 100%;
  border-radius: 6px;
  background-color: rgb(var(--grey-50));
  box-sizing: border-box;
}
.univer-segmented-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
  border-radius: 2px;
}
.univer-segmented-item {
  position: relative;
  padding: 4px 10px;
  border-radius: 4px;
  height: 100%;
  flex: 1 1;
  flex-grow: 1;
  flex-shrink: 1;
  box-sizing: border-box;
  color: rgba(var(--color-black));
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  font-size: 13px;
}
.univer-segmented-item-selected {
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(var(--color-black), 0.08);
  color: rgba(var(--color-black));
}
.univer-segmented-item:hover,
.univer-segmented-item:focus {
  color: rgba(var(--color-black));
}
.univer-segmented-item-disabled,
.univer-segmented-item-disabled:hover,
.univer-segmented-item-disabled:focus {
  color: #00000040;
  cursor: not-allowed;
}
.univer-segmented-item-label {
  z-index: 2;
  line-height: 20px;
}
.univer-segmented-item-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.univer-segmented-disabled .univer-segmented-item,
.univer-segmented-disabled .univer-segmented-item:hover,
.univer-segmented-disabled .univer-segmented-item:focus,
.univer-segmented-disabled .univer-segmented-item:hover:hover,
.univer-segmented-disabled .univer-segmented-item:focus:hover,
.univer-segmented-disabled .univer-segmented-item:hover:focus,
.univer-segmented-disabled .univer-segmented-item:focus:focus {
  color: #00000040;
  cursor: not-allowed;
}
.univer-segmented-thumb {
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(var(--color-black), 0.08);
  position: absolute;
  box-sizing: border-box;
  width: 0;
  height: 100%;
  border-radius: 4px;
  padding: 4px 0;
}
.univer-segmented-thumb-motion-appear-active,
.univer-segmented-thumb-motion-enter-active {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform, width;
}
.univer-segmented-rtl {
  direction: rtl;
}
.univer-tooltip {
  position: absolute;
  z-index: 1080;
  pointer-events: none;
  display: block;
  font-size: var(--font-size-xxs);
  visibility: visible;
}
.univer-tooltip-no-events {
  pointer-events: none;
}
.univer-tooltip-hidden {
  display: none;
}
.univer-tooltip-placement-top {
  padding: 4px 0;
}
.univer-tooltip-placement-right {
  padding: 0 4px;
}
.univer-tooltip-placement-bottom {
  padding: 4px;
}
.univer-tooltip-placement-left {
  padding: 0 4px;
}
.univer-tooltip-placement-top .univer-tooltip-arrow,
.univer-tooltip-placement-topLeft .univer-tooltip-arrow,
.univer-tooltip-placement-topRight .univer-tooltip-arrow {
  bottom: 0;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: rgb(var(--color-black));
}
.univer-tooltip-placement-top .univer-tooltip-arrow {
  left: 50%;
}
.univer-tooltip-placement-right .univer-tooltip-arrow {
  left: 0;
  margin-top: -4px;
  border-width: 4px 4px 4px 0;
  border-right-color: rgb(var(--color-black));
}
.univer-tooltip-placement-right .univer-tooltip-arrow {
  top: 50%;
}
.univer-tooltip-placement-left .univer-tooltip-arrow {
  right: 0;
  margin-top: -4px;
  border-width: 4px 0 4px 4px;
  border-left-color: rgb(var(--color-black));
}
.univer-tooltip-placement-left .univer-tooltip-arrow {
  top: 50%;
}
.univer-tooltip-placement-bottom .univer-tooltip-arrow {
  top: 0;
  margin-left: -4px;
  border-width: 0 4px 4px;
  border-bottom-color: rgb(var(--color-black));
}
.univer-tooltip-placement-bottom .univer-tooltip-arrow {
  left: 50%;
}
.univer-tooltip-inner {
  padding: var(--padding-xs) var(--padding-lg);
  color: rgb(var(--color-white));
  text-align: left;
  text-decoration: none;
  background-color: rgb(var(--color-black));
  border-radius: var(--border-radius-base);
}
.univer-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.univer-slider {
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  gap: var(--margin-xxs);
  align-items: center;
}
.univer-slider-disabled {
  cursor: not-allowed;
}
.univer-slider-disabled .univer-slider-rail {
  background-color: rgb(var(--grey-300));
}
.univer-slider-disabled .univer-slider-handle {
  background-color: rgb(var(--grey-300));
  box-shadow: none;
}
.univer-slider-disabled .univer-slider-handle:hover {
  cursor: not-allowed;
  background-color: rgb(var(--grey-300));
}
.univer-slider-disabled .univer-slider-reset-point {
  cursor: not-allowed;
}
.univer-slider-disabled .univer-slider-value:hover {
  cursor: not-allowed;
  background-color: rgb(var(--grey-300));
}
.univer-slider-disabled .univer-slider-value {
  pointer-events: none;
  color: rgb(var(--grey-300));
}
.univer-slider-disabled .univer-slider-value:hover {
  background-color: transparent;
}
.univer-slider-rail {
  position: relative;
  width: 116px;
  height: 2px;
  padding: 0 6px;
  background-color: rgb(var(--text-color-secondary));
  border-radius: 15px;
}
.univer-slider-inner-rail {
  position: relative;
  height: 2px;
}
.univer-slider-handle {
  cursor: pointer;
  position: absolute;
  top: calc(50% - 6px);
  transform: translate(-50%);
  width: 12px;
  height: 12px;
  background-color: rgb(var(--color-white));
  border-radius: 50%;
  box-shadow: 0 0 6px #0000001a;
  transition: background 0.2s;
}
.univer-slider-handle:hover {
  background-color: rgb(var(--border-color));
  box-shadow: none;
}
.univer-slider-reset-point {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 4px;
  height: 2px;
  background-color: rgb(var(--color-white));
  border-radius: 50%;
}
.univer-slider-value {
  cursor: pointer;
  width: 55px;
  height: 28px;
  font-size: var(--font-size-xs);
  line-height: 2;
  color: rgb(var(--text-color-secondary-darker));
  text-align: center;
  border-radius: var(--border-radius-base);
  transition: all 0.2s;
  text-decoration: none;
}
.univer-slider-value:hover {
  background-color: rgb(var(--border-color));
  text-decoration: inherit;
  color: inherit;
}
.univer-slider-value.univer-dropdown-open {
  background-color: rgb(var(--border-color));
}
.univer-slider-shortcuts {
  transform: translate(-27.5px);
  display: grid;
  gap: var(--margin-xxs);
  align-items: center;
  box-sizing: border-box;
  width: 128px;
  padding: var(--padding-sm);
  font-size: var(--font-size-xs);
  background-color: rgb(var(--color-white));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-lg);
}
.univer-slider-shortcut {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding: var(--padding-xs) 0 var(--padding-xs) 36px;
  color: rgb(var(--text-color));
  border-radius: var(--border-radius-base);
  transition: background 0.2s;
  text-decoration: none;
}
.univer-slider-shortcut:hover {
  background-color: rgb(var(--bg-color-hover));
  color: inherit;
  text-decoration: inherit;
}
.univer-slider-shortcut-icon {
  position: absolute;
  top: 0;
  left: var(--padding-xs);
  height: 100%;
  color: rgb(var(--success-color));
  display: flex;
  align-items: center;
}
.univer-slider-shortcut-active {
  background-color: rgb(var(--bg-color-hover));
}
.univer-tree {
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  color: rgb(var(--text-color));
}
.univer-tree-icon {
  position: absolute;
  top: 50%;
  left: calc(-1 * var(--padding-lg));
  transform: translateY(-50%) rotate(-90deg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
}
.univer-tree-icon-expand {
  transform: translateY(-50%);
}
.univer-tree-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.univer-tree-list .univer-tree-list {
  overflow: hidden;
  height: 0;
}
.univer-tree-list .univer-tree-list-expand {
  height: inherit;
}
.univer-tree-list-item {
  position: relative;
  padding-left: var(--padding-xl);
}
.univer-tree-list-item > a {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.univer-tree-list-item-content {
  margin-bottom: 8px;
}
.univer-tree-list-item-content-selected {
  color: rgb(var(--primary-color));
}
.univer-tree-list-item-content-selected-icon {
  position: absolute;
  top: 50%;
  left: calc(-1 * var(--padding-xl));
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-lg);
}
.univer-switch-wrapper {
  height: 16px;
}
.univer-switch-wrapper .univer-switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 16px;
}
.univer-switch-wrapper .univer-switch input {
  opacity: 0;
}
.univer-switch-wrapper .univer-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(var(--bg-color-hover));
  transition: background-color 0.2s;
  border-radius: 16px;
}
.univer-switch-wrapper .univer-slider:before {
  position: absolute;
  content: '';
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: rgb(var(--color-white));
  transition: transform 0.2s;
  border-radius: 50%;
}
.univer-switch-wrapper input:checked + .univer-slider {
  background-color: rgb(var(--primary-color));
}
.univer-switch-wrapper input:checked + .univer-slider:before {
  transform: translate(12px);
}
.univer-theme {
  color: rgb(var(--text-color));
  font-family: 'PingFang SC', 'Helvetica Neue For Number', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.univer-render-canvas::selection {
  pointer-events: none;
}
.react-grid-layout {
  position: relative;
  transition: height 0.2s ease;
}
.react-grid-item {
  transition: all 0.2s ease;
  transition-property: left, top, width, height;
}
.react-grid-item img {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.react-grid-item.cssTransforms {
  transition-property: transform, width, height;
}
.react-grid-item.resizing {
  transition: none;
  z-index: 1;
  will-change: width, height;
}
.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}
.react-grid-item.dropping {
  visibility: hidden;
}
.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 0.1s;
  z-index: 2;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.react-grid-item.react-grid-placeholder.placeholder-resizing {
  transition: none;
}
.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}
.react-grid-item > .react-resizable-handle:after {
  content: '';
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.react-resizable-hide > .react-resizable-handle {
  display: none;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.univer-textarea {
  position: relative;
  width: 280px;
  padding: var(--padding-sm);
  box-sizing: border-box;
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  overflow: hidden;
  transition: all 0.15s;
}
.univer-textarea:hover,
.univer-textarea:focus {
  border-color: rgb(var(--primary-color));
  outline: none;
}
.univer-mentions {
  width: 100%;
}
.univer-mentions__control {
  min-height: 32px;
}
.univer-mentions__highlighter {
  border-radius: 6px;
  background: rgba(var(--color-white));
  padding: 6px 10px;
  font-size: 13px !important;
  line-height: 20px !important;
  max-height: 114px;
}
.univer-mentions__highlighter strong {
  color: rgb(var(--blue-500));
}
.univer-mentions__highlighter__substring {
  visibility: inherit !important;
  color: rgb(var(--color-black));
}
.univer-mentions__input {
  width: 100%;
  caret-color: red;
  background-color: transparent;
  color: transparent;
  padding: 6px 10px;
  border: 1px solid rgb(var(--border-color));
  border-radius: 6px;
  font-size: 13px !important;
  line-height: 20px !important;
  max-height: 114px;
}
.univer-mentions__input:focus {
  border: 1px solid rgb(var(--blue-500));
  outline: none !important;
}
.univer-mentions__suggestions {
  border-radius: 8px;
  overflow: hidden;
  background: rgb(var(--color-white)) !important;
  border: 1px solid rgb(var(--grey-200)) !important;
  box-shadow: var(--box-shadow-base) !important;
  width: 100%;
  box-sizing: border-box;
  margin-top: 20px !important;
}
.univer-mentions__suggestions__list {
  display: flex;
  flex-direction: column;
  padding: 8px !important;
  width: 100%;
  box-sizing: border-box;
}
.univer-mentions__suggestions__item {
  padding: 4px 8px;
  border-radius: 6px;
}
.univer-mentions__suggestions__item--focused {
  background-color: rgb(var(--grey-50));
}
.univer-ui-plugin-sheets-font-family {
  overflow: hidden;
  width: 120px;
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.univer-ui-plugin-sheets-font-family-item {
  font-size: var(--font-size-xs);
}
.univer-ui-plugin-sheets-font-size {
  width: 28px;
  height: 24px;
  font-size: var(--font-size-xs);
}
.univer-ui-plugin-sheets-font-size-input {
  height: 24px;
  line-height: 24px;
  background-color: transparent;
  border: none;
}
.univer-ui-plugin-sheets-font-size-input input {
  font-size: var(--font-size-xs);
  background-color: transparent;
}
.univer-menu-item-no-hover,
.univer-menu-item-no-hover.univer-menu-item-active {
  background: none;
}
.univer-menu-item-activated {
  background-color: rgb(var(--bg-color-hover));
}
.univer-menu-item-content {
  display: inline-flex;
  gap: var(--margin-xs);
  align-items: center;
}
.univer-menu-item-selectable {
  position: relative;
  padding-left: var(--padding-xl);
}
.univer-menu-item-selectable-icon {
  position: absolute;
  left: 0;
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-lg);
}
.univer-menu-item-more-icon {
  font-size: var(--font-size-sm);
  color: rgb(var(--text-color));
}
.univer-progress-bar {
  width: 160px;
  height: 4px;
  background-color: rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  margin-right: 8px;
}
.univer-progress-bar-container {
  display: flex;
  align-items: center;
  margin: 0 8px;
}
.univer-progress-bar-inner {
  height: 4px;
  border-radius: var(--border-radius-lg);
  transition: width 0.5s;
}
.univer-progress-bar-close-button {
  background: none;
  border: none;
  font-size: 12px;
  color: rgb(var(--text-color));
  cursor: pointer;
  padding: 0;
  margin: 0;
  line-height: 1;
  display: flex;
  align-items: center;
}
.univer-progress-bar-close-button:hover {
  color: rgb(var(--text-color-secondary));
}
.univer-shortcut-panel-group-title {
  height: 40px;
  font-size: 13px;
  font-weight: 700;
  line-height: 40px;
}
.univer-shortcut-panel-item {
  display: flex;
  justify-content: space-between;
  height: 40px;
  font-size: 13px;
  line-height: 40px;
}
.univer-shortcut-panel-item-title {
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 200px;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.univer-shortcut-panel-item-shortcut {
  flex-grow: 0;
  flex-shrink: 0;
}
.univer-shortcut-panel-item:not(:last-of-type) {
  border-bottom: 1px solid rgb(var(--grey-200));
}
.univer-float-dom-wrapper {
  z-index: 10;
}
.univer-float-dom {
  overflow: hidden;
}
.univer-toolbar-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0;
  font-size: var(--font-size-lg);
  color: rgb(var(--text-color));
  background-color: transparent;
  border: none;
  border-radius: var(--border-radius-base);
  outline: none;
}
.univer-toolbar-btn:not([disabled]):hover {
  background-color: rgb(var(--grey-100));
}
.univer-toolbar-btn[disabled] {
  cursor: not-allowed;
  color: rgb(var(--grey-200));
}
.univer-toolbar-btn-active {
  background-color: rgb(var(--grey-100));
}
.univer-toolbar-btn-active[disabled] {
  color: rgba(var(--text-color), 0.25);
}
.univer-headerbar {
  -webkit-user-select: none;
          user-select: none;
  position: relative;
}
.univer-headerbar > .univer-header-menu {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  box-sizing: border-box;
  height: 100%;
}
.univer-headerbar > .univer-header-menu > div {
  -webkit-user-select: none;
          user-select: none;
  display: inline-flex;
  align-items: center;
  height: 28px;
  margin-left: 4px;
  padding: 2px 4px;
  text-align: center;
  border-radius: 4px;
}
.univer-headerbar > .univer-header-menu > div:hover {
  background-color: rgb(var(--grey-300));
}
.univer-menubar {
  display: flex;
  gap: var(--margin-xs);
  align-items: center;
  justify-content: center;
  height: 32px;
}
.univer-menubar-item {
  cursor: pointer;
  display: block;
  padding: var(--padding-xs) var(--padding-sm);
  font-size: var(--font-size-xs);
  font-weight: 400;
  border-radius: var(--border-radius-base);
  transition: all 0.1s ease-in-out;
}
.univer-menubar-item:hover:not(.univer-menubar-item-active) {
  background: rgb(var(--grey-300));
}
.univer-menubar-item-active {
  color: rgb(var(--color-white));
  background: rgb(var(--primary-color));
}
.univer-toolbar {
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 32px;
  font-size: var(--font-size-base);
  color: rgb(var(--text-color));
  background-color: rgb(var(--bg-color-secondary));
  border-bottom: 1px solid rgb(var(--border-color));
}
.univer-toolbar-container {
  padding: 0 var(--padding-lg);
  display: flex;
  gap: var(--margin-xs);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}
.univer-toolbar-more {
  max-width: 80%;
}
.univer-toolbar-more-container {
  display: grid;
  box-sizing: border-box;
  padding: var(--padding-sm);
  background-color: rgb(var(--bg-color-secondary));
  border-radius: var(--border-radius-base);
  box-shadow: var(--box-shadow-base);
}
.univer-toolbar-more-container .univer-toolbar-group {
  flex-wrap: wrap;
}
.univer-toolbar-more-container .univer-toolbar-group:not(:last-child):after {
  content: initial;
}
.univer-toolbar-more-container .univer-toolbar-group:not(:last-child) > * {
  margin-bottom: var(--margin-xs);
}
.univer-toolbar-group {
  display: flex;
  gap: var(--margin-xs);
  align-items: center;
  flex-shrink: 0;
}
.univer-toolbar-group > * {
  flex-shrink: 0;
}
.univer-toolbar-group:not(:last-child, :empty):after {
  content: '';
  display: block;
  width: 1px;
  height: 20px;
  background-color: rgb(var(--border-color));
  flex-shrink: 0;
}
.univer-toolbar-item-select-button {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: flex;
  gap: var(--margin-xs);
  align-items: center;
  height: 24px;
  padding-right: 18px;
  font-size: var(--font-size-lg);
  border-radius: var(--border-radius-base);
}
.univer-toolbar-item-select-button-disabled {
  cursor: not-allowed;
  color: rgb(var(--grey-200));
}
.univer-toolbar-item-select-button-disabled.univer-toolbar-item-select-button-activated {
  color: rgba(var(--text-color), 0.25);
}
.univer-toolbar-item-select-button-disabled.univer-toolbar-item-select-button-activated .univer-toolbar-item-select-button-label:hover,
.univer-toolbar-item-select-button-disabled.univer-toolbar-item-select-button-activated .univer-toolbar-item-select-button-arrow:hover {
  background-color: rgb(var(--grey-100)) !important;
}
.univer-toolbar-item-select-button-activated,
.univer-toolbar-item-select-button:hover,
.univer-toolbar-item-select-button:hover .univer-toolbar-item-select-button-label {
  background-color: rgb(var(--grey-100));
}
.univer-toolbar-item-select-button-label {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--padding-xs);
}
.univer-toolbar-item-select-button-label:hover {
  background-color: rgb(var(--grey-300)) !important;
}
.univer-toolbar-item-select-button-arrow {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-right: var(--padding-xs);
  color: rgb(var(--grey-400));
}
.univer-toolbar-item-select-button-arrow:hover {
  background-color: rgb(var(--grey-300));
}
.univer-toolbar-item-select {
  cursor: pointer;
  position: relative;
  display: flex;
  gap: var(--margin-xs);
  align-items: center;
  height: 24px;
  padding: 0 var(--padding-xs);
  font-size: var(--font-size-lg);
  border-radius: var(--border-radius-base);
}
.univer-toolbar-item-select-disabled {
  cursor: not-allowed;
  color: rgb(var(--grey-200));
}
.univer-toolbar-item-select-disabled.univer-toolbar-item-select-activated {
  color: rgba(var(--text-color), 0.25);
}
.univer-toolbar-item-select-disabled.univer-toolbar-item-select-activated:hover,
.univer-toolbar-item-select-activated {
  background-color: rgb(var(--grey-100));
}
.univer-toolbar-item-select:hover {
  background-color: rgb(var(--grey-100));
  border-radius: var(--border-radius-base);
}
.univer-toolbar-item-select-arrow {
  display: flex;
  align-items: center;
  height: 100%;
  color: rgb(var(--grey-400));
}
.univer-toolbar-item-select-arrow-disabled {
  cursor: not-allowed;
  color: rgb(var(--grey-200));
}
.univer-toolbar-item-select-arrow-disabled.univer-toolbar-item-select-arrow-activated {
  color: rgba(var(--text-color), 0.25);
}
.univer-toolbar-item-select-arrow-disabled.univer-toolbar-item-select-arrow-activated:hover,
.univer-toolbar-item-select-arrow-activated {
  background-color: rgb(var(--grey-100));
}
.univer-sidebar {
  position: relative;
  transform: translate(100%);
  box-sizing: border-box;
  width: 0;
  height: 100%;
  color: rgb(var(--text-color));
  transition: all 0.15s;
}
.univer-sidebar.univer-sidebar-open {
  transform: translate(0);
  width: 380px;
}
.univer-sidebar-container {
  overflow-y: auto;
  display: grid;
  grid-template-rows: auto 1fr auto;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  min-height: 100%;
  margin: auto;
  background-color: rgb(var(--bg-color-secondary));
  border-bottom: 1px solid rgb(var(--border-color));
  border-left: 1px solid rgb(var(--border-color));
  scrollbar-color: rgba(var(--scrollbar-color), 0.7) transparent;
  scrollbar-gutter: auto;
  scrollbar-width: thin;
}
.univer-sidebar-header {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: var(--padding-xl) var(--padding-xl) 0;
  font-size: var(--font-size-lg);
  font-weight: 500;
  background: rgb(var(--bg-color-secondary));
  box-sizing: border-box;
  z-index: 10;
}
.univer-sidebar-header-close {
  cursor: pointer;
  color: rgb(var(--text-color-secondary));
}
.univer-sidebar-body {
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.univer-sidebar-footer {
  position: sticky;
  bottom: 0;
  padding: var(--padding-xl);
  background: rgb(var(--bg-color-secondary));
  box-sizing: border-box;
}
.univer-zen-zone {
  position: absolute;
  z-index: -1;
  transition: all 0.2s ease-in-out;
}
.univer-zen-zone-open {
  z-index: 100;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgb(var(--bg-color));
  opacity: 1;
}
.univer-zen-zone-close {
  opacity: 0;
}
.univer-global-zone {
  position: absolute;
  display: none;
}
.univer-global-zone-open {
  z-index: 100;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgb(var(--bg-color));
}
.univer-global-zone-close {
  display: none;
}
.univer-workbench-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: rgb(var(--bg-color));
  min-height: 0;
  position: relative;
}
.univer-workbench-container {
  position: relative;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-height: 0;
}
.univer-workbench-container-header {
  position: relative;
  z-index: 10;
  width: 100%;
}
.univer-workbench-container-wrapper {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 100%;
  height: 100%;
  overflow: hidden;
}
.univer-workbench-container-content {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  flex: 1 1;
  background-color: rgb(var(--bg-color-secondary));
  border-bottom: 1px solid rgb(var(--border-color));
}
.univer-workbench-container-doc-content {
  background: rgb(var(--bg-color-secondary));
}
.univer-workbench-container-canvas {
  position: relative;
  overflow: hidden;
}
.univer-workbench-container-left-sidebar,
.univer-workbench-container-sidebar {
  height: 100%;
}
.univer-mobile-menu-container {
  min-width: 32px;
  max-width: 200px;
  display: grid;
  grid-gap: 4px;
  background-color: #000;
  border-radius: 4px;
  padding: 4px 8px;
}
.univer-mobile-menu-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  color: #fff;
  width: 48px;
}
.univer-mobile-menu-item > svg {
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.univer-mobile-menu-item > span {
  width: 100%;
  margin-top: 2px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.univer-app-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: rgb(var(--bg-color));
  min-height: 0;
  position: relative;
}
.univer-app-header {
  width: 100vw;
}
.univer-app-container {
  position: relative;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-height: 0;
}
.univer-app-container-header {
  position: relative;
  z-index: 10;
  width: 100%;
}
.univer-app-container-wrapper {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 100%;
  height: 100%;
  overflow: hidden;
}
.univer-app-container-content {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  flex: 1 1;
  background-color: rgb(var(--bg-color-secondary));
  border-bottom: 1px solid rgb(var(--border-color));
}
.univer-app-container-canvas {
  position: relative;
  overflow: hidden;
}
.univer-app-container-left-sidebar,
.univer-app-container-sidebar {
  height: 100%;
}
.univer-notification {
  position: fixed;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
  margin: var(--margin-xs) 0;
}
.univer-notification-notice {
  display: flex;
  gap: var(--margin-xs);
  justify-content: space-between;
  width: 280px;
  padding: var(--padding-lg);
  font-size: var(--font-size-lg);
  background-color: rgb(var(--color-white));
  border-radius: var(--border-radius-base);
  box-shadow: var(--box-shadow-lg);
}
.univer-notification-notice-wrapper {
  margin: var(--margin-xs) var(--margin-base);
}
.univer-notification-notice-content {
  display: inline-flex;
  gap: var(--margin-xs);
  align-items: center;
  align-items: flex-start;
}
.univer-notification-notice-close {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  padding: var(--padding-xs);
  color: rgb(var(--text-color-secondary));
  border-radius: var(--border-radius-base);
  outline: none;
  transition: background-color 0.2s;
}
.univer-notification-notice-close:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-notification-icon {
  padding: var(--padding-xs);
}
.univer-notification-icon-success {
  color: rgb(var(--success-color));
}
.univer-notification-icon-info {
  color: rgb(var(--info-color));
}
.univer-notification-icon-warning {
  color: rgb(var(--warning-color));
}
.univer-notification-icon-error {
  color: rgb(var(--error-color));
}
.univer-notification-content-container {
  display: inline-flex;
  flex-direction: column;
  gap: var(--margin-xs);
  align-items: flex-start;
  padding-top: var(--padding-xs);
}
.univer-notification-title {
  color: rgb(var(--text-color));
}
.univer-notification-content {
  color: rgb(var(--text-color-secondary));
}
.univer-notification-content-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.univer-notification-top,
.univer-notification-topLeft,
.univer-notification-topRight {
  top: 0;
}
.univer-notification-bottom,
.univer-notification-bottomRight,
.univer-notification-bottomLeft {
  bottom: 0;
}
.univer-notification-bottomRight,
.univer-notification-topRight {
  right: 0;
}
.univer-notification-fade {
  overflow: hidden;
  transition: all 0.3s;
}
.univer-notification-fade-appear-prepare {
  opacity: 0;
}
.univer-notification-fade-appear-start {
  transform: translate(100%);
  opacity: 0;
}
.univer-notification-fade-appear-active {
  transform: translate(0);
  opacity: 1;
}
.univer-notification-fade-appear,
.univer-notification-fade-enter {
  opacity: 0;
  animation-play-state: paused;
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-fill-mode: both;
}
.univer-notification-fade-leave {
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.univer-notification-fade-appear.univer-notification-fade-appear-active,
.univer-notification-fade-enter.univer-notification-fade-enter-active {
  animation-name: univer-notification-fade-in;
  animation-play-state: running;
}
.univer-notification-fade-leave.univer-notification-fade-leave-active {
  animation-name: univer-notification-fade-out;
  animation-play-state: running;
}
@keyframes univer-notification-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes univer-notification-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.univer-image-common-panel {
  text-align: center;
  padding: var(--padding-sm);
  font-size: var(--font-size-sm);
}
.univer-image-common-panel-grid {
  position: relative;
  width: 100%;
}
.univer-image-common-panel-border {
  border-top: 1px solid rgb(var(--border-color));
  margin-top: 20px;
}
.univer-image-common-panel-title {
  color: rgb(var(--text-color-secondary));
  text-align: left;
}
.univer-image-common-panel-subtitle {
  color: rgb(var(--text-color-primary));
  text-align: left;
}
.univer-image-common-panel-row {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-top: 10px;
}
.univer-image-common-panel-row-vertical {
  justify-content: center;
  align-items: center;
  height: 36px;
}
.univer-image-common-panel-column {
  width: 100%;
}
.univer-image-common-panel-column-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.univer-image-common-panel-inline {
  display: flex;
  align-items: center;
  gap: var(--margin-xxs);
}
.univer-image-common-panel-span2 {
  width: 50%;
}
.univer-image-common-panel-span3 {
  width: 33.33333333%;
}
.univer-image-common-panel-input {
  width: 90%;
}
.univer-image-popup-menu {
  display: grid;
  gap: var(--margin-xxs);
  align-items: center;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--padding-sm);
  font-size: var(--font-size-base);
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-lg);
}
.univer-image-popup-menu li {
  list-style: none;
}
.univer-image-popup-menu-item {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  font-size: var(--font-size-base);
  font-style: normal;
  line-height: 20px;
  text-align: left;
  border-radius: 4px;
  border-radius: var(--border-radius-base);
  transition: background 0.2s;
}
.univer-image-popup-menu-item:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-image-popup-menu-item-icon {
  position: absolute;
  top: 50%;
  left: var(--padding-xs);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.univer-image-popup-menu-item-title {
  padding: var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;
  vertical-align: middle;
}
.univer-image-popup-menu-item-hide {
  color: rgb(var(--text-color-secondary));
}
.univer-image-popup-menu-item:hover {
  background: rgb(var(--grey-100));
}
.univer-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  background: #fff;
  border: 1px solid rgb(var(--grey-200, #e5e5e5));
  border-radius: 4px;
}
.univer-btn-container:hover,
.univer-btn-container.univer-btn-container-expand {
  background: rgb(var(--grey-100, #f5f5f5));
}
.univer-text-editor-container {
  position: relative;
  width: 100%;
  height: 30px;
  -webkit-user-select: none;
          user-select: none;
  border: 1px solid rgb(var(--border-color));
  transition: all 0.15s;
  border-radius: var(--border-radius-base);
}
.univer-text-editor-container:hover,
.univer-text-editor-container:active,
.univer-text-editor-container-active,
.univer-text-editor-container-active:hover {
  border: 1px solid rgb(var(--hyacinth-500));
}
.univer-text-editor-container-error,
.univer-text-editor-container-error:hover {
  border: 1px solid rgb(var(--red-400));
}
.univer-text-editor-container-disabled,
.univer-text-editor-container-disabled:hover {
  border-color: rgb(var(--grey-100));
}
.univer-text-editor-container-placeholder {
  position: absolute;
  top: 49%;
  left: 5px;
  transform: translateY(-50%);
  color: rgb(var(--grey-400));
  font-size: var(--font-size-xs);
  pointer-events: none;
}
.univer-text-editor-validation-error {
  position: absolute;
  top: -16px;
  font-size: 10px;
  color: rgb(var(--red-400));
}
.univer-range-selector {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgb(var(--grey-600));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  width: 220px;
  height: 28px;
}
.univer-range-selector-editor {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
}
.univer-range-selector-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  margin-right: 4px;
  font-size: var(--font-size-lg);
  color: rgb(var(--text-color));
  background-color: transparent;
  border: none;
  border-radius: var(--border-radius-base);
  outline: none;
}
.univer-range-selector-icon:not([disabled]):hover {
  background-color: rgb(var(--grey-100));
}
.univer-range-selector-icon[disabled] {
  cursor: not-allowed;
  color: rgb(var(--grey-200));
}
.univer-range-selector:hover,
.univer-range-selector-active {
  border-color: rgb(var(--hyacinth-500));
}
.univer-range-selector-active .univer-range-selector-icon {
  color: rgb(var(--hyacinth-500));
}
.univer-range-selector-error {
  border-color: rgb(var(--red-400));
}
.univer-range-selector-error .univer-range-selector-icon {
  color: rgb(var(--red-400));
}
.univer-range-selector-error:hover {
  border-color: rgb(var(--red-400));
}
.univer-range-selector-disabled {
  border-color: rgb(var(--grey-100));
}
.univer-range-selector-disabled .univer-range-selector-icon {
  color: rgb(var(--grey-100));
}
.univer-range-selector-disabled:hover {
  border-color: rgb(var(--grey-100));
}
.univer-range-selector-modal {
  position: relative;
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto;
}
.univer-range-selector-modal-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.univer-range-selector-modal-container-input {
  display: inline-block;
  width: 280px;
}
.univer-range-selector-modal-container-input-active {
  border-color: rgb(var(--hyacinth-500));
}
.univer-range-selector-modal-container-button {
  display: inline-block;
  text-align: center;
  width: 28px;
}
.univer-range-selector-modal-container-button:hover {
  cursor: pointer;
  color: rgb(var(--hyacinth-500));
}
.univer-range-selector-modal-container-delete-button {
  margin: auto;
}
.univer-range-selector-modal-add {
  position: relative;
  width: 300px;
  margin-top: 5px;
  text-align: left;
  color: rgb(var(--hyacinth-500));
  font-size: var(--font-size-xs);
}
.univer-range-selector-modal-add .univer-range-selector-modal-add-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.univer-range-selector-modal-add .univer-range-selector-modal-add-button:hover {
  cursor: pointer;
  background-color: rgb(var(--hyacinth-500), 0.05);
}
.univer-panel {
  padding-top: 20px;
  font-size: var(--font-size-sm);
}
.univer-options-section {
  margin-top: 10px;
  padding-bottom: 10px;
}
.univer-options-form-item {
  display: block;
  margin-bottom: 5px;
}
.univer-options-input {
  width: 80%;
  margin-top: 5px;
}
.univer-options-margin-setting {
  display: flex;
}
.univer-doc-list-type-picker {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: var(--padding-sm);
  width: 240px;
  margin-bottom: -var(--margin-xs);
}
.univer-doc-list-type-picker-item {
  width: 72px;
  height: 81px;
  border-radius: 4px;
  border: 1px solid rgb(var(--border-color));
  margin-bottom: var(--margin-xs);
}
.univer-doc-list-type-picker-item:hover,
.univer-doc-list-type-picker-item-active {
  border: 1px solid rgb(var(--blue-400));
}
.univer-doc-count-bar {
  display: flex;
  flex: 0 0 260px;
  justify-content: flex-end;
}
.univer-doc-footer-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--padding-xl);
}
.univer-paragraph-setting-icon-list {
  display: flex;
  width: 100%;
  padding: 4px;
  align-items: center;
  gap: 4px;
  justify-content: space-between;
  border: 1px solid var(---Grey-200, #e5e5e5);
  border-radius: var(--radius-m, 6px);
}
.univer-paragraph-setting-icon-list-item {
  padding: 4px 14px;
  border-radius: 4px;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.univer-paragraph-setting-icon-list-item:hover {
  background: var(--black-6, rgba(30, 34, 43, 0.06));
}
.univer-paragraph-setting-icon-list-item.univer-paragraph-setting-icon-list-active {
  background: var(--black-9, rgba(30, 34, 43, 0.09));
}
.univer-paragraph-setting-title {
  margin-top: var(--margin-base);
  font-size: 13px;
  color: #1e222b;
  font-weight: 500;
}
.univer-paragraph-setting-label {
  font-size: 12px;
  margin-top: var(--margin-sm);
  color: #1e222b;
  font-weight: 400;
}
.univer-paragraph-setting-mt-base {
  margin-top: var(--margin-base);
}
.univer-paragraph-setting-flex-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.univer-paragraph-setting-space-line {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.univer-create {
  padding: 20px auto;
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.univer-create-item {
  display: flex;
  align-items: center;
}
.univer-create-label {
  margin-right: 5px;
}
.univer-create-input {
  width: 110px;
}
.univer-image-common-panel {
  text-align: center;
  padding: var(--padding-sm);
  font-size: var(--font-size-sm);
}
.univer-image-common-panel-grid {
  position: relative;
  width: 100%;
}
.univer-image-common-panel-border {
  border-top: 1px solid rgb(var(--border-color));
  margin-top: 20px;
}
.univer-image-common-panel-title {
  color: rgb(var(--text-color-secondary));
  text-align: left;
}
.univer-image-common-panel-subtitle {
  color: rgb(var(--text-color-primary));
  text-align: left;
}
.univer-image-common-panel-row {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-top: 10px;
}
.univer-image-common-panel-row-vertical {
  justify-content: center;
  align-items: center;
  height: 36px;
}
.univer-image-common-panel-column {
  width: 100%;
}
.univer-image-common-panel-column-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.univer-image-common-panel-inline {
  display: flex;
  align-items: center;
  gap: var(--margin-xxs);
}
.univer-image-common-panel-span2 {
  width: 50%;
}
.univer-image-common-panel-span3 {
  width: 33.33333333%;
}
.univer-image-common-panel-input {
  width: 90%;
}
.univer-sheet-image-menu {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
}
.univer-sheet-image-menu-input {
  display: none;
}
.univer-ui-plugin-sheets-border-panel {
  display: grid;
  gap: var(--margin-sm);
}
.univer-ui-plugin-sheets-border-panel-position {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--margin-xxs);
  box-sizing: border-box;
  padding-bottom: var(--padding-base);
  border-bottom: 1px solid rgb(var(--border-color));
}
.univer-ui-plugin-sheets-border-panel-position-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: var(--font-size-lg);
  border-radius: var(--border-radius-base);
}
.univer-ui-plugin-sheets-border-panel-position-item:hover,
.univer-ui-plugin-sheets-border-panel-position-item-active {
  background-color: rgb(var(--bg-color-hover));
}
.univer-ui-plugin-sheets-border-panel-styles {
  display: flex;
  gap: var(--margin-xs);
  align-items: center;
  justify-content: space-around;
}
.univer-ui-plugin-sheets-border-panel-board {
  box-sizing: border-box;
  padding: var(--padding-base);
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-base);
}
.univer-ui-plugin-sheets-border-panel-button {
  cursor: pointer;
  position: relative;
  display: flex;
  gap: var(--margin-xs);
  align-items: center;
  height: 24px;
  padding: 0 var(--padding-xs);
  font-size: var(--font-size-lg);
  border-radius: var(--border-radius-base);
  transition: all 0.15s;
}
.univer-ui-plugin-sheets-border-panel-button:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-ui-plugin-sheets-border-panel-more-icon {
  color: rgb(var(--grey-400));
}
.univer-sheets-ui-context-menu-input {
  display: flex;
  gap: var(--margin-sm);
  align-items: center;
}
.univer-sheets-ui-context-menu-input-container {
  width: 72px;
}
.univer-sheets-ui-context-menu-input-number {
  height: 24px;
}
.univer-defined-name {
  display: flex;
  position: relative;
  transition: height 0.15s;
  border-right: 1px solid rgb(var(--border-color));
  height: 100%;
  width: 100px;
  box-sizing: border-box;
}
.univer-defined-name-drop-down {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-xs);
  cursor: pointer;
  position: absolute;
  right: 0;
  height: 100%;
}
.univer-defined-name-drop-down:hover {
  background-color: rgb(var(--grey-50));
  color: rgb(var(--primary-color));
}
.univer-defined-name-drop-down-disable {
  color: rgb(var(--grey-200));
  cursor: not-allowed;
}
.univer-defined-name-drop-down-disable:hover {
  color: rgb(var(--grey-200));
}
.univer-defined-name-overlay {
  position: relative;
  border: 1px solid rgb(var(--border-color));
  width: 300px;
  background-color: rgb(var(--color-white));
  transform: translate(-75px);
}
.univer-defined-name-overlay-container {
  position: relative;
  height: 100%;
  max-height: 400px;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(var(--scrollbar-color), 0.7) transparent;
  scrollbar-gutter: auto;
  scrollbar-width: thin;
}
.univer-defined-name-overlay-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-xs);
  border-bottom: 1px solid rgb(var(--border-color));
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.univer-defined-name-overlay-item:hover {
  background-color: rgb(var(--grey-50));
}
.univer-defined-name-overlay-item-name {
  font-size: var(--font-size-md);
  color: rgb(var(--grey-900));
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1;
}
.univer-defined-name-overlay-item-name-for-sheet {
  font-size: var(--font-size-xxs);
  color: rgb(var(--grey-400));
  margin-left: 5px;
  font-weight: 400;
}
.univer-defined-name-overlay-item-formula {
  font-size: var(--font-size-xs);
  color: rgb(var(--grey-800));
  margin: 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1;
}
.univer-defined-name-overlay-manager {
  position: absolute;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  background-color: rgb(var(--color-white));
}
.univer-defined-name-overlay-manager:hover {
  background-color: rgb(var(--grey-50));
}
.univer-defined-name-overlay-manager-title {
  font-size: var(--font-size-xs);
  font-weight: 700;
  margin: var(--margin-xs);
  margin-bottom: 0;
  color: rgb(var(--grey-800));
}
.univer-defined-name-overlay-manager-content {
  font-size: var(--font-size-xxs);
  margin: var(--margin-xs);
  color: rgb(var(--grey-500));
}
.univer-defined-name-container {
  width: 100%;
  position: relative;
}
.univer-defined-name-container-scroll {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
}
.univer-defined-name-container-addButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-top: 1px solid rgb(var(--border-color));
  border-bottom: 1px solid rgb(var(--border-color));
  font-size: var(--font-size-md);
  color: rgb(var(--primary-color));
}
.univer-defined-name-container-addButton:hover {
  background-color: rgb(var(--grey-50));
  cursor: pointer;
}
.univer-defined-name-container-addButton-text {
  margin-left: 5px;
}
.univer-defined-name-container-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-xs);
  border-bottom: 1px solid rgb(var(--border-color));
  -webkit-user-select: none;
          user-select: none;
  cursor: default;
}
.univer-defined-name-container-item-name {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: rgb(var(--color-black));
  margin: 5px 0;
  max-width: 190px;
  max-height: 100px;
  overflow: hidden;
}
.univer-defined-name-container-item-name-for-sheet {
  font-size: var(--font-size-xxs);
  color: rgb(var(--grey-400));
  margin-left: 5px;
  font-weight: 400;
}
.univer-defined-name-container-item-formula-or-refString {
  font-size: var(--font-size-xs);
  color: rgb(var(--grey-500));
  font-weight: 400;
  margin: 5px 0;
  max-height: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.univer-defined-name-container-item-update {
  position: absolute;
  font-size: var(--font-size-xs);
  color: rgb(var(--primary-color));
  cursor: pointer;
  padding: 4px;
  transform: translateY(-50%);
  border-radius: var(--border-radius-base);
  right: 60px;
  top: 20px;
}
.univer-defined-name-container-item-update:hover {
  background-color: rgb(var(--hyacinth-50));
}
.univer-defined-name-container-item-delete {
  position: absolute;
  font-size: var(--font-size-xs);
  color: rgb(var(--error-color));
  cursor: pointer;
  padding: 4px;
  right: 20px;
  top: 20px;
  transform: translateY(-50%);
  border-radius: var(--border-radius-base);
}
.univer-defined-name-container-item-delete:hover {
  background-color: rgb(var(--hyacinth-50));
}
.univer-defined-name-container-item-show {
  display: none;
}
.univer-defined-name-container-item:hover {
  background-color: rgb(var(--grey-50));
}
.univer-defined-name-container-item:hover .univer-defined-name-container-item-show {
  display: block;
}
.univer-defined-name-input {
  display: flex;
  align-items: center;
  justify-content: left;
  border-bottom: 1px solid rgb(var(--border-color));
  padding-bottom: 5px;
}
.univer-defined-name-input > div {
  margin-top: 16px;
}
.univer-defined-name-input-formula-selector-text-wrap {
  margin-top: 16px;
  height: 100%;
  position: relative;
  padding: 0 0 0 6px;
  border: 1px solid rgb(var(--border-color));
  transition: all 0.15s;
  border-radius: var(--border-radius-base);
}
.univer-defined-name-input-text-editor-container {
  position: relative;
  width: 95%;
  height: 30px;
  -webkit-user-select: none;
          user-select: none;
}
.univer-defined-name-input-validation {
  display: flex;
  align-items: center;
  justify-content: left;
  color: rgb(var(--error-color));
  font-size: var(--font-size-xs);
}
.univer-defined-name-input-validation > span {
  margin-right: 2px;
}
.univer-defined-name-input-disable {
  color: rgb(var(--grey-200));
  cursor: not-allowed;
}
.univer-count-bar {
  display: flex;
  flex: 0 0 260px;
  justify-content: flex-end;
}
.univer-editor-container {
  position: absolute;
  z-index: 10;
  top: 200px;
  left: 100px;
  display: flex;
  width: 100px;
  height: 50px;
  border: 1px solid rgb(var(--primary-color));
  box-shadow: none;
  box-sizing: border-box;
}
.univer-editor-container .univer-editor-input {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.univer-editor-container .univer-editor-input canvas {
  position: absolute;
}
.univer-formula-box {
  display: flex;
  box-sizing: border-box;
  height: 28px;
  background: rgb(var(--bg-color-secondary));
  border-bottom: 1px solid rgb(var(--border-color));
  transition: height 0.15s;
}
.univer-formula-box .univer-name-ranges {
  box-sizing: border-box;
  width: 100px;
  height: 100%;
  position: relative;
}
.univer-formula-box .univer-formula-bar {
  display: flex;
  width: 100%;
  height: 100%;
}
.univer-formula-box .univer-formula-bar .univer-formula-icon {
  padding: 6px 0;
}
.univer-formula-box .univer-formula-bar .univer-formula-icon-disable {
  color: rgb(var(--grey-200));
  cursor: not-allowed;
}
.univer-formula-box .univer-formula-bar .univer-formula-icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 80px;
  height: 100%;
  font-size: var(--font-size-xs);
  border-right: 1px solid rgb(var(--border-color));
}
.univer-formula-box .univer-formula-bar .univer-formula-icon-wrapper .univer-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs);
  font-size: var(--font-size-lg);
  border-radius: var(--border-radius-base);
}
.univer-formula-box .univer-formula-bar .univer-formula-icon-wrapper .univer-icon-container-success.univer-formula-active {
  cursor: pointer;
  color: rgb(var(--success-color));
}
.univer-formula-box .univer-formula-bar .univer-formula-icon-wrapper .univer-icon-container-success.univer-formula-active:hover {
  background-color: rgb(var(--grey-50));
}
.univer-formula-box .univer-formula-bar .univer-formula-icon-wrapper .univer-icon-container-error.univer-formula-active {
  cursor: pointer;
  color: rgb(var(--error-color));
}
.univer-formula-box .univer-formula-bar .univer-formula-icon-wrapper .univer-icon-container-error.univer-formula-active:hover {
  background-color: rgb(var(--grey-50));
}
.univer-formula-box .univer-formula-bar .univer-formula-icon-wrapper .univer-icon-container-fx {
  cursor: pointer;
}
.univer-formula-box .univer-formula-bar .univer-formula-icon-wrapper .univer-icon-container-fx:hover {
  background-color: rgb(var(--grey-50));
}
.univer-formula-box .univer-formula-bar .univer-formula-input {
  overflow: hidden;
  display: flex;
  flex: 1 1;
  width: 100%;
  padding: 0 0 0 10px;
}
.univer-formula-box .univer-formula-bar .univer-formula-input .univer-formula-content {
  position: relative;
  width: 100%;
  height: 100%;
  word-wrap: break-word;
  outline: none;
}
.univer-formula-box .univer-formula-bar .univer-formula-input .univer-arrow-container {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 100%;
  font-size: var(--font-size-xs);
  color: rgb(var(--text-color-secondary));
}
.univer-formula-box .univer-formula-bar .univer-formula-input .univer-arrow-container-disable {
  color: rgb(var(--grey-200));
  cursor: not-allowed;
}
.univer-operate-container {
  position: absolute;
  z-index: 10;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
}
.univer-auto-fill-popup-menu {
  display: grid;
  gap: var(--margin-xxs);
  align-items: center;
  box-sizing: border-box;
  min-width: 128px;
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--padding-sm);
  font-size: var(--font-size-base);
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-lg);
}
.univer-auto-fill-popup-menu li {
  list-style: none;
}
.univer-auto-fill-popup-menu-item {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 134px;
  height: 28px;
  padding: var(--padding-xs) 0 var(--padding-xs) 36px;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgb(var(--black, #35322b));
  text-align: left;
  border-radius: 4px;
  border-radius: var(--border-radius-base);
  transition: background 0.2s;
}
.univer-auto-fill-popup-menu-item:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-auto-fill-popup-menu-item-icon {
  position: absolute;
  top: 50%;
  left: var(--padding-xs);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.univer-auto-fill-popup-menu-item-title {
  padding: var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;
  vertical-align: middle;
}
.univer-auto-fill-popup-menu-item-hide {
  color: rgb(var(--text-color-secondary));
}
.univer-auto-fill-popup-menu-item:hover {
  background: rgb(var(--grey-100));
}
.univer-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  background: #fff;
  border: 1px solid rgb(var(--grey-200, #e5e5e5));
  border-radius: 4px;
}
.univer-btn-container:hover,
.univer-btn-container.univer-btn-container-expand {
  background: rgb(var(--grey-100, #f5f5f5));
}
.univer-sheet-bar {
  position: relative;
  display: flex;
  flex: 1 1;
  flex-direction: row;
  min-width: calc(100% - 592px);
  max-width: calc(100% - 260px);
  height: 100%;
  background-color: rgb(var(--bg-color-secondary));
}
.univer-sheet-bar-options {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: var(--margin-xxs);
  transition: display 0.2s;
}
.univer-sheet-bar-options-divider:after {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  margin: 0 var(--margin-xs);
  background-color: rgb(var(--grey-400));
}
.univer-sheet-bar-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: var(--font-size-lg);
  color: rgb(var(--text-color-secondary-darker));
  background-color: transparent;
  border: none;
  border-radius: var(--border-radius-base);
  outline: none;
}
.univer-sheet-bar-btn:not([disabled]):hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-sheet-bar-btn[disabled] {
  cursor: not-allowed;
  color: rgb(var(--grey-200));
}
.univer-sheet-bar-menu {
  max-height: calc(100vh - 36px);
  display: grid;
  gap: var(--margin-xxs);
  align-items: center;
  overflow-y: auto;
  box-sizing: border-box;
  margin: 0;
  padding: var(--padding-sm);
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-lg);
}
.univer-sheet-bar-menu li {
  list-style: none;
}
.univer-sheet-bar-menu-item {
  cursor: pointer;
  position: relative;
  display: flex;
  box-sizing: border-box;
  padding: var(--padding-xs) 24px;
  color: rgb(var(--text-color));
  border-radius: var(--border-radius-base);
  transition: background 0.2s;
}
.univer-sheet-bar-menu-item:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-sheet-bar-menu-item-icon {
  position: absolute;
  top: 50%;
  left: var(--margin-xxs);
  transform: translateY(-50%);
  color: transparent;
}
.univer-sheet-bar-menu-item-hide .univer-sheet-bar-menu-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: rgb(var(--grey-400));
}
.univer-sheet-bar-menu-item-select {
  font-weight: 500;
  color: rgb(var(--primary-color));
}
.univer-sheet-bar-menu-item-select .univer-sheet-bar-menu-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: rgb(var(--primary-color));
}
.univer-sheet-bar-menu-item-label {
  font-size: var(--font-size-xs);
  font-weight: 400;
  line-height: 20px;
  display: flex;
  align-items: center;
}
.univer-slide-tab-bar-container {
  overflow: hidden;
  max-width: calc(100% - 112px);
}
.univer-slide-tab-bar-container .univer-slide-tab-bar {
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--padding-xs) 6px;
  transition: box-shadow 0.2s;
}
.univer-slide-tab-item {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  box-sizing: border-box;
  margin: 0 var(--margin-xxs);
  font-size: var(--font-size-xs);
  line-height: 16px;
  color: rgb(var(--grey-1000));
  border-radius: var(--border-radius-base);
}
.univer-slide-tab-item:not(.univer-slide-tab-active):hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-slide-tab-item .univer-slide-tab-div {
  box-sizing: border-box;
  padding: var(--padding-xs) var(--padding-sm);
  white-space: nowrap;
  border: 2px solid transparent;
  border-radius: var(--border-radius-base);
  display: flex;
  align-items: center;
}
.univer-slide-tab-item .univer-slide-tab-div-edit {
  cursor: text;
  outline: none;
}
.univer-slide-tab-item .univer-slide-tab-div-edit::selection {
  color: rgb(var(--color-white));
  background-color: rgb(var(--primary-color));
}
.univer-slide-tab-active {
  font-weight: 700;
  color: rgb(var(--primary-color));
  background-color: rgb(var(--bg-color-secondary));
  box-shadow: 0 0 8px #00000014;
  transition: box-shadow 0.2s;
  display: flex;
  justify-content: center;
}
.univer-slide-tab-item-dropdown {
  -webkit-user-select: none;
          user-select: none;
  min-width: auto !important;
}
.univer-status-bar {
  display: flex;
  align-items: center;
  max-width: 332px;
}
.univer-status-bar.univer-single-mode {
  max-width: 136px;
}
.univer-status-bar-div {
  width: 1px;
  height: 16px;
  margin-left: 10px;
  background: rgb(var(--grey-400, #ccc));
}
.univer-statistic-list {
  display: flex;
}
.univer-statistic-list-column {
  flex-direction: column;
}
.univer-statistic-list-column .univer-statistic-item {
  font-size: 12px;
  line-height: 140%;
  color: rgb(var(--grey-500));
}
.univer-statistic-item {
  cursor: default;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  max-width: 106px;
  margin-right: 8px;
  font-size: var(--font-size-xxs);
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgb(var(--grey-900));
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.univer-statistic-item:hover {
  color: rgb(var(--color-black));
}
.univer-statistic-picker {
  display: grid;
  gap: var(--margin-sm);
  align-items: center;
  box-sizing: border-box;
  width: 196px;
  padding: var(--padding-base);
  font-size: var(--font-size-xs);
  background-color: rgb(var(--color-white));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-lg);
}
.univer-statistic-picker-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.univer-statistic-more {
  transform: rotate(90deg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  color: rgb(var(--grey-600, #e8e8e8));
  border-radius: 4px;
}
.univer-statistic-more:hover {
  background: rgb(var(--grey-300, #e8e8e8));
}
.univer-sheet-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 36px;
  padding: 0 var(--padding-xl);
  background-color: rgb(var(--bg-color-secondary));
}
.univer-sheet-container > span:not(:last-of-type) {
  margin-right: 4px;
}
.univer-cell-alert {
  box-sizing: border-box;
  box-shadow: var(--box-shadow-base);
  padding: var(--padding-sm) var(--padding-base);
  border-radius: var(--border-radius-lg);
  color: rgba(var(--color-black));
  background: rgba(var(--color-white));
  z-index: 100;
  width: 156px;
}
.univer-cell-alert-title {
  height: 20px;
  font-size: var(--font-size-sm);
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 6px;
  line-height: 20px;
}
.univer-cell-alert-icon {
  margin-right: 6px;
}
.univer-cell-alert-icon-error {
  color: rgba(var(--red-400));
}
.univer-cell-alert-icon-info {
  color: rgba(var(--blue-500));
}
.univer-cell-alert-icon-warning {
  color: rgba(var(--gold-400));
}
.univer-cell-alert-content {
  font-size: var(--font-size-sm);
}
.univer-sheet-permission-panel-footer {
  display: flex;
  flex-direction: row-reverse;
}
.univer-sheet-permission-panel-footer-cancel {
  margin-right: 12px;
}
.univer-sheet-permission-panel-add-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.univer-sheet-permission-panel-add-button div {
  margin-right: 4px;
}
.univer-sheet-permission-list-panel-wrapper {
  margin-top: var(--margin-xs);
  height: 100%;
}
.univer-sheet-permission-list-panel-header {
  display: flex;
  padding: var(--padding-sm) 0;
  height: 30px;
}
.univer-sheet-permission-list-panel-header-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: var(--margin-lg);
  cursor: pointer;
}
.univer-sheet-permission-list-panel-header-type div {
  height: 24px;
  line-height: 24px;
}
.univer-sheet-permission-list-panel-header-type-bottom {
  height: 2px;
  width: 24px;
  background-color: rgb(var(--blue-500));
  margin-top: var(--margin-xxs);
}
.univer-sheet-permission-list-panel-header-select {
  color: rgb(var(--blue-500));
  height: 24px;
  line-height: 24px;
  font-size: var(--font-size-lg);
  font-weight: 500;
}
.univer-sheet-permission-list-item-header-icon {
  border-radius: var(--border-radius-base);
  height: 24px;
  padding: 4px;
  box-sizing: border-box;
}
.univer-sheet-permission-list-item-header-icon:hover {
  background-color: rgb(var(--grey-200));
}
.univer-sheet-permission-list-item {
  margin-top: var(--margin-sm);
  border-radius: var(--border-radius-lg);
  border: 1px solid rgb(var(--grey-200));
  padding: var(--padding-base);
}
.univer-sheet-permission-list-item:hover {
  background-color: rgb(var(--grey-50));
}
.univer-sheet-permission-list-item-header {
  height: 20px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}
.univer-sheet-permission-list-item-header-name {
  font-weight: 500;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.univer-sheet-permission-list-item-header-operator {
  display: flex;
  align-items: center;
}
.univer-sheet-permission-list-item-header-operator div {
  margin-left: var(--margin-xs);
}
.univer-sheet-permission-list-item-split {
  height: 1px;
  background-color: rgb(var(--grey-200));
  margin: var(--margin-xs) 0;
}
.univer-sheet-permission-list-item-content-edit {
  display: flex;
  align-items: center;
}
.univer-sheet-permission-list-item-content-view {
  display: flex;
  align-items: center;
  margin-top: var(--margin-xs);
}
.univer-sheet-permission-list-item-content-desc {
  font-size: 12px;
  color: rgb(var(--grey-400));
  max-width: 256px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: var(--margin-xs);
}
.univer-sheet-permission-list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.univer-sheet-permission-list-empty-text {
  width: 240px;
  word-wrap: break-word;
  color: rgb(var(--grey-400));
  font-size: 13px;
}
.univer-sheet-permission-list-item-content-title {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  flex-grow: 1;
  color: rgb(var(--color-black));
}
.univer-sheet-permission-list-item-content-sub {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  color: rgb(var(--grey-600));
}
.univer-spin-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.univer-spin-overlay {
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background-color: #ffffff80;
  z-index: 10;
}
.univer-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: univer-spin 2s linear infinite;
}
.univer-content-blur {
  filter: blur(2px);
  pointer-events: none;
}
@keyframes univer-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.univer-permission-panel-detail-wrapper {
  margin-top: 16px;
  height: 100%;
}
.univer-radio-group-vertical {
  display: flex;
  flex-direction: column;
  font-weight: 400;
}
.univer-sheet-permission-design-person-panel {
  height: 300px;
  border: 1px solid rgb(var(--grey-200));
  border-radius: var(--border-radius-lg);
  padding: var(--padding-base);
  margin-bottom: var(--margin-xs);
  display: flex;
  flex-direction: column;
}
.univer-sheet-permission-design-person-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.univer-sheet-permission-design-person-panel-header-add {
  cursor: pointer;
  color: rgb(var(--blue-500));
}
.univer-sheet-permission-design-person-panel-split {
  height: 1px;
  background-color: rgb(var(--grey-200));
  margin: var(--margin-xs) 0;
}
.univer-sheet-permission-design-person-panel-content-item {
  height: 28px;
  line-height: 28px;
  margin-bottom: var(--margin-sm);
  display: flex;
  align-items: center;
}
.univer-sheet-permission-design-person-panel-content-item:last-child {
  margin-bottom: 0;
}
.univer-sheet-permission-design-person-panel-content-item-name {
  width: 130px;
  color: rgb(var(--color-black));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 6px;
}
.univer-sheet-permission-design-person-panel-content-item-select {
  width: 90px;
  cursor: pointer;
}
.univer-sheet-permission-design-person-panel .univer-sheet-permission-design-person-panel-content-item-select.univer-select-single:not(.univer-select-customize-input) .univer-select-selector {
  border: none;
  padding: 0;
  color: rgb(var(--grey-900));
}
.univer-sheet-permission-design-person-panel .univer-sheet-permission-design-person-panel-content-item-select.univer-select-show-arrow .univer-select-arrow {
  right: 0;
}
.univer-sheet-permission-design-person-panel-content {
  flex: 1 1;
}
.univer-sheet-permission-panel-title {
  font-weight: 500;
}
.univer-permission-range-selector {
  font-weight: 400;
}
.univer-permission-range-selector-error,
.univer-sheet-permission-panel-name-input-error,
.univer-permission-range-selector-error:hover,
.univer-sheet-permission-panel-name-input-error:hover {
  border: 1px solid rgb(var(--red-400));
}
.univer-permission-range-selector-error-text,
.univer-sheet-permission-panel-name-input-error-text {
  height: 20px;
  line-height: 20px;
  color: rgb(var(--red-400));
  font-size: var(--font-size-xs);
  font-weight: 400;
}
.univer-sheet-permission-dialog-wrapper {
  display: flex;
  flex-direction: column;
  padding: 2px;
}
.univer-sheet-permission-dialog-split {
  height: 1px;
  background-color: rgb(var(--grey-200));
}
.univer-sheet-permission-dialog-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 20px;
  line-height: 20px;
  margin: 6px 0;
}
.univer-sheet-permission-user-dialog-footer {
  height: 36px;
  padding: var(--padding-xs) 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: var(--margin-xs);
}
.univer-sheet-permission-user-dialog-button {
  height: 32px;
  line-height: 32px;
  padding: 0px var(--padding-base);
}
.univer-sheet-permission-user-dialog-wrapper {
  height: 329px;
  padding: var(--padding-base);
  box-sizing: content-box;
}
.univer-sheet-permission-user-dialog-search-input {
  width: 256px;
  height: 32px;
}
.univer-sheet-permission-user-list {
  height: 240px;
  overflow-y: auto;
}
.univer-sheet-permission-user-list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.univer-sheet-permission-user-list-empty-text {
  width: 240px;
  word-wrap: break-word;
  color: rgb(var(--grey-400));
  font-size: 13px;
}
.univer-sheet-permission-user-item {
  display: flex;
  align-items: center;
  margin: var(--margin-xs) 0;
  border-radius: 6px;
  padding: var(--padding-xs) var(--padding-sm);
}
.univer-sheet-permission-user-item:hover {
  background-color: rgb(var(--grey-50));
}
.univer-sheet-permission-user-item div {
  margin-left: 6px;
}
.univer-sheet-permission-user-item-name {
  width: 186px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.univer-sheet-permission-split {
  height: 1px;
  background-color: rgb(var(--grey-200));
}
.univer-sheet-permission-user-dialog-footer {
  height: 36px;
  padding: var(--padding-xs) 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: var(--margin-xs);
  height: 28px;
}
.univer-sheet-permission-user-dialog-footer-confirm {
  margin-left: var(--margin-sm);
}
.univer-sheet-permission-user-dialog-button {
  height: 28px;
  line-height: 28px;
  padding: 0px var(--padding-base);
}
.univer-sheet-permission-alert-dialog {
  padding: var(--padding-xl) 24px;
}
.univer-sheet-permission-alert-dialog-title {
  font-size: var(--font-size-lg);
  font-weight: 500;
  margin-bottom: var(--margin-base);
}
.univer-sheet-permission-alert-dialog-button {
  margin-top: var(--margin-lg);
  display: flex;
  justify-content: flex-end;
}
.sheet-permission-user-dialog .univer-dialog-close,
.sheet-permission-user-dialog .univer-dialog-header {
  display: none;
}
.sheet-permission-user-dialog .univer-dialog-body {
  padding: 0;
}
.univer-mobile-sheet-bar-container {
  width: 100%;
  overflow-x: scroll;
  height: 32px;
  background-color: rgb(var(--bg-color));
}
.univer-mobile-sheet-bar-slider {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 32px;
}
.univer-mobile-sheet-bar-item {
  align-items: center;
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 0;
  flex-wrap: nowrap;
  font-size: 12px;
  height: 100%;
  line-height: 28px;
  min-width: 48px;
  overflow: hidden;
  padding: 2px 4px;
  text-align: center;
  white-space: nowrap;
  border-right: 1px solid rgb(var(--border-color));
  background-color: rgb(var(--bg-color));
  text-overflow: ellipsis;
  max-width: 120px;
}
.univer-mobile-sheet-bar-item.univer-mobile-sheet-bar-item-activated {
  color: rgb(var(--primary-color));
  background-color: rgb(var(--bg-color-secondary));
}
.univer-sheet-range-selector-text-wrap {
  height: 32px;
  padding: 6px 8px 2px 6px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 8px;
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  box-sizing: border-box;
  position: relative;
}
.univer-sheet-range-selector-placeholder {
  font-size: 14px;
  color: rgb(var(--grey-500));
  position: absolute;
  left: 5px;
  bottom: 8px;
}
.univer-sheet-range-selector-error {
  border: 1px solid rgb(var(--red-500));
}
.univer-sheet-range-selector-error-wrap {
  font-size: 12px;
  color: rgb(var(--red-500));
  position: absolute;
  bottom: -18px;
  left: 0;
}
.univer-sheet-range-selector-text {
  position: relative;
  height: 22px;
  width: 100%;
}
.univer-sheet-range-selector-active {
  border-color: rgb(var(--hyacinth-500));
}
.univer-sheet-range-selector-icon {
  cursor: pointer;
}
.univer-sheet-range-selector-dialog-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 8px;
}
.univer-sheet-range-selector-dialog-item-delete {
  cursor: pointer;
}
.univer-formula-help-function {
  -webkit-user-select: none;
          user-select: none;
  box-sizing: border-box;
  width: 250px;
  margin: 0;
  line-height: 20px;
  list-style: none;
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  outline: none;
  box-shadow: var(--box-shadow-base);
}
.univer-formula-help-function-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: var(--padding-base) var(--padding-lg);
  font-size: var(--font-size-xxs);
  font-weight: 500;
  color: rgb(var(--text-color));
  overflow-wrap: anywhere;
  border-bottom: 1px solid rgb(var(--border-color));
}
.univer-formula-help-function-title-icons {
  display: flex;
}
.univer-formula-help-function-title-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: var(--margin-xs);
  padding: 0;
  font-size: var(--font-size-xs);
  color: rgb(var(--text-color-secondary));
  background-color: transparent;
  border: none;
  border-radius: var(--border-radius-base);
  outline: none;
  transition: background-color 0.2s;
}
.univer-formula-help-function-title-icon:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-formula-help-function-content {
  overflow-y: auto;
  box-sizing: border-box;
  max-height: 350px;
  padding: 0 var(--padding-lg) var(--padding-base) var(--padding-lg);
}
.univer-formula-help-function-content-inner {
  margin-top: var(--margin-sm);
}
.univer-formula-help-function-content-params {
  margin: var(--margin-xs) 0;
}
.univer-formula-help-function-content-params-title {
  margin-bottom: var(--margin-xs);
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: rgb(var(--text-color));
}
.univer-formula-help-function-content-params-detail {
  font-size: var(--font-size-xxs);
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: rgb(var(--text-color-secondary));
}
.univer-formula-help-function-active {
  color: rgb(var(--primary-color));
}
.univer-formula-help-decorator {
  cursor: pointer;
  position: fixed;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xs);
}
.univer-formula-help-param,
.univer-formula-help-param-prefix,
.univer-formula-help-param-item,
.univer-formula-help-param-active {
  z-index: 1;
}
.univer-formula-search-function {
  box-sizing: border-box;
  width: 250px;
  max-height: 400px;
  margin: 0;
  padding: var(--padding-sm);
  line-height: 20px;
  list-style: none;
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  outline: none;
  box-shadow: var(--box-shadow-base);
  overflow: hidden;
  overflow-y: auto;
}
.univer-formula-search-function-item {
  cursor: pointer;
  box-sizing: border-box;
  padding: var(--padding-xs) var(--padding-sm);
  color: rgb(var(--text-color));
  border-radius: var(--border-radius-base);
  transition: background 0.2s;
}
.univer-formula-search-function-item-name {
  font-size: var(--font-size-xxs);
}
.univer-formula-search-function-item-name-light {
  color: rgb(var(--error-color));
}
.univer-formula-search-function-item-desc {
  display: block;
  font-size: var(--font-size-xxs);
  color: rgb(var(--grey-500));
}
.univer-formula-search-function-item-active {
  background-color: rgb(var(--bg-color-hover));
}
.univer-formula-more-functions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  line-height: 20px;
}
.univer-formula-more-functions-operation {
  display: flex;
  justify-content: flex-end;
}
.univer-formula-more-functions-operation > button {
  margin: 0 0 var(--margin-lg) var(--margin-base);
}
.univer-formula-function-params {
  margin-bottom: var(--margin-xs);
  font-size: var(--font-size-xxs);
}
.univer-formula-function-params-title {
  font-weight: 500;
  color: rgb(var(--text-color-secondary));
}
.univer-formula-function-params-detail {
  font-weight: 400;
  color: rgb(var(--text-color));
}
.univer-formula-input-params-list {
  overflow-y: auto;
  height: 364px;
}
.univer-formula-input-params-list-item-name {
  font-size: var(--font-size-sm);
}
.univer-formula-input-params-list-item-selector {
  margin: var(--margin-xxs) 0 var(--margin-xs) 0;
}
.univer-formula-select-function-select {
  display: flex;
  gap: 10%;
  align-items: center;
  justify-content: space-between;
}
.univer-formula-select-function-result {
  -webkit-user-select: none;
          user-select: none;
  overflow-y: auto;
  box-sizing: border-box;
  width: 100%;
  max-height: 364px;
  margin: 0;
  margin-top: var(--margin-xs);
  padding: var(--padding-base);
  list-style: none;
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  outline: none;
}
.univer-formula-select-function-result-item {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding: var(--padding-xs) 28px;
  font-size: var(--font-size-xs);
  color: rgb(var(--text-color));
  border-radius: var(--border-radius-base);
  transition: background 0.2s;
}
.univer-formula-select-function-result-item > span {
  display: block;
}
.univer-formula-select-function-result-item-name-light {
  color: rgb(var(--error-color));
}
.univer-formula-select-function-result-item-selected {
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  display: inline-flex;
  font-size: var(--font-size-lg);
  color: rgb(var(--success-color));
}
.univer-formula-select-function-result-item-active {
  background-color: rgb(var(--bg-color-hover));
}
.univer-formula-select-function-content {
  overflow-y: auto;
  max-height: 307px;
  margin: var(--margin-xs) 0;
}
.options {
  display: flex;
  justify-content: space-between;
}
.options .w-140 {
  width: 140px;
}
.options .w-120 {
  width: 120px;
}
.univer-custom-format-title {
  margin-top: 16px;
}
.univer-custom-format-input {
  margin-top: 8px;
  width: 100%;
}
.univer-custom-format-history-list {
  margin-top: 8px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(---Grey-200, #e5e5e5);
  max-height: 400px;
  overflow: scroll;
}
.univer-custom-format-history-list-item {
  padding: 6px 0;
  display: flex;
  gap: 6px;
  align-items: center;
  cursor: pointer;
}
.univer-custom-format-history-list-item-icon-wrap {
  width: 16px;
  display: flex;
  align-items: center;
  color: #274fee;
}
.univer-custom-format-des {
  margin-top: 8px;
  color: var(---Grey-600, #7a7a7a);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.numfmt-panel {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.numfmt-panel .group-title {
  font-size: 16px;
  color: rgba(var(--color-black));
}
.numfmt-panel .label {
  font-size: 15px;
  color: rgba(var(--grey-400));
}
.numfmt-panel .describe {
  font-size: 13px;
  line-height: 20px;
  color: rgba(var(--grey-600));
}
.numfmt-panel .preview {
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 36px;
  color: var(--color-black);
  border: 1px solid rgb(var(--grey-200));
  border-radius: 4px;
}
.numfmt-panel .btn-list {
  display: flex;
  justify-content: flex-end;
}
.numfmt-panel .m-r-12 {
  margin-right: 12px;
}
.numfmt-panel .m-t-16 {
  margin-top: 16px;
}
.numfmt-panel .m-t-14 {
  margin-top: 14px;
}
.numfmt-panel .m-t-8 {
  margin-top: 8px;
}
.numfmt-panel .m-b-20 {
  margin-bottom: 20px;
}
.more-numfmt-type {
  display: flex;
  flex-shrink: 0;
  padding: 0 4px;
  font-size: 13px;
  color: var(--black);
}
.more-numfmt-type .icon {
  display: flex;
  align-items: center;
  height: auto;
  padding-left: 8px;
  color: rgb(var(--grey-400));
}
.more-numfmt-type-options .line {
  width: 100%;
  height: 1px;
  background-color: rgb(var(--grey-200));
}
.more-numfmt-type-options .m-t-4 {
  margin-top: 4px;
}
.more-numfmt-type-options .option-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 28px;
  padding: 0 8px;
  font-size: 13px;
}
.more-numfmt-type-options .option-item:hover {
  background-color: rgb(var(--grey-100));
  border-radius: var(--border-radius-base);
}
.more-numfmt-type-options .m-l-26 {
  margin-left: 26px;
}
.univer-zen-editor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-white));
}
.univer-zen-editor-icon-wrapper {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 60px;
  height: 30px;
}
.univer-zen-editor-icon-container {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.univer-zen-editor-icon-success {
  color: rgb(var(--success-color));
}
.univer-zen-editor-icon-error {
  color: rgb(var(--error-color));
}
.univer-zen-editor-canvas-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.univer-dv-date-dropdown {
  background: #fff;
  border-radius: var(--border-radius-base);
  box-shadow: var(--box-shadow-lg);
  padding: var(--padding-sm);
}
.univer-dv-date-dropdown-btns {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid rgb(var(--border-color));
  padding-top: var(--padding-sm);
}
.univer-dv-list-dropdown {
  border-radius: var(--border-radius-lg);
  border: 1px solid rgb(var(--border-color));
  background: rgba(var(--color-white));
  box-shadow: var(--box-shadow-base);
  box-sizing: border-box;
  padding-bottom: var(--padding-xs);
}
.univer-dv-list-dropdown-title {
  padding: var(--padding-sm) 14px;
  color: rgb(var(--text-color));
  font-size: 12px;
  line-height: 1.5;
  flex-shrink: 0;
  flex-grow: 0;
}
.univer-dv-list-dropdown-list {
  max-height: 200px;
}
.univer-dv-list-dropdown-list-container {
  padding: 0 var(--padding-sm);
}
.univer-dv-list-dropdown-selected-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: rgba(var(--blue-500));
  flex-shrink: 0;
  flex-grow: 0;
  margin-left: 12px;
}
.univer-dv-list-dropdown-item-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-xs) 6px;
  border-radius: 6px;
  margin-top: 4px;
  cursor: pointer;
}
.univer-dv-list-dropdown-item-container:hover {
  background-color: rgba(var(--grey-50));
}
.univer-dv-list-dropdown-item {
  padding: 0 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  border-radius: 8px;
  height: 16px;
  width: fit-content;
  flex: 0 1 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(var(--color-black));
  white-space: nowrap;
}
.univer-dv-list-dropdown-split {
  height: 1px;
  margin: 4px 0;
  background: rgba(var(--grey-200));
  flex-shrink: 0;
  flex-grow: 0;
}
.univer-dv-list-dropdown-edit {
  padding: 0 var(--padding-xs);
  flex-shrink: 0;
  flex-grow: 0;
}
.univer-dv-list-dropdown-edit a {
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
  border-radius: 6px;
  display: block;
}
.univer-dv-list-dropdown-edit a:hover {
  background: #f5f5f5;
}
.univer-data-validation-options-button {
  cursor: pointer;
  margin-bottom: 12px;
  font-size: var(--font-size-sm);
  color: rgba(var(--color-black));
  display: flex;
  align-items: center;
}
.univer-data-validation-options-button-icon {
  font-size: 8px;
  margin-left: 4px;
}
.univer-data-validation-detail {
  padding: var(--padding-base) 0;
}
.univer-data-validation-detail-form-item {
  width: 100%;
}
.univer-data-validation-detail-buttons {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.univer-data-validation-detail-button {
  margin-left: 12px;
}
.univer-data-validation-item-container {
  border-radius: var(--border-radius-base);
  background-color: rgba(var(--bg-color-secondary));
  padding: var(--padding-sm);
  padding-right: 36px;
  margin-left: -8px;
  margin-right: -8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  border-radius: 6px;
  width: 287px;
  overflow: hidden;
}
.univer-data-validation-item-container:hover {
  background-color: rgba(var(--grey-50));
}
.univer-data-validation-item-title {
  font-size: var(--font-size-sm);
  color: rgba(var(--color-black));
  line-height: 22px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}
.univer-data-validation-item-content {
  color: rgba(var(--text-color-secondary));
  font-size: var(--font-size-xs);
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.univer-data-validation-item-icon {
  position: absolute;
  top: 19px;
  right: 8px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.univer-data-validation-item-icon:hover {
  background: rgba(var(--grey-200));
}
.univer-data-validation-list {
  padding: var(--padding-base) 0;
}
.univer-data-validation-list-buttons {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.univer-data-validation-list-button {
  margin-left: 12px;
}
.univer-data-validation-formula {
  width: 100%;
}
.univer-data-validation-formula-and {
  margin-top: -4px;
  font-size: var(--font-size-sm);
  color: rgba(var(--grey-400));
}
.univer-data-validation-formula-list-item {
  display: flex;
  padding-bottom: 2px;
  align-items: center;
}
.univer-data-validation-formula-list-item-icon {
  font-size: 16px;
  cursor: pointer;
  margin-left: 4px;
  border-radius: 4px;
}
.univer-data-validation-formula-list-item-icon:hover {
  background: rgba(var(--grey-100));
}
.univer-data-validation-formula-list-item-drag {
  cursor: move;
}
.univer-data-validation-formula-list-add {
  color: #274fee;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  padding: 4px 8px;
  width: fit-content;
}
.univer-data-validation-formula-list-add svg {
  margin-right: 4px;
}
.univer-data-validation-formula-list-add:hover {
  background: #274fee0d;
}
.univer-data-validation-formula-color-select {
  width: 92px;
  margin-left: 4px;
  margin-right: 8px;
}
.univer-data-validation-formula-color-select-panel {
  width: 112px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 4px 4px 12px;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.univer-data-validation-formula-color-select-panel .univer-data-validation-formula-color-item {
  margin-bottom: 8px;
  margin-right: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.univer-data-validation-formula-color-item {
  border-radius: 3px;
  border: 1px solid rgba(var(--grey-400));
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  font-size: 16px;
}
.univer-upload-loading {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: rgba(var(--color-black), 0.5);
  z-index: 1000;
  -webkit-user-select: none;
          user-select: none;
}
.univer-upload-loading-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(var(--color-white));
  padding: 20px 40px;
  display: flex;
  align-items: center;
  justify-items: center;
  border-radius: var(--border-radius-lg);
}
.univer-upload-loading-body-animation {
  width: 30px;
  height: 30px;
  border: 2px solid rgb(var(--color-black));
  border-top-color: transparent;
  border-radius: 100%;
  animation: univer-UniverCircleAnimation infinite 0.75s linear;
}
.univer-upload-loading-body-text {
  font-size: var(--font-size-xs);
  color: var(--color-black);
  padding: 10px;
}
@keyframes univer-UniverCircleAnimation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.univer-image-common-panel {
  text-align: center;
  padding: var(--padding-sm);
  font-size: var(--font-size-sm);
}
.univer-image-common-panel-grid {
  position: relative;
  width: 100%;
}
.univer-image-common-panel-border {
  border-top: 1px solid rgb(var(--border-color));
  margin-top: 20px;
}
.univer-image-common-panel-title {
  color: rgb(var(--text-color-secondary));
  text-align: left;
}
.univer-image-common-panel-subtitle {
  color: rgb(var(--text-color-primary));
  text-align: left;
}
.univer-image-common-panel-row {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-top: 10px;
}
.univer-image-common-panel-row-vertical {
  justify-content: center;
  align-items: center;
  height: 36px;
}
.univer-image-common-panel-column {
  width: 100%;
}
.univer-image-common-panel-column-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.univer-image-common-panel-inline {
  display: flex;
  align-items: center;
  gap: var(--margin-xxs);
}
.univer-image-common-panel-span2 {
  width: 50%;
}
.univer-image-common-panel-span3 {
  width: 33.33333333%;
}
.univer-image-common-panel-input {
  width: 90%;
}
.univer-sheet-image-menu {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
}
.univer-sheet-image-menu-input {
  display: none;
}
.univer-conditional-formatting-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.univer-conditional-formatting-wrap .univer-cf-rule-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.univer-conditional-formatting-wrap .univer-cf-rule-item .univer-preview {
  flex-shrink: 0;
}
.univer-conditional-formatting-wrap .univer-create-rule {
  margin-bottom: 20px;
}
.univer-conditional-formatting-wrap .univer-create-rule .univer-button {
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-base);
  cursor: pointer;
  font-size: var(--font-size-sm);
}
.univer-conditional-formatting-wrap .univer-title {
  margin-top: var(--margin-base);
  font-size: 15px;
  color: rgb(var(--text-color-secondary));
}
.univer-conditional-formatting-wrap .univer-label {
  font-size: 12px;
  margin-top: var(--margin-sm);
  color: rgb(var(--text-color-secondary));
}
.univer-conditional-formatting-wrap .univer-label-container {
  display: flex;
  align-items: center;
}
.univer-conditional-formatting-wrap .univer-label-container .univer-input-width {
  width: 100px;
}
.univer-conditional-formatting-wrap .univer-m-t-base {
  margin-top: var(--margin-base);
}
.univer-conditional-formatting-wrap .univer-m-t-sm {
  margin-top: var(--margin-sm);
}
.univer-conditional-formatting-wrap .univer-m-t-xl {
  margin-top: var(--margin-xl);
}
.univer-conditional-formatting-wrap .univer-m-l-sm {
  margin-left: var(--margin-sm);
}
.univer-conditional-formatting-wrap .univer-m-l-xl {
  margin-left: var(--margin-xl);
}
.univer-conditional-formatting-wrap .univer-m-l-xxs {
  margin-left: var(--margin-xxs);
}
.univer-conditional-formatting-wrap .univer-m-l-0 {
  margin-left: 0;
}
.univer-conditional-formatting-wrap .univer-m-r-0 {
  margin-right: 0;
}
.react-grid-layout {
  position: relative;
  transition: height 0.2s ease;
}
.react-grid-item {
  transition: all 0.2s ease;
  transition-property: left, top, width, height;
}
.react-grid-item img {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.react-grid-item.cssTransforms {
  transition-property: transform, width, height;
}
.react-grid-item.resizing {
  transition: none;
  z-index: 1;
  will-change: width, height;
}
.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}
.react-grid-item.dropping {
  visibility: hidden;
}
.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 0.1s;
  z-index: 2;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.react-grid-item.react-grid-placeholder.placeholder-resizing {
  transition: none;
}
.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}
.react-grid-item > .react-resizable-handle:after {
  content: '';
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.react-resizable-hide > .react-resizable-handle {
  display: none;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url(../../static/media/78bb7fb75f7f939aceb9.78bb7fb75f7f939aceb9.svg);
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.univer-cf-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  min-width: 72px;
  height: 20px;
  font-size: 12px;
}
.univer-cf-rule-list .univer-rule-selector {
  color: rgb(var(--text-color-secondary));
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.univer-cf-rule-list .univer-rule-selector .univer-select {
  color: rgb(var(--text-color));
  width: 138px;
}
.univer-cf-rule-list .univer-rule-selector .univer-select .univer-select-selector {
  border: none;
  padding: 0;
}
.univer-cf-rule-list .univer-rule-selector .univer-select .univer-select-selection-item {
  top: -2px;
  left: 4px;
}
.univer-cf-rule-list .univer-rule-selector .univer-select .univer-select-selection-search-input {
  cursor: pointer;
}
.univer-cf-rule-list .univer-rule-selector .univer-btn-list {
  font-size: 16px;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.univer-cf-rule-list .univer-rule-selector .univer-btn-list .univer-gap {
  margin-left: 8px;
}
.univer-cf-rule-list .univer-rule-selector .univer-btn-list .univer-icon {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  padding: 4px;
}
.univer-cf-rule-list .univer-rule-selector .univer-btn-list .univer-icon:hover {
  background: rgb(var(--grey-300));
}
.univer-cf-rule-list .univer-rule-selector .univer-btn-list .univer-disabled {
  color: rgb(var(--grey-500));
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 4px;
}
.univer-cf-rule-list .univer-rule-item {
  padding: 8px 32px 8px 20px;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  border-radius: var(--border-radius-base);
}
.univer-cf-rule-list .univer-rule-item .univer-rule-describe {
  max-width: 100%;
  min-width: 0px;
  overflow: hidden;
  flex-shrink: 1;
  font-size: var(--font-size-sm);
  line-height: 21px;
}
.univer-cf-rule-list .univer-rule-item .univer-rule-describe .univer-rule-type {
  font-size: 14px;
  line-height: 22px;
  color: #1e222b;
}
.univer-cf-rule-list .univer-rule-item .univer-rule-describe .univer-rule-range {
  font-size: 12px;
  line-height: 22px;
  color: #7a7a7a;
}
.univer-cf-rule-list .univer-rule-item:hover,
.univer-cf-rule-list .univer-rule-item.univer-active {
  background-color: rgb(var(--grey-100));
}
.univer-cf-rule-list .univer-rule-item .univer-draggableHandle {
  display: none;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: var(--border-radius-base);
  cursor: grab;
}
.univer-cf-rule-list .univer-rule-item:hover .univer-delete-item,
.univer-cf-rule-list .univer-rule-item:hover .univer-draggableHandle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.univer-cf-rule-list .univer-rule-item .univer-delete-item {
  display: none;
  cursor: pointer;
  border-radius: var(--border-radius-base);
  position: absolute;
  right: 4px;
  width: 24px;
  height: 24px;
}
.univer-cf-rule-list .univer-rule-item .univer-delete-item:hover {
  background-color: rgb(var(--grey-300));
}
.univer-cf-rule-list .univer-rule-item .univer-active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.univer-cf-rule-list .univer-grid-layout-wrap {
  width: calc(100% - 2 * var(--padding-sm) + 2 * var(--padding-xl));
  margin-left: calc(-1 * var(--padding-xl));
  padding-left: var(--padding-sm);
}
.univer-cf-rule-list .univer-grid-layout-wrap .univer-react-grid-item {
  transition: none;
}
.react-grid-item.react-grid-placeholder {
  background: rgb(var(--grey-300));
}
.univer-cf-color-picker {
  padding: var(--padding-base);
  font-size: var(--font-size-xs);
  list-style: none;
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  outline: none;
  box-shadow: var(--box-shadow-base);
}
.univer-cf-color-picker-icon {
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
}
.univer-cf-color-picker-icon:hover {
  background: rgb(var(--bg-color-hover));
  border-radius: var(--border-radius-base);
}
.univer-cf-color-picker-icon .univer-icon-dropdown {
  font-size: 8px;
  color: rgb(var(--text-color-secondary));
  margin-left: 6px;
}
.univer-cf-rule-style-editor .univer-cf-preview-wrap {
  margin-top: var(--margin-sm);
  padding: var(--padding-xs) var(--padding-sm);
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
}
.univer-cf-rule-style-editor .univer-text {
  font-size: var(--font-size-xxs);
}
.univer-cf-rule-style-editor .univer-position-relative {
  position: relative;
}
.univer-cf-rule-style-editor .univer-btn-list {
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--margin-base);
}
.univer-cf-rule-style-editor .univer-util-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--font-size-xxs);
}
.univer-cf-rule-style-editor .univer-icon-set .univer-render-config {
  display: flex;
  align-items: center;
  font-size: var(--font-size-xxs);
  justify-content: flex-start;
}
.univer-cf-rule-style-editor .univer-icon-set .univer-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.univer-cf-rule-style-editor .univer-icon-set .univer-width45 {
  width: 45%;
}
.univer-cf-rule-style-editor .univer-icon-set .univer-icon-wrap {
  display: flex;
  align-items: center;
}
.univer-cf-rule-style-editor .univer-icon-set .univer-icon {
  width: 20px;
  height: 20px;
}
.univer-cf-rule-style-editor .univer-icon-set .univer-dropdown-icon {
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: var(--padding-sm) var(--padding-lg);
  font-size: var(--font-size-xxs);
  color: rgb(var(--text-color-secondary));
  transition: all 0.15s;
}
.univer-cf-rule-style-editor .univer-icon-set .univer-dropdown-icon:hover {
  border-color: rgb(var(--primary-color)) !important;
}
.univer-cf-rule-style-editor .univer-icon-set .univer-dropdown-icon .univer-icon {
  width: 16px;
  height: 16px;
}
.univer-cf-rule-style-editor .univer-icon-set .univer-error-input {
  border: 1px solid rgb(var(--red-400));
}
.univer-cf-rule-style-editor .univer-icon-set .univer-error-text {
  color: rgb(var(--red-400));
  font-size: 12px;
  position: absolute;
}
.univer-icon-group-list {
  padding: var(--padding-base);
  font-size: var(--font-size-xs);
  box-sizing: border-box;
  width: 328px;
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  outline: none;
  box-shadow: var(--box-shadow-base);
}
.univer-icon-group-list .univer-title {
  font-size: 13px;
  margin-bottom: var(--margin-xxs);
}
.univer-icon-group-list .univer-group {
  margin-bottom: var(--margin-sm);
}
.univer-icon-group-list .univer-item-content {
  display: flex;
  flex-wrap: wrap;
}
.univer-icon-group-list .univer-item-content .univer-item-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  margin-bottom: 4px;
}
.univer-icon-group-list .univer-item-content .univer-item-wrap .univer-item {
  border-radius: var(--border-radius-base);
  cursor: pointer;
}
.univer-icon-group-list .univer-item-content .univer-item-wrap .univer-item :not(:first-child).univer-icon {
  margin-left: 8px;
}
.univer-icon-group-list .univer-item-content .univer-item-wrap .univer-item:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-icon-group-list .univer-item-content .univer-item-wrap :not(:first-child).univer-icon {
  margin-left: 8px;
}
.univer-icon-group-list .univer-icon {
  width: 20px;
  height: 20px;
}
.univer-icon-item-list-wrap {
  padding: var(--padding-base) 4px var(--padding-base) var(--padding-base);
  font-size: var(--font-size-xs);
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  outline: none;
  box-shadow: var(--box-shadow-base);
}
.univer-icon-item-list-wrap .univer-none {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
  padding-left: 4px;
}
.univer-icon-item-list-wrap .univer-none span {
  margin-left: 8px;
}
.univer-icon-item-list-wrap .univer-icon-item-list {
  display: flex;
  width: 252px;
  flex-wrap: wrap;
}
.univer-icon-item-list-wrap .univer-icon-item-list .univer-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-base);
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}
.univer-icon-item-list-wrap .univer-icon-item-list .univer-item:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-icon-item-list-wrap .univer-icon-item-list .univer-icon {
  width: 20px;
  height: 20px;
}
.univer-width100 {
  width: 100%;
}
.univer-stress {
  color: rgb(var(--text-color));
  font-weight: 500;
}
.univer-cf-style-edit {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.univer-cf-style-edit .univer-button-item {
  cursor: pointer;
  border-radius: var(--border-radius-base);
  display: flex;
  align-items: center;
  padding: 0 3px;
}
.univer-cf-style-edit .univer-button-item:hover,
.univer-cf-style-edit .univer-isActive {
  background-color: rgb(var(--grey-100));
}
.univer-sheets-filter-panel {
  display: flex;
  min-width: 312px;
  height: 432px;
  flex-direction: column;
  background: rgb(var(--bg-color-secondary));
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: var(--box-shadow-lg);
  padding: 16px;
  overflow: hidden;
}
.univer-sheets-filter-panel-header {
  flex-grow: 0;
  flex-shrink: 0;
  margin-bottom: 4px;
}
.univer-sheets-filter-panel-content {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  padding-top: 8px;
}
.univer-sheets-filter-panel-select-all {
  font-size: 13px;
  margin-right: 4px;
}
.univer-sheets-filter-panel-select-all-count {
  font-size: 13px;
  color: rgb(var(--grey-400));
}
.univer-sheets-filter-panel-values-container {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.univer-sheets-filter-panel-values-container > .univer-input-affix-wrapper {
  flex: 0 0 32px;
}
.univer-sheets-filter-panel-values-container .univer-select,
.univer-sheets-filter-panel-values-container .univer-input-affix-wrapper,
.univer-sheets-filter-panel-values-container .univer-radio-group {
  width: 100%;
}
.univer-sheets-filter-panel-values-find {
  height: 32px;
  margin-bottom: 8px;
}
.univer-sheets-filter-panel-values-list {
  flex-grow: 1;
  margin-top: 8px;
  border: 1px solid rgb(var(--grey-200));
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 6px 0 6px 8px;
}
.univer-sheets-filter-panel-values-list-inner-container {
  padding-right: 8px;
}
.univer-sheets-filter-panel-values-virtual {
  flex-grow: 1;
}
.univer-sheets-filter-panel-values-item {
  box-sizing: border-box;
  height: 32px;
  padding: 2px 0;
  width: 100%;
}
.univer-sheets-filter-panel-values-item-inner {
  align-items: center;
  padding: 0 2px 0 24px;
  line-height: 28px;
  box-sizing: border-box;
  border-radius: 6px;
  height: 28px;
  display: flex;
  font-size: 13px;
}
.univer-sheets-filter-panel-values-item-inner:hover {
  background-color: rgb(var(--grey-50));
}
.univer-sheets-filter-panel-values-item-inner:hover .univer-sheets-filter-panel-values-item-count {
  margin-right: 2px;
}
.univer-sheets-filter-panel-values-item-inner:hover .univer-sheets-filter-panel-values-item-exclude-button {
  box-sizing: border-box;
  margin-left: auto;
  display: inline-block;
  height: 24px;
  font-size: 12px;
  line-height: 12px;
}
.univer-sheets-filter-panel-values-item-inner:hover .univer-sheets-filter-panel-values-item-exclude-button:hover {
  background-color: rgb(var(--hyacinth-50));
}
.univer-sheets-filter-panel-values-item-inner:hover .univer-sheets-filter-panel-values-item-exclude-button:active {
  background-color: rgb(var(--hyacinth-100));
}
.univer-sheets-filter-panel-values-item-text {
  display: inline-block;
  height: 100%;
  margin: 0 4px;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.univer-sheets-filter-panel-values-item-count {
  color: rgb(var(--grey-400));
}
.univer-sheets-filter-panel-values-item-exclude-button {
  display: none;
}
.univer-sheets-filter-panel-conditions-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.univer-sheets-filter-panel-conditions-container .univer-select,
.univer-sheets-filter-panel-conditions-container .univer-input-affix-wrapper,
.univer-sheets-filter-panel-conditions-container .univer-radio-group {
  width: 100%;
  margin-bottom: 8px;
}
.univer-sheets-filter-panel-conditions-container-inner {
  flex-grow: 1;
  border-radius: 6px;
  border: 1px solid rgb(var(--grey-200));
  overflow: hidden;
  padding: 8px;
}
.univer-sheets-filter-panel-conditions-desc {
  margin-top: -6px;
  color: rgb(var(--grey-500));
  font-size: 12px;
  line-height: 18px;
}
.univer-sheets-filter-panel-footer {
  margin-top: 16px;
  flex-grow: 0;
  flex-shrink: 0;
  display: inline-flex;
  flex-wrap: nowrap;
  overflow: hidden;
  justify-content: space-between;
}
.univer-sheets-filter-panel-footer-primary-buttons {
  display: flex;
}
.univer-sheets-filter-panel-footer-primary-buttons > .univer-button {
  margin-left: 12px;
}
.univer-sheets-filter-panel .univer-select,
.univer-sheets-filter-panel .univer-input {
  width: 100%;
}
.univer-sheets-filter-panel .univer-form-dual-column-layout {
  margin-bottom: 8px;
}
.univer-extend-confirm-content {
  font-size: 14px;
}
.univer-extend-confirm-radio-group {
  margin-top: 16px;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-ext {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-ext .univer-add-condition {
  color: var(---Hyacinth-Blue-500, #274fee);
  font-size: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-ext .univer-add-condition-text {
  margin-left: 6px;
  font-size: 12px;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-ext .univer-add-condition-disable {
  color: var(---Black, #1e222b);
  opacity: 0.3;
  cursor: not-allowed;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-footer {
  margin-top: 20px;
  display: flex;
  justify-content: end;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-footer-btn {
  margin-left: 12px;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--gray-200);
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-item-head {
  display: flex;
  align-items: center;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-item-handler {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1e222b;
  cursor: pointer;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-item-remove {
  font-size: 14px;
  color: #4b4b4b;
  cursor: pointer;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-item-column-input {
  display: flex;
  width: 236px;
  padding: 6px 10px;
  justify-content: space-between;
  align-items: center;
  margin-left: 8px;
  border-radius: 6px;
  border: 1px solid var(---Grey-200, #e5e5e5);
  background: var(---White, #fff);
  color: var(---Black, #1e222b);
  font-family: PingFang SC;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-item-column-input-dropdown {
  width: 16px;
  height: 16px;
  color: #4b4b4b;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-item-column-input-text {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-item-order-radio {
  display: flex;
  padding: 0 10px;
}
.univer-custom-sort-panel-container .univer-custom-sort-panel-item-order-radio-cn {
  display: flex;
  padding: 0 20px;
}
.univer-custom-sort-panel-container .univer-condition-list {
  max-height: 310px;
  overflow-y: auto;
  overflow-x: hidden;
}
.univer-embed-sort-btn-container {
  display: flex;
  margin-bottom: 12px;
}
.univer-embed-sort-btn-container .univer-embed-sort-btn {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  width: 140px;
  padding: 6px 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border: 1px solid var(---Grey-200, #e5e5e5);
  cursor: default;
}
.univer-embed-sort-btn-container .univer-embed-sort-btn:active {
  background: #1e222b17;
}
.univer-embed-sort-btn-container .univer-embed-sort-btn:hover {
  background: var(--black-6, rgba(30, 34, 43, 0.06));
}
.univer-embed-sort-btn-container .univer-embed-sort-btn-asc {
  border-radius: 6px 0 0 6px;
}
.univer-embed-sort-btn-container .univer-embed-sort-btn-desc {
  border-radius: 0 6px 6px 0;
  margin-left: -1px;
}
.univer-embed-sort-btn-container .univer-embed-sort-btn-icon {
  font-size: 16px;
  color: #1e222b;
  margin-right: 4px;
}
.univer-custom-sort-col-menu {
  display: grid;
  gap: var(--margin-xxs);
  align-items: center;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--padding-sm);
  font-size: var(--font-size-base);
  background: var(---White, #fff);
  border: 1px solid var(--black-6, rgba(30, 34, 43, 0.06));
  border-radius: var(--Radius-4, 8px);
  box-shadow: 0 4px 12px 2px #1e222b1a;
  max-height: 310px;
  overflow-y: auto;
  overflow-x: hidden;
}
.univer-custom-sort-col-menu li {
  list-style: none;
}
.univer-custom-sort-col-menu-item {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 28px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: var(---Black, #1e222b);
  text-align: left;
  border-radius: 4px;
  border-radius: var(--border-radius-base);
  transition: background 0.2s;
}
.univer-custom-sort-col-menu-item:hover {
  background: #f5f5f5;
}
.univer-custom-sort-col-menu-item-desc {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.univer-thread-comment-editor-buttons {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.univer-thread-comment-editor-suggestion {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: rgb(var(--color-black));
}
.univer-thread-comment-editor-suggestionActive {
  background-color: rgba(var(--grey-50));
}
.univer-thread-comment-editor-suggestion-icon {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 6px;
}
.univer-thread-comment {
  padding: 16px;
  background: rgba(var(--color-white));
  border: 1px solid rgba(var(--grey-200));
  border-radius: 8px;
  box-sizing: border-box;
  position: relative;
  width: 278px;
}
.univer-thread-comment-active {
  box-shadow: var(--box-shadow-base);
}
.univer-thread-comment-content {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: rgba(var(--scrollbar-color), 0.7) transparent;
  scrollbar-gutter: auto;
  scrollbar-width: thin;
}
.univer-thread-comment-highlight {
  background-color: rgb(var(--gold-400));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.univer-thread-comment-icon-container {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-grow: 0;
}
.univer-thread-comment-icon {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  margin-left: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
}
.univer-thread-comment-icon:hover {
  background-color: rgba(var(--grey-50));
}
.univer-thread-comment-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
}
.univer-thread-comment-title-position {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1;
  overflow: hidden;
}
.univer-thread-comment-title-highlight {
  width: 3px;
  height: 14px;
  border-radius: 1.5px;
  background-color: rgba(var(--gold-400));
  margin-right: 8px;
  flex-shrink: 0;
  flex-grow: 0;
}
.univer-thread-comment-title-position-text {
  flex: 1 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.univer-thread-comment-username {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.univer-thread-comment-item {
  margin-bottom: 12px;
  padding-left: 30px;
  position: relative;
}
.univer-thread-comment-item-head {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  position: absolute;
  left: 0;
  top: 0;
}
.univer-thread-comment-item-title {
  display: flex;
  justify-content: space-between;
  height: 24px;
  align-items: center;
  margin-bottom: 4px;
}
.univer-thread-comment-item-title-position {
  color: rgba(var(--color-black));
  font-size: 14px;
  line-height: 20px;
}
.univer-thread-comment-item-title-highlight {
  width: 3px;
  height: 14px;
  border-radius: 2px;
  margin-right: 8px;
  margin-top: 3px;
  background-color: rgba(var(--gold-400));
}
.univer-thread-comment-item-time {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 4px;
  color: rgba(var(--grey-600));
}
.univer-thread-comment-item-content {
  font-size: 13px;
  line-height: 20px;
  color: rgba(var(--color-black));
}
.univer-thread-comment-item-at {
  color: rgba(var(--blue-400));
}
.univer-thread-comment-panel {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
}
.univer-thread-comment-panel .univer-thread-comment {
  margin-top: 12px;
}
.univer-thread-comment-panel-forms {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 12px;
}
.univer-thread-comment-panel-forms .univer-select {
  width: 120px;
}
.univer-thread-comment-panel-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgb(var(--grey-600));
  font-size: 13px;
  flex: 1 1;
}
.univer-thread-comment-panel-add {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
}
.univer-thread-comment-panel-add svg {
  margin-right: 6px;
}
.univer-thread-comment-panel-solved {
  margin-top: 12px;
  font-size: var(--font-size-xs);
}
.univer-cell-link-edit {
  padding: 16px;
  background-color: rgb(var(--color-white));
  width: 296px;
  box-sizing: border-box;
  border-radius: var(--border-radius-xl);
  border: 1px solid rgb(var(--grey-200));
  box-shadow: 0 4px 10px -1px #1116281a;
}
.univer-cell-link-edit-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.univer-cell-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  box-shadow: var(--box-shadow-base);
  border-radius: 8px;
  border: 1px solid rgb(var(--grey-200));
  background: rgb(var(--color-white));
  max-width: 328px;
  overflow: hidden;
}
.univer-cell-link-type {
  height: 20px;
  width: 20px;
  font-size: 16px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: rgb(var(--color-black));
}
.univer-cell-link-content {
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
  color: rgb(var(--blue-500));
  cursor: pointer;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.univer-cell-link-content-error {
  color: rgb(var(--grey-500));
}
.univer-cell-link-url {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.univer-cell-link-operations {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 24px;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.univer-cell-link-operation {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.univer-cell-link-operation-error {
  color: rgb(var(--grey-500));
}
.univer-cell-link-operation:hover {
  background: #ccc;
}
.univer-docs-link-edit {
  border-radius: 12px;
  border: 1px solid rgb(var(--grey-200));
  background: rgb(var(--color-white));
  box-shadow: var(--box-shadow-base);
  padding: 20px 24px;
  width: 328px;
  box-sizing: border-box;
}
.univer-docs-link-edit-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
  color: rgb(var(--color-black));
}
.univer-docs-link-edit-close {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: rgb(var(--grey-600));
  cursor: pointer;
}
.univer-docs-link-edit-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.univer-docs-link-edit-button {
  margin-left: 12px;
}
.univer-doc-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  box-shadow: var(--box-shadow-base);
  border-radius: 8px;
  border: 1px solid rgb(var(--grey-200));
  background: rgb(var(--color-white));
  max-width: 328px;
  box-sizing: border-box;
  overflow: hidden;
}
.univer-doc-link-type {
  height: 20px;
  width: 20px;
  font-size: 16px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: rgb(var(--color-black));
}
.univer-doc-link-content {
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
  color: rgb(var(--blue-500));
  cursor: pointer;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.univer-doc-link-content-error {
  color: rgb(var(--grey-500));
}
.univer-doc-link-url {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.univer-doc-link-operations {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 24px;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.univer-doc-link-operation {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.univer-doc-link-operation-error {
  color: rgb(var(--grey-500));
}
.univer-doc-link-operation:hover {
  background: #ccc;
}
.univer-slide-panel-color-picker {
  box-sizing: border-box;
  margin: 0;
  padding: var(--padding-base);
  font-size: var(--font-size-xs);
  list-style: none;
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  outline: none;
  box-shadow: var(--box-shadow-base);
}
.univer-image-common-panel {
  text-align: center;
  padding: var(--padding-sm);
  font-size: var(--font-size-sm);
}
.univer-image-common-panel-grid {
  position: relative;
  width: 100%;
}
.univer-image-common-panel-border {
  border-top: 1px solid rgb(var(--border-color));
  margin-top: 20px;
}
.univer-image-common-panel-title {
  color: rgb(var(--text-color-secondary));
  text-align: left;
}
.univer-image-common-panel-subtitle {
  color: rgb(var(--text-color-primary));
  text-align: left;
}
.univer-image-common-panel-row {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-top: 10px;
}
.univer-image-common-panel-row-vertical {
  justify-content: center;
  align-items: center;
  height: 36px;
}
.univer-image-common-panel-column {
  width: 100%;
}
.univer-image-common-panel-column-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.univer-image-common-panel-inline {
  display: flex;
  align-items: center;
  gap: var(--margin-xxs);
}
.univer-image-common-panel-span2 {
  width: 50%;
}
.univer-image-common-panel-span3 {
  width: 33.33333333%;
}
.univer-image-common-panel-input {
  width: 90%;
}
.univer-image-popup-menu {
  display: grid;
  gap: var(--margin-xxs);
  align-items: center;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--padding-sm);
  font-size: var(--font-size-base);
  background-color: rgb(var(--bg-color-secondary));
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-lg);
  box-shadow: var(--box-shadow-lg);
}
.univer-image-popup-menu li {
  list-style: none;
}
.univer-image-popup-menu-item {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  font-size: var(--font-size-base);
  font-style: normal;
  line-height: 20px;
  text-align: left;
  border-radius: 4px;
  border-radius: var(--border-radius-base);
  transition: background 0.2s;
}
.univer-image-popup-menu-item:hover {
  background-color: rgb(var(--bg-color-hover));
}
.univer-image-popup-menu-item-icon {
  position: absolute;
  top: 50%;
  left: var(--padding-xs);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.univer-image-popup-menu-item-title {
  padding: var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;
  vertical-align: middle;
}
.univer-image-popup-menu-item-hide {
  color: rgb(var(--text-color-secondary));
}
.univer-image-popup-menu-item:hover {
  background: rgb(var(--grey-100));
}
.univer-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  background: #fff;
  border: 1px solid rgb(var(--grey-200, #e5e5e5));
  border-radius: 4px;
}
.univer-btn-container:hover,
.univer-btn-container.univer-btn-container-expand {
  background: rgb(var(--grey-100, #f5f5f5));
}
.univer-slide-bar {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f5f7f9;
  border-right: 1px solid #eaecf0;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
}
.univer-slide-bar .univer-slide-bar-content {
  padding: 0 15px;
}
.univer-slide-bar .univer-slide-bar-content-header {
  padding-top: var(--padding-lg);
  display: flex;
  justify-content: center;
}
.univer-slide-bar .univer-slide-bar-content-header a {
  width: 212px;
  padding: var(--padding-xs) 0;
  font-size: var(--font-size-sm);
  background: rgb(var(--bg-color-secondary));
  text-align: center;
  border: 1px solid rgb(var(--border-color));
  border-radius: var(--border-radius-base);
  display: block;
  transition: all 0.25s;
  cursor: pointer;
}
.univer-slide-bar .univer-slide-bar-content-header a:hover {
  background: rgb(var(--bg-color-hover));
}
.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item {
  display: flex;
  margin: var(--margin-base) 0;
}
.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item span {
  width: 15px;
  font-size: 12px;
}
.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box {
  position: relative;
  width: 212px;
  height: 120px;
  margin-left: 5px;
  background: #fff;
  border: 2px solid #c0c0c0;
}
.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box:hover {
  border: 2px solid #d66a2b;
}
.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active span {
  color: #d66a2b;
}
.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active .univer-slide-bar-box {
  border: 2px solid #d66a2b;
}
.univer-slide-bar .univer-slide-add-button {
  padding: 10px 0;
  text-align: center;
}
.univer-slide-bar .univer-slide-add-button button {
  width: 45px;
  height: auto;
  font-size: 24px;
  line-height: 1;
  border-radius: 10px;
}
.univer-slide-editor-container {
  position: absolute;
  z-index: 10;
  top: 200px;
  left: 100px;
  display: flex;
  width: 100px;
  height: 50px;
  border: 1px solid rgb(var(--primary-color));
  box-shadow: none;
  box-sizing: border-box;
}
.univer-slide-editor-container .univer-editor-input {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  background: #aeaeae33;
}
.univer-slide-editor-container .univer-editor-input canvas {
  position: absolute;
  top: -1px !important;
  left: -1px !important;
}
.univer-find-replace-dialog-container {
  display: block;
}
.univer-find-replace-expand-container {
  margin-top: 16px;
  text-align: center;
}
.univer-find-replace-expand-container .univer-button-text {
  color: rgb(var(--primary-color));
}
.univer-find-replace-buttons-group {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.univer-find-replace-buttons-group-right > button:not(:first-child) {
  margin-left: 8px;
}
.monaco-editor {
  font-family: -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe UI, HelveticaNeue-Light, system-ui, Ubuntu, Droid Sans, sans-serif;
  --monaco-monospace-font: 'SF Mono', Monaco, Menlo, Consolas, 'Ubuntu Mono', 'Liberation Mono', 'DejaVu Sans Mono', 'Courier New', monospace;
}
.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
  stroke-width: 1.2px;
}
.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
  stroke-width: 1.2px;
}
.monaco-hover p {
  margin: 0;
}
.monaco-aria-container {
  position: absolute !important;
  top: 0;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}
.monaco-editor,
.monaco-diff-editor .synthetic-focus,
.monaco-diff-editor [tabindex='0']:focus,
.monaco-diff-editor [tabindex='-1']:focus,
.monaco-diff-editor button:focus,
.monaco-diff-editor input[type='button']:focus,
.monaco-diff-editor input[type='checkbox']:focus,
.monaco-diff-editor input[type='search']:focus,
.monaco-diff-editor input[type='text']:focus,
.monaco-diff-editor select:focus,
.monaco-diff-editor textarea:focus {
  outline-width: 1px;
  outline-style: solid;
  outline-offset: -1px;
  outline-color: var(--vscode-focusBorder);
  opacity: 1;
}
.monaco-workbench .workbench-hover {
  position: relative;
  font-size: 13px;
  line-height: 19px;
  z-index: 40;
  overflow: hidden;
  max-width: 700px;
  background: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  border-radius: 3px;
  color: var(--vscode-editorHoverWidget-foreground);
  box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}
.monaco-workbench .workbench-hover hr {
  border-bottom: none;
}
.monaco-workbench .workbench-hover:not(.skip-fade-in) {
  animation: fadein 0.1s linear;
}
.monaco-workbench .workbench-hover.compact {
  font-size: 12px;
}
.monaco-workbench .workbench-hover.compact .hover-contents {
  padding: 2px 8px;
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover {
  outline: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover:focus,
.monaco-workbench .workbench-hover-lock:focus {
  outline: 1px solid var(--vscode-focusBorder);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover-lock:hover {
  background: var(--vscode-toolbar-hoverBackground);
}
.monaco-workbench .workbench-hover-pointer {
  position: absolute;
  z-index: 41;
  pointer-events: none;
}
.monaco-workbench .workbench-hover-pointer:after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: var(--vscode-editorHoverWidget-background);
  border-right: 1px solid var(--vscode-editorHoverWidget-border);
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .locked .workbench-hover-pointer:after {
  width: 4px;
  height: 4px;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.monaco-workbench .workbench-hover-pointer.left {
  left: -3px;
}
.monaco-workbench .workbench-hover-pointer.right {
  right: 3px;
}
.monaco-workbench .workbench-hover-pointer.top {
  top: -3px;
}
.monaco-workbench .workbench-hover-pointer.bottom {
  bottom: 3px;
}
.monaco-workbench .workbench-hover-pointer.left:after {
  transform: rotate(135deg);
}
.monaco-workbench .workbench-hover-pointer.right:after {
  transform: rotate(315deg);
}
.monaco-workbench .workbench-hover-pointer.top:after {
  transform: rotate(225deg);
}
.monaco-workbench .workbench-hover-pointer.bottom:after {
  transform: rotate(45deg);
}
.monaco-workbench .workbench-hover a {
  color: var(--vscode-textLink-foreground);
}
.monaco-workbench .workbench-hover a:focus {
  outline: 1px solid;
  outline-offset: -1px;
  text-decoration: underline;
  outline-color: var(--vscode-focusBorder);
}
.monaco-workbench .workbench-hover a:hover,
.monaco-workbench .workbench-hover a:active {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-workbench .workbench-hover code {
  background: var(--vscode-textCodeBlock-background);
}
.monaco-workbench .workbench-hover .hover-row .actions {
  background: var(--vscode-editorHoverWidget-statusBarBackground);
}
.monaco-workbench .workbench-hover.right-aligned {
  left: 1px;
}
.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions {
  flex-direction: row-reverse;
}
.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions .action-container {
  margin-right: 0;
  margin-left: 16px;
}
.monaco-scrollable-element > .scrollbar > .scra {
  cursor: pointer;
  font-size: 11px !important;
}
.monaco-scrollable-element > .visible {
  opacity: 1;
  background: #0000;
  transition: opacity 0.1s linear;
  z-index: 11;
}
.monaco-scrollable-element > .invisible {
  opacity: 0;
  pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
  transition: opacity 0.8s linear;
}
.monaco-scrollable-element > .shadow {
  position: absolute;
  display: none;
}
.monaco-scrollable-element > .shadow.top {
  display: block;
  top: 0;
  left: 3px;
  height: 3px;
  width: 100%;
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
  display: block;
  top: 3px;
  left: 0;
  height: 100%;
  width: 3px;
  box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
  display: block;
  top: 0;
  left: 0;
  height: 3px;
  width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
  box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .scrollbar > .slider {
  background: var(--vscode-scrollbarSlider-background);
}
.monaco-scrollable-element > .scrollbar > .slider:hover {
  background: var(--vscode-scrollbarSlider-hoverBackground);
}
.monaco-scrollable-element > .scrollbar > .slider.active {
  background: var(--vscode-scrollbarSlider-activeBackground);
}
.monaco-hover {
  cursor: default;
  position: absolute;
  overflow: hidden;
  user-select: text;
  -webkit-user-select: text;
  box-sizing: border-box;
  animation: fadein 0.1s linear;
  line-height: 1.5em;
  white-space: var(--vscode-hover-whiteSpace, normal);
}
.monaco-hover.hidden {
  display: none;
}
.monaco-hover a:hover:not(.disabled) {
  cursor: pointer;
}
.monaco-hover .hover-contents:not(.html-hover-contents) {
  padding: 4px 8px;
}
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
  max-width: var(--vscode-hover-maxWidth, 500px);
  word-wrap: break-word;
}
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
  min-width: 100%;
}
.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
  margin: 8px 0;
}
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
  line-height: 1.1;
}
.monaco-hover code {
  font-family: var(--monaco-monospace-font);
}
.monaco-hover hr {
  box-sizing: border-box;
  border-left: 0px;
  border-right: 0px;
  margin: 4px -8px -4px;
  height: 1px;
}
.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
  margin-top: 0;
}
.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
  margin-bottom: 0;
}
.monaco-hover ul,
.monaco-hover ol {
  padding-left: 20px;
}
.monaco-hover li > p {
  margin-bottom: 0;
}
.monaco-hover li > ul {
  margin-top: 0;
}
.monaco-hover code {
  border-radius: 3px;
  padding: 0 0.4em;
}
.monaco-hover .monaco-tokenized-source {
  white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
}
.monaco-hover .hover-row.status-bar {
  font-size: 12px;
  line-height: 22px;
}
.monaco-hover .hover-row.status-bar .info {
  font-style: italic;
  padding: 0 8px;
}
.monaco-hover .hover-row.status-bar .actions {
  display: flex;
  padding: 0 8px;
  width: 100%;
}
.monaco-hover .hover-row.status-bar .actions .action-container {
  margin-right: 16px;
  cursor: pointer;
}
.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
  padding-right: 4px;
}
.monaco-hover .hover-row.status-bar .actions .action-container a {
  color: var(--vscode-textLink-foreground);
  -webkit-text-decoration: var(--text-link-decoration);
          text-decoration: var(--text-link-decoration);
}
.monaco-hover .markdown-hover .hover-contents .codicon {
  color: inherit;
  font-size: inherit;
  vertical-align: middle;
}
.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
  color: inherit;
}
.monaco-hover .hover-contents a.code-link:before {
  content: '(';
}
.monaco-hover .hover-contents a.code-link:after {
  content: ')';
}
.monaco-hover .hover-contents a.code-link > span {
  text-decoration: underline;
  border-bottom: 1px solid transparent;
  text-underline-position: under;
  color: var(--vscode-textLink-foreground);
}
.monaco-hover .hover-contents a.code-link > span:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span {
  margin-bottom: 4px;
  display: inline-block;
}
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon {
  margin-bottom: 2px;
}
.monaco-hover-content .action-container a {
  -webkit-user-select: none;
  user-select: none;
}
.monaco-hover-content .action-container.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default;
}
.monaco-editor .rendered-markdown kbd {
  background-color: var(--vscode-keybindingLabel-background);
  color: var(--vscode-keybindingLabel-foreground);
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: var(--vscode-keybindingLabel-border);
  border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
  box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
  vertical-align: middle;
  padding: 1px 3px;
}
.rendered-markdown li:has(input[type='checkbox']) {
  list-style-type: none;
}
.monaco-aria-container {
  position: absolute;
  left: -999em;
}
.context-view {
  position: absolute;
}
.context-view.fixed {
  all: initial;
  font-family: inherit;
  font-size: 13px;
  position: fixed;
  color: inherit;
}
.monaco-list {
  position: relative;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.monaco-list.mouse-support {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-list > .monaco-scrollable-element {
  height: 100%;
}
.monaco-list-rows {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-list.horizontal-scrolling .monaco-list-rows {
  width: auto;
  min-width: 100%;
}
.monaco-list-row {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.monaco-list.mouse-support .monaco-list-row {
  cursor: pointer;
  touch-action: none;
}
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
  z-index: 14;
}
.monaco-list-row.scrolling {
  display: none !important;
}
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
  outline: 0 !important;
}
.monaco-drag-image {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 12px;
  position: absolute;
  z-index: 1000;
}
.monaco-list-type-filter-message {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 40px 1em 1em;
  text-align: center;
  white-space: normal;
  opacity: 0.7;
  pointer-events: none;
}
.monaco-list-type-filter-message:empty {
  display: none;
}
.monaco-select-box-dropdown-padding {
  --dropdown-padding-top: 1px;
  --dropdown-padding-bottom: 1px;
}
.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
  --dropdown-padding-top: 3px;
  --dropdown-padding-bottom: 4px;
}
.monaco-select-box-dropdown-container {
  display: none;
  box-sizing: border-box;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
  margin: 0;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
  line-height: 15px;
  font-family: var(--monaco-monospace-font);
}
.monaco-select-box-dropdown-container.visible {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 1px;
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
  flex: 0 0 auto;
  align-self: flex-start;
  padding-top: var(--dropdown-padding-top);
  padding-bottom: var(--dropdown-padding-bottom);
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.monaco-select-box-dropdown-container > .select-box-details-pane {
  padding: 5px;
}
.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
  padding-top: var(--dropdown-padding-top);
  padding-bottom: var(--dropdown-padding-bottom);
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
  cursor: pointer;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 3.5px;
  white-space: nowrap;
  float: left;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 3.5px;
  white-space: nowrap;
  float: left;
  opacity: 0.7;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;
  white-space: nowrap;
  float: right;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
  flex: 1 1 auto;
  align-self: flex-start;
  opacity: 0;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
  overflow: hidden;
  max-height: 0px;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
  padding-left: 4px;
  padding-right: 8px;
  white-space: nowrap;
}
.monaco-select-box {
  width: 100%;
  cursor: pointer;
  border-radius: 2px;
}
.monaco-select-box-dropdown-container {
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
}
.monaco-action-bar .action-item.select-container {
  cursor: default;
}
.monaco-action-bar .action-item .monaco-select-box {
  cursor: pointer;
  min-width: 100px;
  min-height: 18px;
  padding: 2px 23px 2px 8px;
}
.mac .monaco-action-bar .action-item .monaco-select-box {
  font-size: 11px;
  border-radius: 5px;
}
.monaco-action-bar {
  white-space: nowrap;
  height: 100%;
}
.monaco-action-bar .actions-container {
  display: flex;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
  align-items: center;
}
.monaco-action-bar.vertical .actions-container {
  display: inline-block;
}
.monaco-action-bar .action-item {
  display: block;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.monaco-action-bar .action-item.disabled {
  cursor: default;
}
.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
  display: block;
}
.monaco-action-bar .action-item .codicon {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
.monaco-action-bar .action-label {
  display: flex;
  font-size: 11px;
  padding: 3px;
  border-radius: 5px;
}
.monaco-action-bar .action-item.disabled .action-label,
.monaco-action-bar .action-item.disabled .action-label:before,
.monaco-action-bar .action-item.disabled .action-label:hover {
  color: var(--vscode-disabledForeground);
}
.monaco-action-bar.vertical {
  text-align: left;
}
.monaco-action-bar.vertical .action-item {
  display: block;
}
.monaco-action-bar.vertical .action-label.separator {
  display: block;
  border-bottom: 1px solid #bbb;
  padding-top: 1px;
  margin-left: 0.8em;
  margin-right: 0.8em;
}
.monaco-action-bar .action-item .action-label.separator {
  width: 1px;
  height: 16px;
  margin: 5px 4px !important;
  cursor: default;
  min-width: 1px;
  padding: 0;
  background-color: #bbb;
}
.secondary-actions .monaco-action-bar .action-label {
  margin-left: 6px;
}
.monaco-action-bar .action-item.select-container {
  overflow: hidden;
  flex: 1 1;
  max-width: 170px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.monaco-action-bar .action-item.action-dropdown-item {
  display: flex;
}
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
  display: flex;
  align-items: center;
  cursor: default;
}
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
  width: 1px;
}
.monaco-dropdown {
  height: 100%;
  padding: 0;
}
.monaco-dropdown > .dropdown-label {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-dropdown > .dropdown-label > .action-label.disabled {
  cursor: default;
}
.monaco-dropdown-with-primary {
  display: flex !important;
  flex-direction: row;
  border-radius: 5px;
}
.monaco-dropdown-with-primary > .action-container > .action-label {
  margin-right: 0;
}
.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
  font-size: 12px;
  padding-left: 0;
  padding-right: 0;
  line-height: 16px;
  margin-left: -3px;
}
.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
  display: block;
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.monaco-action-bar .action-item.menu-entry .action-label.icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px;
}
.monaco-action-bar .action-item.menu-entry.text-only .action-label {
  color: var(--vscode-descriptionForeground);
  overflow: hidden;
  border-radius: 2px;
}
.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label:after {
  content: ', ';
}
.monaco-action-bar .action-item.menu-entry.text-only + .action-item:not(.text-only) > .monaco-dropdown .action-label {
  color: var(--vscode-descriptionForeground);
}
.monaco-dropdown-with-default {
  display: flex !important;
  flex-direction: row;
  border-radius: 5px;
}
.monaco-dropdown-with-default > .action-container > .action-label {
  margin-right: 0;
}
.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px;
}
.monaco-dropdown-with-default:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
  font-size: 12px;
  padding-left: 0;
  padding-right: 0;
  line-height: 16px;
  margin-left: -3px;
}
.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
  display: block;
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
.quick-input-widget {
  font-size: 13px;
}
.quick-input-widget .monaco-highlighted-label .highlight {
  color: #0066bf;
}
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
  color: #9dddff;
}
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0097fb;
}
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
  color: #f38518;
}
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0f4a85;
}
.monaco-keybinding > .monaco-keybinding-key {
  background-color: #ddd6;
  border: solid 1px rgba(204, 204, 204, 0.4);
  border-bottom-color: #bbb6;
  box-shadow: inset 0 -1px #bbb6;
  color: #555;
}
.hc-black .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: solid 1px #6fc3df;
  box-shadow: none;
  color: #fff;
}
.hc-light .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: solid 1px #0f4a85;
  box-shadow: none;
  color: #292929;
}
.vs-dark .monaco-keybinding > .monaco-keybinding-key {
  background-color: #8080802b;
  border: solid 1px rgba(51, 51, 51, 0.6);
  border-bottom-color: #4449;
  box-shadow: inset 0 -1px #4449;
  color: #ccc;
}
.monaco-custom-toggle {
  margin-left: 2px;
  float: left;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid transparent;
  padding: 1px;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
}
.monaco-custom-toggle:hover {
  background-color: var(--vscode-inputOption-hoverBackground);
}
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
  border: 1px dashed var(--vscode-focusBorder);
}
.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle,
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
  background: none;
}
.monaco-custom-toggle.monaco-checkbox {
  height: 18px;
  width: 18px;
  border: 1px solid transparent;
  border-radius: 3px;
  margin-right: 9px;
  margin-left: 0;
  padding: 0;
  opacity: 1;
  background-size: 16px !important;
}
.monaco-action-bar .checkbox-action-item {
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding-right: 2px;
}
.monaco-action-bar .checkbox-action-item:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
  margin-right: 4px;
}
.monaco-action-bar .checkbox-action-item > .checkbox-label {
  font-size: 12px;
}
.monaco-custom-toggle.monaco-checkbox:not(.checked):before {
  visibility: hidden;
}
.quick-input-widget {
  position: absolute;
  width: 600px;
  z-index: 2550;
  left: 50%;
  margin-left: -300px;
  -webkit-app-region: no-drag;
  border-radius: 6px;
}
.quick-input-titlebar {
  display: flex;
  align-items: center;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.quick-input-left-action-bar {
  display: flex;
  margin-left: 4px;
  flex: 1 1;
}
.quick-input-inline-action-bar {
  margin: 2px 0 0 5px;
}
.quick-input-title {
  padding: 3px 0;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-input-right-action-bar {
  display: flex;
  margin-right: 4px;
  flex: 1 1;
}
.quick-input-right-action-bar > .actions-container {
  justify-content: flex-end;
}
.quick-input-titlebar .monaco-action-bar .action-label.codicon {
  background-position: center;
  background-repeat: no-repeat;
  padding: 2px;
}
.quick-input-description {
  margin: 6px 6px 6px 11px;
}
.quick-input-header .quick-input-description {
  margin: 4px 2px;
  flex: 1 1;
}
.quick-input-header {
  display: flex;
  padding: 8px 6px 2px;
}
.quick-input-widget.hidden-input .quick-input-header {
  padding: 0;
  margin-bottom: 0;
}
.quick-input-and-message {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  position: relative;
}
.quick-input-check-all {
  align-self: center;
  margin: 0;
}
.quick-input-filter {
  flex-grow: 1;
  display: flex;
  position: relative;
}
.quick-input-box {
  flex-grow: 1;
}
.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
  margin-left: 5px;
}
.quick-input-visible-count {
  position: absolute;
  left: -10000px;
}
.quick-input-count {
  align-self: center;
  position: absolute;
  right: 4px;
  display: flex;
  align-items: center;
}
.quick-input-count .monaco-count-badge {
  vertical-align: middle;
  padding: 2px 4px;
  border-radius: 2px;
  min-height: auto;
  line-height: normal;
}
.quick-input-action {
  margin-left: 6px;
}
.quick-input-action .monaco-text-button {
  font-size: 11px;
  padding: 0 6px;
  display: flex;
  height: 25px;
  align-items: center;
}
.quick-input-message {
  margin-top: -1px;
  padding: 5px;
  overflow-wrap: break-word;
}
.quick-input-message > .codicon {
  margin: 0 0.2em;
  vertical-align: text-bottom;
}
.quick-input-message a {
  color: inherit;
}
.quick-input-progress.monaco-progress-container {
  position: relative;
}
.quick-input-list {
  line-height: 22px;
}
.quick-input-widget.hidden-input .quick-input-list {
  margin-top: 4px;
  padding-bottom: 4px;
}
.quick-input-list .monaco-list {
  overflow: hidden;
  max-height: 440px;
  padding-bottom: 5px;
}
.quick-input-list .monaco-scrollable-element {
  padding: 0 5px;
}
.quick-input-list .quick-input-list-entry {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  padding: 0 6px;
}
.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
  border-top-width: 1px;
  border-top-style: solid;
}
.quick-input-list .monaco-list-row {
  border-radius: 3px;
}
.quick-input-list .monaco-list-row[data-index='0'] .quick-input-list-entry.quick-input-list-separator-border {
  border-top-style: none;
}
.quick-input-list .quick-input-list-label {
  overflow: hidden;
  display: flex;
  height: 100%;
  flex: 1 1;
}
.quick-input-list .quick-input-list-checkbox {
  align-self: center;
  margin: 0;
}
.quick-input-list .quick-input-list-icon {
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-right: 6px;
  width: 16px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-input-list .quick-input-list-rows {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1;
  margin-left: 5px;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
  margin-left: 10px;
}
.quick-input-widget .quick-input-list .quick-input-list-checkbox {
  display: none;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
  display: inline;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row {
  display: flex;
  align-items: center;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
  flex: 1 1;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
  vertical-align: text-bottom;
}
.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
  opacity: 1;
}
.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
  margin-right: 8px;
}
.quick-input-list .quick-input-list-label-meta {
  opacity: 0.7;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
  font-weight: 700;
  background-color: unset;
  color: var(--vscode-list-highlightForeground) !important;
}
.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
  color: var(--vscode-list-focusHighlightForeground) !important;
}
.quick-input-list .quick-input-list-entry .quick-input-list-separator {
  margin-right: 4px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  display: flex;
  flex: 0 1;
  overflow: visible;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label {
  display: none;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
  margin-right: 4px;
  padding: 2px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  margin-top: 1px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  margin-right: 4px;
}
.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label {
  display: flex;
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
  color: inherit;
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
  background: none;
}
.quick-input-list .quick-input-list-separator-as-item {
  padding: 4px 6px;
  font-size: 12px;
}
.quick-input-list .quick-input-list-separator-as-item .label-name {
  font-weight: 600;
}
.quick-input-list .quick-input-list-separator-as-item .label-description {
  opacity: 1 !important;
}
.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
  border-top-style: none;
}
.quick-input-list .monaco-tree-sticky-row {
  padding: 0 5px;
}
.quick-input-list .monaco-tl-twistie {
  display: none !important;
}
.monaco-text-button {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 4px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--vscode-button-border, transparent);
  line-height: 18px;
}
.monaco-text-button:focus {
  outline-offset: 2px !important;
}
.monaco-text-button:hover {
  text-decoration: none !important;
}
.monaco-button.disabled:focus,
.monaco-button.disabled {
  opacity: 0.4 !important;
  cursor: default;
}
.monaco-text-button .codicon {
  margin: 0 0.2em;
  color: inherit !important;
}
.monaco-text-button.monaco-text-button-with-short-label {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 4px;
  overflow: hidden;
  height: 28px;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
  flex-basis: 100%;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
  flex-grow: 1;
  width: 0;
  overflow: hidden;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-style: inherit;
  padding: 4px 0;
}
.monaco-button-dropdown {
  display: flex;
  cursor: pointer;
}
.monaco-button-dropdown.disabled {
  cursor: default;
}
.monaco-button-dropdown > .monaco-button:focus {
  outline-offset: -1px !important;
}
.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
  opacity: 0.4 !important;
}
.monaco-button-dropdown > .monaco-button.monaco-text-button {
  border-right-width: 0 !important;
}
.monaco-button-dropdown .monaco-button-dropdown-separator {
  padding: 4px 0;
  cursor: default;
}
.monaco-button-dropdown .monaco-button-dropdown-separator > div {
  height: 100%;
  width: 1px;
}
.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
  border: 1px solid var(--vscode-button-border, transparent);
  border-left-width: 0 !important;
  border-radius: 0 2px 2px 0;
  display: flex;
  align-items: center;
}
.monaco-button-dropdown > .monaco-button.monaco-text-button {
  border-radius: 2px 0 0 2px;
}
.monaco-description-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4px 5px;
}
.monaco-description-button .monaco-button-description {
  font-style: italic;
  font-size: 11px;
  padding: 4px 20px;
}
.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
  display: flex;
  justify-content: center;
  align-items: center;
}
.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
  margin: 0 0.2em;
  color: inherit !important;
}
.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button {
  color: var(--vscode-button-foreground);
  background-color: var(--vscode-button-background);
}
.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
  background-color: var(--vscode-button-hoverBackground);
}
.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
  color: var(--vscode-button-secondaryForeground);
  background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
  background-color: var(--vscode-button-secondaryHoverBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
  background-color: var(--vscode-button-background);
  border-top: 1px solid var(--vscode-button-border);
  border-bottom: 1px solid var(--vscode-button-border);
}
.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
  background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
  background-color: var(--vscode-button-separator);
}
.monaco-count-badge {
  padding: 3px 6px;
  border-radius: 11px;
  font-size: 11px;
  min-width: 18px;
  min-height: 18px;
  line-height: 11px;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
}
.monaco-count-badge.long {
  padding: 2px 3px;
  border-radius: 2px;
  min-height: auto;
  line-height: normal;
}
.monaco-progress-container {
  width: 100%;
  height: 2px;
  overflow: hidden;
}
.monaco-progress-container .progress-bit {
  width: 2%;
  height: 2px;
  position: absolute;
  left: 0;
  display: none;
}
.monaco-progress-container.active .progress-bit {
  display: inherit;
}
.monaco-progress-container.discrete .progress-bit {
  left: 0;
  transition: width 0.1s linear;
}
.monaco-progress-container.discrete.done .progress-bit {
  width: 100%;
}
.monaco-progress-container.infinite .progress-bit {
  animation-name: progress;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  transform: translateZ(0);
  animation-timing-function: linear;
}
.monaco-progress-container.infinite.infinite-long-running .progress-bit {
  animation-timing-function: steps(100);
}
@keyframes progress {
  0% {
    transform: translate(0) scaleX(1);
  }
  50% {
    transform: translate(2500%) scaleX(3);
  }
  to {
    transform: translate(4900%) scaleX(1);
  }
}
.monaco-inputbox {
  position: relative;
  display: block;
  padding: 0;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: inherit;
}
.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {
  padding: 4px 6px;
}
.monaco-inputbox > .ibwrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-inputbox > .ibwrapper > .input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: inherit;
  border: none;
  font-family: inherit;
  font-size: inherit;
  resize: none;
  color: inherit;
}
.monaco-inputbox > .ibwrapper > input {
  text-overflow: ellipsis;
}
.monaco-inputbox > .ibwrapper > textarea.input {
  display: block;
  scrollbar-width: none;
  outline: none;
}
.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
  display: none;
}
.monaco-inputbox > .ibwrapper > textarea.input.empty {
  white-space: nowrap;
}
.monaco-inputbox > .ibwrapper > .mirror {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  white-space: pre-wrap;
  visibility: hidden;
  word-wrap: break-word;
}
.monaco-inputbox-container {
  text-align: right;
}
.monaco-inputbox-container .monaco-inputbox-message {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0.4em;
  font-size: 12px;
  line-height: 17px;
  margin-top: -1px;
  word-wrap: break-word;
}
.monaco-inputbox .monaco-action-bar {
  position: absolute;
  right: 2px;
  top: 4px;
}
.monaco-inputbox .monaco-action-bar .action-item {
  margin-left: 2px;
}
.monaco-inputbox .monaco-action-bar .action-item .codicon {
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.monaco-findInput {
  position: relative;
}
.monaco-findInput .monaco-inputbox {
  font-size: 13px;
  width: 100%;
}
.monaco-findInput > .controls {
  position: absolute;
  top: 3px;
  right: 2px;
}
.vs .monaco-findInput.disabled {
  background-color: #e1e1e1;
}
.vs-dark .monaco-findInput.disabled {
  background-color: #333;
}
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-0 0.1s linear 0s;
}
.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-1 0.1s linear 0s;
}
.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark .monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-dark-0 0.1s linear 0s;
}
.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark .monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-dark-1 0.1s linear 0s;
}
@keyframes monaco-findInput-highlight-0 {
  0% {
    background: #fdff00cc;
  }
  to {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-1 {
  0% {
    background: #fdff00cc;
  }
  99% {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-0 {
  0% {
    background: #ffffff70;
  }
  to {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-1 {
  0% {
    background: #ffffff70;
  }
  99% {
    background: transparent;
  }
}
:root {
  --vscode-sash-size: 4px;
  --vscode-sash-hover-size: 4px;
}
.monaco-sash {
  position: absolute;
  z-index: 35;
  touch-action: none;
}
.monaco-sash.disabled {
  pointer-events: none;
}
.monaco-sash.mac.vertical {
  cursor: col-resize;
}
.monaco-sash.vertical.minimum {
  cursor: e-resize;
}
.monaco-sash.vertical.maximum {
  cursor: w-resize;
}
.monaco-sash.mac.horizontal {
  cursor: row-resize;
}
.monaco-sash.horizontal.minimum {
  cursor: s-resize;
}
.monaco-sash.horizontal.maximum {
  cursor: n-resize;
}
.monaco-sash.disabled {
  cursor: default !important;
  pointer-events: none !important;
}
.monaco-sash.vertical {
  cursor: ew-resize;
  top: 0;
  width: var(--vscode-sash-size);
  height: 100%;
}
.monaco-sash.horizontal {
  cursor: ns-resize;
  left: 0;
  width: 100%;
  height: var(--vscode-sash-size);
}
.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
  content: ' ';
  height: calc(var(--vscode-sash-size) * 2);
  width: calc(var(--vscode-sash-size) * 2);
  z-index: 100;
  display: block;
  cursor: all-scroll;
  position: absolute;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.end {
  cursor: nwse-resize;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.start {
  cursor: nesw-resize;
}
.monaco-sash.vertical > .orthogonal-drag-handle.start {
  left: calc(var(--vscode-sash-size) * -0.5);
  top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
  left: calc(var(--vscode-sash-size) * -0.5);
  bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
  top: calc(var(--vscode-sash-size) * -0.5);
  left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
  top: calc(var(--vscode-sash-size) * -0.5);
  right: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash:before {
  content: '';
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
}
.monaco-workbench:not(.reduce-motion) .monaco-sash:before {
  transition: background-color 0.1s ease-out;
}
.monaco-sash.hover:before,
.monaco-sash.active:before {
  background: var(--vscode-sash-hoverBorder);
}
.monaco-sash.vertical:before {
  width: var(--vscode-sash-hover-size);
  left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}
.monaco-sash.horizontal:before {
  height: var(--vscode-sash-hover-size);
  top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}
.pointer-events-disabled {
  pointer-events: none !important;
}
.monaco-sash.debug {
  background: #0ff;
}
.monaco-sash.debug.disabled {
  background: #0ff3;
}
.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
  background: red;
}
.monaco-split-view2 {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-split-view2 > .sash-container {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.monaco-split-view2 > .sash-container > .monaco-sash {
  pointer-events: initial;
}
.monaco-split-view2 > .monaco-scrollable-element {
  width: 100%;
  height: 100%;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  position: relative;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
  white-space: initial;
  position: absolute;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
  display: none;
}
.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
  width: 100%;
}
.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
  height: 100%;
}
.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child):before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  background-color: var(--separator-border);
}
.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child):before {
  height: 100%;
  width: 1px;
}
.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child):before {
  height: 1px;
  width: 100%;
}
.monaco-table {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.monaco-table > .monaco-split-view2 {
  border-bottom: 1px solid transparent;
}
.monaco-table > .monaco-list {
  flex: 1 1;
}
.monaco-table-tr {
  display: flex;
  height: 100%;
}
.monaco-table-th {
  width: 100%;
  height: 100%;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-table-th,
.monaco-table-td {
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.monaco-table > .monaco-split-view2 .monaco-sash.vertical:before {
  content: '';
  position: absolute;
  left: calc(var(--vscode-sash-size) / 2);
  width: 0;
  border-left: 1px solid transparent;
}
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical:before {
  transition: border-color 0.2s ease-out;
}
.monaco-tl-row {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}
.monaco-tl-row.disabled {
  cursor: default;
}
.monaco-tl-indent {
  height: 100%;
  position: absolute;
  top: 0;
  left: 16px;
  pointer-events: none;
}
.hide-arrows .monaco-tl-indent {
  left: 12px;
}
.monaco-tl-indent > .indent-guide {
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  border-left: 1px solid transparent;
}
.monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide {
  transition: border-color 0.1s linear;
}
.monaco-tl-twistie,
.monaco-tl-contents {
  height: 100%;
}
.monaco-tl-twistie {
  font-size: 10px;
  text-align: right;
  padding-right: 6px;
  flex-shrink: 0;
  width: 16px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transform: translate(3px);
}
.monaco-tl-contents {
  flex: 1 1;
  overflow: hidden;
}
.monaco-tl-twistie:before {
  border-radius: 20px;
}
.monaco-tl-twistie.collapsed:before {
  transform: rotate(-90deg);
}
.monaco-tl-twistie.codicon-tree-item-loading:before {
  animation: codicon-spin 1.25s steps(30) infinite;
}
.monaco-tree-type-filter {
  position: absolute;
  top: 0;
  display: flex;
  padding: 3px;
  max-width: 200px;
  z-index: 100;
  margin: 0 6px;
  border: 1px solid var(--vscode-widget-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {
  transition: top 0.3s;
}
.monaco-tree-type-filter.disabled {
  top: -40px !important;
}
.monaco-tree-type-filter-grab {
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: grab;
  margin-right: 2px;
}
.monaco-tree-type-filter-grab.grabbing {
  cursor: grabbing;
}
.monaco-tree-type-filter-input {
  flex: 1 1;
}
.monaco-tree-type-filter-input .monaco-inputbox {
  height: 23px;
}
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
  padding: 2px 4px;
}
.monaco-tree-type-filter-input .monaco-findInput > .controls {
  top: 2px;
}
.monaco-tree-type-filter-actionbar {
  margin-left: 4px;
}
.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
  padding: 2px;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 13;
  background-color: var(--vscode-sideBar-background);
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row {
  position: absolute;
  width: 100%;
  opacity: 1 !important;
  overflow: hidden;
  background-color: var(--vscode-sideBar-background);
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover {
  background-color: var(--vscode-list-hoverBackground) !important;
  cursor: pointer;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow {
  display: none;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow {
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 0px;
  width: 100%;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex='0']:focus {
  outline: none;
}
.monaco-icon-label {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-icon-label:before {
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-right: 6px;
  width: 16px;
  height: 22px;
  line-height: inherit !important;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  flex-shrink: 0;
}
.monaco-icon-label-iconpath {
  width: 16px;
  height: 16px;
  padding-left: 2px;
  margin-top: 2px;
  display: flex;
}
.monaco-icon-label-container.disabled {
  color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
  color: inherit;
  white-space: pre;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
  margin: 0 2px;
  opacity: 0.5;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix {
  opacity: 0.7;
  white-space: pre;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  opacity: 0.7;
  margin-left: 0.5em;
  font-size: 0.9em;
  white-space: pre;
}
.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  white-space: nowrap;
}
.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  opacity: 0.95;
}
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  font-style: italic;
}
.monaco-icon-label.deprecated {
  text-decoration: line-through;
  opacity: 0.66;
}
.monaco-icon-label.italic:after {
  font-style: italic;
}
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  text-decoration: line-through;
}
.monaco-icon-label:after {
  opacity: 0.75;
  font-size: 90%;
  font-weight: 600;
  margin: auto 16px 0 5px;
  text-align: center;
}
.monaco-list:focus .selected .monaco-icon-label,
.monaco-list:focus .selected .monaco-icon-label:after {
  color: inherit !important;
}
.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
  opacity: 0.8;
}
.monaco-keybinding {
  display: flex;
  align-items: center;
  line-height: 10px;
}
.monaco-keybinding > .monaco-keybinding-key {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  vertical-align: middle;
  font-size: 11px;
  padding: 3px 5px;
  margin: 0 2px;
}
.monaco-keybinding > .monaco-keybinding-key:first-child {
  margin-left: 0;
}
.monaco-keybinding > .monaco-keybinding-key:last-child {
  margin-right: 0;
}
.monaco-keybinding > .monaco-keybinding-key-separator {
  display: inline-block;
}
.monaco-keybinding > .monaco-keybinding-key-chord-separator {
  width: 6px;
}
::-ms-clear {
  display: none;
}
.monaco-editor .editor-widget input {
  color: inherit;
}
.monaco-editor {
  position: relative;
  overflow: visible;
  -webkit-text-size-adjust: 100%;
  color: var(--vscode-editor-foreground);
  background-color: var(--vscode-editor-background);
  overflow-wrap: initial;
}
.monaco-editor-background {
  background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
  background-color: var(--vscode-editor-rangeHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight,
.monaco-editor.hc-light .rangeHighlight {
  border-style: dotted;
}
.monaco-editor .symbolHighlight {
  background-color: var(--vscode-editor-symbolHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight,
.monaco-editor.hc-light .symbolHighlight {
  border-style: dotted;
}
.monaco-editor .overflow-guard {
  position: relative;
  overflow: hidden;
}
.monaco-editor .view-overlays {
  position: absolute;
  top: 0;
}
.monaco-editor .view-overlays > div,
.monaco-editor .margin-view-overlays > div {
  position: absolute;
  width: 100%;
}
.monaco-editor .squiggly-error {
  border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
  border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
  border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
  border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
  border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
  text-decoration: line-through;
  text-decoration-color: var(--vscode-editor-foreground, inherit);
}
.monaco-editor .inputarea {
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  outline: none !important;
  resize: none;
  border: none;
  overflow: hidden;
  color: transparent;
  background-color: transparent;
  z-index: -10;
}
.monaco-editor .inputarea.ime-input {
  z-index: 10;
  caret-color: var(--vscode-editorCursor-foreground);
  color: var(--vscode-editor-foreground);
}
.monaco-editor .margin-view-overlays .line-numbers {
  bottom: 0;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  position: absolute;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: default;
}
.monaco-editor .relative-current-line-number {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
  margin-top: 1px;
}
.monaco-editor .line-numbers {
  color: var(--vscode-editorLineNumber-foreground);
}
.monaco-editor .line-numbers.active-line-number {
  color: var(--vscode-editorLineNumber-activeForeground);
}
.monaco-editor .margin {
  background-color: var(--vscode-editorGutter-background);
}
.monaco-mouse-cursor-text {
  cursor: text;
}
.monaco-editor .blockDecorations-container {
  position: absolute;
  top: 0;
  pointer-events: none;
}
.monaco-editor .blockDecorations-block {
  position: absolute;
  box-sizing: border-box;
}
.monaco-editor .view-overlays .current-line,
.monaco-editor .margin-view-overlays .current-line {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  height: 100%;
}
.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both {
  border-right: 0;
}
.monaco-editor .lines-content .cdr {
  position: absolute;
  height: 100%;
}
.monaco-editor .glyph-margin {
  position: absolute;
  top: 0;
}
.monaco-editor .glyph-margin-widgets .cgmr {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.monaco-editor .lines-content .core-guide {
  position: absolute;
  box-sizing: border-box;
  height: 100%;
}
.mtkcontrol {
  color: #fff !important;
  background: #960000 !important;
}
.mtkoverflow {
  background-color: var(--vscode-button-background, var(--vscode-editor-background));
  color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
  border-width: 1px;
  border-style: solid;
  border-color: var(--vscode-contrastBorder);
  border-radius: 2px;
  padding: 4px;
  cursor: pointer;
}
.mtkoverflow:hover {
  background-color: var(--vscode-button-hoverBackground);
}
.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
  user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.monaco-editor.enable-user-select {
  user-select: initial;
  -webkit-user-select: initial;
}
.monaco-editor .view-lines {
  white-space: nowrap;
}
.monaco-editor .view-line {
  position: absolute;
  width: 100%;
}
.monaco-editor .lines-content > .view-lines > .view-line > span {
  top: 0;
  bottom: 0;
  position: absolute;
}
.monaco-editor .mtkw {
  color: var(--vscode-editorWhitespace-foreground) !important;
}
.monaco-editor .mtkz {
  display: inline-block;
  color: var(--vscode-editorWhitespace-foreground) !important;
}
.monaco-editor .lines-decorations {
  position: absolute;
  top: 0;
  background: #fff;
}
.monaco-editor .margin-view-overlays .cldr {
  position: absolute;
  height: 100%;
}
.monaco-editor .margin-view-overlays .cmdr {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider {
  opacity: 0;
  transition: opacity 0.1s linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider,
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
  opacity: 1;
}
.monaco-editor .minimap-slider .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
  box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
  position: absolute;
  width: 0;
}
.monaco-editor .minimap-shadow-visible {
  position: absolute;
  left: -6px;
  width: 6px;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
  position: absolute;
  left: -1px;
  width: 1px;
}
.minimap.autohide {
  opacity: 0;
  transition: opacity 0.5s;
}
.minimap.autohide:hover {
  opacity: 1;
}
.monaco-editor .minimap {
  z-index: 5;
}
.monaco-editor .overlayWidgets {
  position: absolute;
  top: 0;
  left: 0;
}
.monaco-editor .view-ruler {
  position: absolute;
  top: 0;
  box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}
.monaco-editor .scroll-decoration {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-editor .lines-content .cslr {
  position: absolute;
}
.monaco-editor .focused .selected-text {
  background-color: var(--vscode-editor-selectionBackground);
}
.monaco-editor .selected-text {
  background-color: var(--vscode-editor-inactiveSelectionBackground);
}
.monaco-editor .top-left-radius {
  border-top-left-radius: 3px;
}
.monaco-editor .bottom-left-radius {
  border-bottom-left-radius: 3px;
}
.monaco-editor .top-right-radius {
  border-top-right-radius: 3px;
}
.monaco-editor .bottom-right-radius {
  border-bottom-right-radius: 3px;
}
.monaco-editor.hc-black .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-black .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-black .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-black .bottom-right-radius {
  border-bottom-right-radius: 0;
}
.monaco-editor.hc-light .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-light .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-light .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-light .bottom-right-radius {
  border-bottom-right-radius: 0;
}
.monaco-editor .cursors-layer {
  position: absolute;
  top: 0;
}
.monaco-editor .cursors-layer > .cursor {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
  transition: all 80ms;
}
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
  background: transparent !important;
  border-style: solid;
  border-width: 1px;
}
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  background: transparent !important;
}
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: transparent !important;
}
@keyframes monaco-cursor-smooth {
  0%,
  20% {
    opacity: 1;
  }
  60%,
  to {
    opacity: 0;
  }
}
@keyframes monaco-cursor-phase {
  0%,
  20% {
    opacity: 1;
  }
  90%,
  to {
    opacity: 0;
  }
}
@keyframes monaco-cursor-expand {
  0%,
  20% {
    transform: scaleY(1);
  }
  80%,
  to {
    transform: scaleY(0);
  }
}
.cursor-smooth {
  animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}
.cursor-phase {
  animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}
.cursor-expand > .cursor {
  animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}
.monaco-editor .mwh {
  position: absolute;
  color: var(--vscode-editorWhitespace-foreground) !important;
}
.monaco-editor .diff-hidden-lines-widget {
  width: 100%;
}
.monaco-editor .diff-hidden-lines {
  height: 0px;
  transform: translateY(-10px);
  font-size: 13px;
  line-height: 14px;
}
.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines .bottom.dragging {
  background-color: var(--vscode-focusBorder);
}
.monaco-editor .diff-hidden-lines .top,
.monaco-editor .diff-hidden-lines .bottom {
  transition: background-color 0.1s ease-out;
  height: 4px;
  background-color: transparent;
  background-clip: padding-box;
  border-bottom: 2px solid transparent;
  border-top: 4px solid transparent;
}
.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
  cursor: n-resize !important;
}
.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
  cursor: s-resize !important;
}
.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
  cursor: ns-resize !important;
}
.monaco-editor .diff-hidden-lines .top {
  transform: translateY(4px);
}
.monaco-editor .diff-hidden-lines .bottom {
  transform: translateY(-6px);
}
.monaco-editor .diff-unchanged-lines {
  background: var(--vscode-diffEditor-unchangedCodeBackground);
}
.monaco-editor .noModificationsOverlay {
  z-index: 1;
  background: var(--vscode-editor-background);
  display: flex;
  justify-content: center;
  align-items: center;
}
.monaco-editor .diff-hidden-lines .center {
  background: var(--vscode-diffEditor-unchangedRegionBackground);
  color: var(--vscode-diffEditor-unchangedRegionForeground);
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 24px;
  box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
}
.monaco-editor .diff-hidden-lines .center span.codicon {
  vertical-align: middle;
}
.monaco-editor .diff-hidden-lines .center a:hover .codicon {
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .diff-hidden-lines div.breadcrumb-item {
  cursor: pointer;
}
.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
  color: var(--vscode-editorLink-activeForeground);
}
.monaco-editor .movedOriginal,
.monaco-editor .movedModified {
  border: 2px solid var(--vscode-diffEditor-move-border);
}
.monaco-editor .movedOriginal.currentMove,
.monaco-editor .movedModified.currentMove {
  border: 2px solid var(--vscode-diffEditor-moveActive-border);
}
.monaco-diff-editor .moved-blocks-lines path.currentMove {
  stroke: var(--vscode-diffEditor-moveActive-border);
}
.monaco-diff-editor .moved-blocks-lines path {
  pointer-events: visiblestroke;
}
.monaco-diff-editor .moved-blocks-lines .arrow {
  fill: var(--vscode-diffEditor-move-border);
}
.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
  fill: var(--vscode-diffEditor-moveActive-border);
}
.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
  fill: var(--vscode-editor-background);
}
.monaco-diff-editor .moved-blocks-lines {
  position: absolute;
  pointer-events: none;
}
.monaco-diff-editor .moved-blocks-lines path {
  fill: none;
  stroke: var(--vscode-diffEditor-move-border);
  stroke-width: 2;
}
.monaco-editor .char-delete.diff-range-empty {
  margin-left: -1px;
  border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}
.monaco-editor .char-insert.diff-range-empty {
  border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}
.monaco-editor .fold-unchanged {
  cursor: pointer;
}
.monaco-diff-editor .diff-moved-code-block {
  display: flex;
  justify-content: flex-end;
  margin-top: -4px;
}
.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.monaco-diff-editor .diffOverview {
  z-index: 9;
}
.monaco-diff-editor .diffOverview .diffViewport {
  z-index: 10;
}
.monaco-diff-editor.vs .diffOverview {
  background: #00000008;
}
.monaco-diff-editor.vs-dark .diffOverview {
  background: #ffffff03;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar,
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar {
  background: #0000;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar,
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light .scrollbar {
  background: none;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
  z-index: 10;
}
.modified-in-monaco-diff-editor .slider.active {
  background: #ababab66;
}
.modified-in-monaco-diff-editor.hc-black .slider.active,
.modified-in-monaco-diff-editor.hc-light .slider.active {
  background: none;
}
.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
  font-size: 11px !important;
  opacity: 0.7 !important;
  display: flex !important;
  align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
  opacity: 1;
}
.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .inline-added-margin-view-zone {
  text-align: right;
}
.monaco-editor .arrow-revert-change {
  z-index: 10;
  position: absolute;
}
.monaco-editor .arrow-revert-change:hover {
  cursor: pointer;
}
.monaco-editor .view-zones .view-lines .view-line span {
  display: inline-block;
}
.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
  cursor: pointer;
}
.monaco-editor .char-insert,
.monaco-diff-editor .char-insert {
  background-color: var(--vscode-diffEditor-insertedTextBackground);
}
.monaco-editor .line-insert,
.monaco-diff-editor .line-insert {
  background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
}
.monaco-editor .line-insert,
.monaco-editor .char-insert {
  box-sizing: border-box;
  border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert,
.monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert,
.monaco-editor.hc-light .char-insert {
  border-style: dashed;
}
.monaco-editor .line-delete,
.monaco-editor .char-delete {
  box-sizing: border-box;
  border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete,
.monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete,
.monaco-editor.hc-light .char-delete {
  border-style: dashed;
}
.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert,
.monaco-diff-editor .gutter-insert {
  background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
}
.monaco-editor .char-delete,
.monaco-diff-editor .char-delete,
.monaco-editor .inline-deleted-text {
  background-color: var(--vscode-diffEditor-removedTextBackground);
}
.monaco-editor .inline-deleted-text {
  text-decoration: line-through;
}
.monaco-editor .line-delete,
.monaco-diff-editor .line-delete {
  background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
}
.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete,
.monaco-diff-editor .gutter-delete {
  background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
}
.monaco-diff-editor.side-by-side .editor.modified {
  box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
  border-left: 1px solid var(--vscode-diffEditor-border);
}
.monaco-diff-editor.side-by-side .editor.original {
  box-shadow: 6px 0 5px -5px var(--vscode-scrollbar-shadow);
  border-right: 1px solid var(--vscode-diffEditor-border);
}
.monaco-diff-editor .diffViewport {
  background: var(--vscode-scrollbarSlider-background);
}
.monaco-diff-editor .diffViewport:hover {
  background: var(--vscode-scrollbarSlider-hoverBackground);
}
.monaco-diff-editor .diffViewport:active {
  background: var(--vscode-scrollbarSlider-activeBackground);
}
.monaco-editor .diagonal-fill {
  background-image: linear-gradient(-45deg, var(--vscode-diffEditor-diagonalFill) 12.5%, #0000 12.5%, #0000 50%, var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%, #0000 62.5%, #0000 100%);
  background-size: 8px 8px;
}
.monaco-diff-editor .gutter {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  flex-grow: 0;
}
.monaco-diff-editor .gutter > div {
  position: absolute;
}
.monaco-diff-editor .gutter .gutterItem {
  opacity: 0;
  transition: opacity 0.7s;
}
.monaco-diff-editor .gutter .gutterItem.showAlways {
  opacity: 1;
  transition: none;
}
.monaco-diff-editor .gutter .gutterItem.noTransition {
  transition: none;
}
.monaco-diff-editor .gutter:hover .gutterItem {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}
.monaco-diff-editor .gutter .gutterItem .background {
  position: absolute;
  height: 100%;
  left: 50%;
  width: 1px;
  border-left: 2px var(--vscode-menu-border) solid;
}
.monaco-diff-editor .gutter .gutterItem .buttons {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar {
  height: fit-content;
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar {
  line-height: 1;
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container {
  width: fit-content;
  border-radius: 4px;
  background: var(--vscode-editorGutter-commentRangeForeground);
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container .action-item:hover {
  background: var(--vscode-toolbar-hoverBackground);
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container .action-item .action-label {
  padding: 1px 2px;
}
.monaco-diff-editor .diff-hidden-lines-compact {
  display: flex;
  height: 11px;
}
.monaco-diff-editor .diff-hidden-lines-compact .line-left,
.monaco-diff-editor .diff-hidden-lines-compact .line-right {
  height: 1px;
  border-top: 1px solid;
  border-color: var(--vscode-editorCodeLens-foreground);
  opacity: 0.5;
  margin: auto;
  width: 100%;
}
.monaco-diff-editor .diff-hidden-lines-compact .line-left {
  width: 20px;
}
.monaco-diff-editor .diff-hidden-lines-compact .text {
  color: var(--vscode-editorCodeLens-foreground);
  text-wrap: nowrap;
  font-size: 11px;
  line-height: 11px;
  margin: 0 4px;
}
.monaco-component.diff-review {
  user-select: none;
  -webkit-user-select: none;
  z-index: 99;
}
.monaco-diff-editor .diff-review {
  position: absolute;
}
.monaco-component.diff-review .diff-review-line-number {
  text-align: right;
  display: inline-block;
  color: var(--vscode-editorLineNumber-foreground);
}
.monaco-component.diff-review .diff-review-summary {
  padding-left: 10px;
}
.monaco-component.diff-review .diff-review-shadow {
  position: absolute;
  box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
}
.monaco-component.diff-review .diff-review-row {
  white-space: pre;
}
.monaco-component.diff-review .diff-review-table {
  display: table;
  min-width: 100%;
}
.monaco-component.diff-review .diff-review-row {
  display: table-row;
  width: 100%;
}
.monaco-component.diff-review .diff-review-spacer {
  display: inline-block;
  width: 10px;
  vertical-align: middle;
}
.monaco-component.diff-review .diff-review-spacer > .codicon {
  font-size: 9px !important;
}
.monaco-component.diff-review .diff-review-actions {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 2px;
  z-index: 100;
}
.monaco-component.diff-review .diff-review-actions .action-label {
  width: 16px;
  height: 16px;
  margin: 2px 0;
}
.monaco-component.diff-review .revertButton {
  cursor: pointer;
}
.monaco-toolbar {
  height: 100%;
}
.monaco-toolbar .toolbar-toggle-more {
  display: inline-block;
  padding: 0;
}
.monaco-component.multiDiffEditor {
  background: var(--vscode-multiDiffEditor-background);
  position: relative;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
}
.monaco-component.multiDiffEditor > div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.monaco-component.multiDiffEditor > div.placeholder {
  visibility: hidden;
  display: grid;
  place-items: center;
  place-content: center;
}
.monaco-component.multiDiffEditor > div.placeholder.visible {
  visibility: visible;
}
.monaco-component.multiDiffEditor .active {
  --vscode-multiDiffEditor-border: var(--vscode-focusBorder);
}
.monaco-component.multiDiffEditor .multiDiffEntry {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: hidden;
}
.monaco-component.multiDiffEditor .multiDiffEntry .collapse-button {
  margin: 0 5px;
  cursor: pointer;
}
.monaco-component.multiDiffEditor .multiDiffEntry .collapse-button a {
  display: block;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header {
  z-index: 1000;
  background: var(--vscode-editor-background);
}
.monaco-component.multiDiffEditor .multiDiffEntry .header:not(.collapsed) .header-content {
  border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border);
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content {
  margin: 8px 0 0;
  padding: 4px 5px;
  border-top: 1px solid var(--vscode-multiDiffEditor-border);
  display: flex;
  align-items: center;
  color: var(--vscode-foreground);
  background: var(--vscode-multiDiffEditor-headerBackground);
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content.shadow {
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path {
  display: flex;
  flex: 1 1;
  min-width: 0;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .title {
  font-size: 14px;
  line-height: 22px;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .title.original {
  flex: 1 1;
  min-width: 0;
  text-overflow: ellipsis;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .status {
  font-weight: 600;
  opacity: 0.75;
  margin: 0 10px;
  line-height: 22px;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .actions {
  padding: 0 8px;
}
.monaco-component.multiDiffEditor .multiDiffEntry .editorParent {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--vscode-multiDiffEditor-border);
  overflow: hidden;
}
.monaco-component.multiDiffEditor .multiDiffEntry .editorContainer {
  flex: 1 1;
}
.monaco-editor .selection-anchor {
  background-color: #007acc;
  width: 2px !important;
}
.monaco-editor .bracket-match {
  box-sizing: border-box;
  background-color: var(--vscode-editorBracketMatch-background);
  border: 1px solid var(--vscode-editorBracketMatch-border);
}
.inline-editor-progress-decoration {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.inline-progress-widget {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.inline-progress-widget .icon {
  font-size: 80% !important;
}
.inline-progress-widget:hover .icon {
  font-size: 90% !important;
  animation: none;
}
.inline-progress-widget:hover .icon:before {
  content: var(--vscode-icon-x-content);
  font-family: var(--vscode-icon-x-font-family);
}
.monaco-editor .monaco-editor-overlaymessage {
  padding-bottom: 8px;
  z-index: 10000;
}
.monaco-editor .monaco-editor-overlaymessage.below {
  padding-bottom: 0;
  padding-top: 8px;
  z-index: 10000;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
  animation: fadeIn 0.15s ease-out;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
  animation: fadeOut 0.1s ease-out;
}
.monaco-editor .monaco-editor-overlaymessage .message {
  padding: 2px 4px;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-inputValidation-infoBorder);
  border-radius: 3px;
}
.monaco-editor .monaco-editor-overlaymessage .message p {
  margin-block: 0px;
}
.monaco-editor .monaco-editor-overlaymessage .message a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-editor-overlaymessage .message a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
  border-width: 2px;
}
.monaco-editor .monaco-editor-overlaymessage .anchor {
  width: 0 !important;
  height: 0 !important;
  border-color: transparent;
  border-style: solid;
  z-index: 1000;
  border-width: 8px;
  position: absolute;
  left: 2px;
}
.monaco-editor .monaco-editor-overlaymessage .anchor.top {
  border-bottom-color: var(--vscode-inputValidation-infoBorder);
}
.monaco-editor .monaco-editor-overlaymessage .anchor.below {
  border-top-color: var(--vscode-inputValidation-infoBorder);
}
.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
  display: none;
}
.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
  display: inherit;
  top: -8px;
}
.post-edit-widget {
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  border: 1px solid var(--vscode-widget-border, transparent);
  border-radius: 4px;
  background-color: var(--vscode-editorWidget-background);
  overflow: hidden;
}
.post-edit-widget .monaco-button {
  padding: 2px;
  border: none;
  border-radius: 0;
}
.post-edit-widget .monaco-button:hover {
  background-color: var(--vscode-button-secondaryHoverBackground) !important;
}
.post-edit-widget .monaco-button .codicon {
  margin: 0;
}
@font-face {
  font-family: codicon;
  font-display: block;
  src: url(../../static/media/f6283f7ccaed1249d9eb.f6283f7ccaed1249d9eb.ttf) format('truetype');
}
.codicon[class*='codicon-'] {
  font: 16px/1 codicon;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  text-align: center;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  -webkit-user-select: none;
}
.codicon-wrench-subaction {
  opacity: 0.5;
}
@keyframes codicon-spin {
  to {
    transform: rotate(360deg);
  }
}
.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
  animation: codicon-spin 1.5s steps(30) infinite;
}
.codicon-modifier-disabled {
  opacity: 0.4;
}
.codicon-loading,
.codicon-tree-item-loading:before {
  animation-duration: 1s !important;
  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}
.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array {
  color: var(--vscode-symbolIcon-arrayForeground);
}
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean {
  color: var(--vscode-symbolIcon-booleanForeground);
}
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class {
  color: var(--vscode-symbolIcon-classForeground);
}
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method {
  color: var(--vscode-symbolIcon-methodForeground);
}
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color {
  color: var(--vscode-symbolIcon-colorForeground);
}
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant {
  color: var(--vscode-symbolIcon-constantForeground);
}
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor {
  color: var(--vscode-symbolIcon-constructorForeground);
}
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum {
  color: var(--vscode-symbolIcon-enumeratorForeground);
}
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member {
  color: var(--vscode-symbolIcon-enumeratorMemberForeground);
}
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event {
  color: var(--vscode-symbolIcon-eventForeground);
}
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field {
  color: var(--vscode-symbolIcon-fieldForeground);
}
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file {
  color: var(--vscode-symbolIcon-fileForeground);
}
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder {
  color: var(--vscode-symbolIcon-folderForeground);
}
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function {
  color: var(--vscode-symbolIcon-functionForeground);
}
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface {
  color: var(--vscode-symbolIcon-interfaceForeground);
}
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key {
  color: var(--vscode-symbolIcon-keyForeground);
}
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword {
  color: var(--vscode-symbolIcon-keywordForeground);
}
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module {
  color: var(--vscode-symbolIcon-moduleForeground);
}
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace {
  color: var(--vscode-symbolIcon-namespaceForeground);
}
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null {
  color: var(--vscode-symbolIcon-nullForeground);
}
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number {
  color: var(--vscode-symbolIcon-numberForeground);
}
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object {
  color: var(--vscode-symbolIcon-objectForeground);
}
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator {
  color: var(--vscode-symbolIcon-operatorForeground);
}
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package {
  color: var(--vscode-symbolIcon-packageForeground);
}
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property {
  color: var(--vscode-symbolIcon-propertyForeground);
}
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference {
  color: var(--vscode-symbolIcon-referenceForeground);
}
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet {
  color: var(--vscode-symbolIcon-snippetForeground);
}
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string {
  color: var(--vscode-symbolIcon-stringForeground);
}
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct {
  color: var(--vscode-symbolIcon-structForeground);
}
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text {
  color: var(--vscode-symbolIcon-textForeground);
}
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter {
  color: var(--vscode-symbolIcon-typeParameterForeground);
}
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit {
  color: var(--vscode-symbolIcon-unitForeground);
}
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable {
  color: var(--vscode-symbolIcon-variableForeground);
}
.monaco-editor .lightBulbWidget {
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-editor .lightBulbWidget:hover {
  cursor: pointer;
}
.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
  color: var(--vscode-editorLightBulb-foreground);
}
.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
  color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}
.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
  color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}
.monaco-editor .lightBulbWidget:before {
  position: relative;
  z-index: 2;
}
.monaco-editor .lightBulbWidget:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: 1;
}
.monaco-editor .glyph-margin-widgets .cgmr[class*='codicon-gutter-lightbulb'] {
  display: block;
  cursor: pointer;
}
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle {
  color: var(--vscode-editorLightBulb-foreground);
}
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix {
  color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled {
  color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}
.action-widget {
  font-size: 13px;
  min-width: 160px;
  max-width: 80vw;
  z-index: 40;
  display: block;
  width: 100%;
  border: 1px solid var(--vscode-editorWidget-border) !important;
  border-radius: 5px;
  background-color: var(--vscode-editorActionList-background);
  color: var(--vscode-editorActionList-foreground);
  padding: 4px;
  box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}
.context-view-block {
  position: fixed;
  cursor: initial;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.context-view-pointerBlock {
  position: fixed;
  cursor: initial;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.action-widget .monaco-list {
  user-select: none;
  -webkit-user-select: none;
  border: none !important;
  border-width: 0 !important;
}
.action-widget .monaco-list:focus:before {
  outline: 0 !important;
}
.action-widget .monaco-list .monaco-scrollable-element {
  overflow: visible;
}
.action-widget .monaco-list .monaco-list-row {
  padding: 0 10px;
  white-space: nowrap;
  cursor: pointer;
  touch-action: none;
  width: 100%;
  border-radius: 4px;
}
.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
  background-color: var(--vscode-editorActionList-focusBackground) !important;
  color: var(--vscode-editorActionList-focusForeground);
  outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
  outline-offset: -1px;
}
.action-widget .monaco-list-row.group-header {
  color: var(--vscode-descriptionForeground) !important;
  font-weight: 600;
  font-size: 12px;
}
.action-widget .monaco-list-row.group-header:not(:first-of-type) {
  margin-top: 2px;
}
.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
  cursor: default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent !important;
  outline: 0 solid !important;
}
.action-widget .monaco-list-row.action {
  display: flex;
  gap: 8px;
  align-items: center;
}
.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
  color: var(--vscode-disabledForeground);
}
.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
  color: inherit;
}
.action-widget .monaco-list-row.action .title {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-widget .monaco-list-row.action .monaco-keybinding > .monaco-keybinding-key {
  background-color: var(--vscode-keybindingLabel-background);
  color: var(--vscode-keybindingLabel-foreground);
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: var(--vscode-keybindingLabel-border);
  border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
  box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
}
.action-widget .action-widget-action-bar {
  background-color: var(--vscode-editorActionList-background);
  border-top: 1px solid var(--vscode-editorHoverWidget-border);
  margin-top: 2px;
}
.action-widget .action-widget-action-bar:before {
  display: block;
  content: '';
  width: 100%;
}
.action-widget .action-widget-action-bar .actions-container {
  padding: 3px 8px 0;
}
.action-widget-action-bar .action-label {
  color: var(--vscode-textLink-activeForeground);
  font-size: 12px;
  line-height: 22px;
  padding: 0;
  pointer-events: all;
}
.action-widget-action-bar .action-item {
  margin-right: 16px;
  pointer-events: none;
}
.action-widget-action-bar .action-label:hover {
  background-color: transparent !important;
}
.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
  background: var(--vscode-actionBar-toggledBackground) !important;
}
.monaco-editor .codelens-decoration {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vscode-editorCodeLens-foreground);
  line-height: var(--vscode-editorCodeLens-lineHeight);
  font-size: var(--vscode-editorCodeLens-fontSize);
  padding-right: calc(var(--vscode-editorCodeLens-fontSize) * 0.5);
  font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
  font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}
.monaco-editor .codelens-decoration > span,
.monaco-editor .codelens-decoration > a {
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  vertical-align: sub;
}
.monaco-editor .codelens-decoration > a {
  text-decoration: none;
}
.monaco-editor .codelens-decoration > a:hover {
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .codelens-decoration > a:hover .codicon {
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .codelens-decoration .codicon {
  vertical-align: middle;
  color: currentColor !important;
  color: var(--vscode-editorCodeLens-foreground);
  line-height: var(--vscode-editorCodeLens-lineHeight);
  font-size: var(--vscode-editorCodeLens-fontSize);
}
.monaco-editor .codelens-decoration > a:hover .codicon:before {
  cursor: pointer;
}
@keyframes fadein {
  0% {
    opacity: 0;
    visibility: visible;
  }
  to {
    opacity: 1;
  }
}
.monaco-editor .codelens-decoration.fadein {
  animation: fadein 0.1s linear;
}
.colorpicker-widget {
  height: 190px;
  user-select: none;
  -webkit-user-select: none;
}
.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
  border: solid 0.1em #000;
  box-sizing: border-box;
  margin: 0.1em 0.2em 0;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8em;
  display: inline-block;
  cursor: pointer;
}
.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
  border: solid 0.1em #eee;
}
.colorpicker-header {
  display: flex;
  height: 24px;
  position: relative;
  background: url(../../static/media/ec9799ff80835acceac3.ec9799ff80835acceac3.png);
  background-size: 9px 9px;
  image-rendering: pixelated;
}
.colorpicker-header .picked-color {
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  cursor: pointer;
  color: #fff;
  flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
}
.colorpicker-header .picked-color .picked-color-presentation {
  white-space: nowrap;
  margin-left: 5px;
  margin-right: 5px;
}
.colorpicker-header .picked-color .codicon {
  color: inherit;
  font-size: 14px;
}
.colorpicker-header .picked-color.light {
  color: #000;
}
.colorpicker-header .original-color {
  width: 74px;
  z-index: inherit;
  cursor: pointer;
}
.standalone-colorpicker {
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.colorpicker-header.standalone-colorpicker {
  border-bottom: none;
}
.colorpicker-header .close-button {
  cursor: pointer;
  background-color: var(--vscode-editorHoverWidget-background);
  border-left: 1px solid var(--vscode-editorHoverWidget-border);
}
.colorpicker-header .close-button-inner-div {
  width: 100%;
  height: 100%;
  text-align: center;
}
.colorpicker-header .close-button-inner-div:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.colorpicker-header .close-icon {
  padding: 3px;
}
.colorpicker-body {
  display: flex;
  padding: 8px;
  position: relative;
}
.colorpicker-body .saturation-wrap {
  overflow: hidden;
  height: 150px;
  position: relative;
  min-width: 220px;
  flex: 1 1;
}
.colorpicker-body .saturation-box {
  height: 150px;
  position: absolute;
}
.colorpicker-body .saturation-selection {
  width: 9px;
  height: 9px;
  margin: -5px 0 0 -5px;
  border: 1px solid #ffffff;
  border-radius: 100%;
  box-shadow: 0 0 2px #000c;
  position: absolute;
}
.colorpicker-body .strip {
  width: 25px;
  height: 150px;
}
.colorpicker-body .standalone-strip {
  width: 25px;
  height: 122px;
}
.colorpicker-body .hue-strip {
  position: relative;
  margin-left: 8px;
  cursor: grab;
  background: linear-gradient(to bottom, red, #ff0 17%, #0f0 33%, #0ff, #00f 67%, #f0f 83%, red);
}
.colorpicker-body .opacity-strip {
  position: relative;
  margin-left: 8px;
  cursor: grab;
  background: url(../../static/media/ec9799ff80835acceac3.ec9799ff80835acceac3.png);
  background-size: 9px 9px;
  image-rendering: pixelated;
}
.colorpicker-body .strip.grabbing {
  cursor: grabbing;
}
.colorpicker-body .slider {
  position: absolute;
  top: 0;
  left: -2px;
  width: calc(100% + 4px);
  height: 4px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.71);
  box-shadow: 0 0 1px #000000d9;
}
.colorpicker-body .strip .overlay {
  height: 150px;
  pointer-events: none;
}
.colorpicker-body .standalone-strip .standalone-overlay {
  height: 122px;
  pointer-events: none;
}
.standalone-colorpicker-body {
  display: block;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
  overflow: hidden;
}
.colorpicker-body .insert-button {
  position: absolute;
  height: 20px;
  width: 58px;
  padding: 0;
  right: 8px;
  bottom: 8px;
  background: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
  border-radius: 2px;
  border: none;
  cursor: pointer;
}
.colorpicker-body .insert-button:hover {
  background: var(--vscode-button-hoverBackground);
}
.monaco-editor .inlineSuggestionsHints.withBorder {
  z-index: 39;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .inlineSuggestionsHints a,
.monaco-editor .inlineSuggestionsHints a:hover {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineSuggestionsHints .keybinding {
  display: flex;
  margin-left: 4px;
  opacity: 0.6;
}
.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
  font-size: 8px;
  padding: 2px 3px;
}
.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
  display: flex;
  min-width: 19px;
  justify-content: center;
}
.monaco-editor .inlineSuggestionStatusBarItemLabel {
  margin-right: 2px;
}
.monaco-editor .peekview-widget .head {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.monaco-editor .peekview-widget .head .peekview-title {
  display: flex;
  align-items: baseline;
  font-size: 13px;
  margin-left: 20px;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.monaco-editor .peekview-widget .head .peekview-title.clickable {
  cursor: pointer;
}
.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
  font-size: 0.9em;
  margin-left: 0.5em;
}
.monaco-editor .peekview-widget .head .peekview-title .meta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-editor .peekview-widget .head .peekview-title .dirname,
.monaco-editor .peekview-widget .head .peekview-title .filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty):before {
  content: '-';
  padding: 0 0.3em;
}
.monaco-editor .peekview-widget .head .peekview-actions {
  flex: 1 1;
  text-align: right;
  padding-right: 2px;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
  display: inline-block;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
  height: 100%;
}
.monaco-editor .peekview-widget > .body {
  border-top: 1px solid;
  position: relative;
}
.monaco-editor .peekview-widget .head .peekview-title .codicon {
  margin-right: 4px;
  align-self: center;
}
.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
  color: inherit !important;
}
.monaco-editor .zone-widget {
  position: absolute;
  z-index: 10;
}
.monaco-editor .zone-widget .zone-widget-container {
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 0;
  border-bottom-width: 0;
  position: relative;
}
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.monaco-editor .reference-zone-widget .inline {
  display: inline-block;
  vertical-align: top;
}
.monaco-editor .reference-zone-widget .messages {
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 3em 0;
}
.monaco-editor .reference-zone-widget .ref-tree {
  line-height: 23px;
  background-color: var(--vscode-peekViewResult-background);
  color: var(--vscode-peekViewResult-lineForeground);
}
.monaco-editor .reference-zone-widget .ref-tree .reference {
  text-overflow: ellipsis;
  overflow: hidden;
}
.monaco-editor .reference-zone-widget .ref-tree .reference-file {
  display: inline-flex;
  width: 100%;
  height: 100%;
  color: var(--vscode-peekViewResult-fileForeground);
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
  color: inherit !important;
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
  background-color: var(--vscode-peekViewResult-selectionBackground);
  color: var(--vscode-peekViewResult-selectionForeground) !important;
}
.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
  margin-right: 12px;
  margin-left: auto;
}
.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
  background-color: var(--vscode-peekViewResult-matchHighlightBackground);
}
.monaco-editor .reference-zone-widget .preview .reference-decoration {
  background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
  border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
  box-sizing: border-box;
}
.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
  background-color: var(--vscode-peekViewEditor-background);
}
.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
  background-color: var(--vscode-peekViewEditorGutter-background);
}
.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
  font-weight: 700;
}
.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
  border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
  box-sizing: border-box;
}
.monaco-editor .hoverHighlight {
  background-color: var(--vscode-editor-hoverHighlightBackground);
}
.monaco-editor .monaco-hover-content {
  padding-right: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
.monaco-editor .monaco-hover {
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  border-radius: 3px;
}
.monaco-editor .monaco-hover a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-hover a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .monaco-hover .hover-row {
  display: flex;
}
.monaco-editor .monaco-hover .hover-row .hover-row-contents {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  padding-right: 5px;
  justify-content: end;
  border-right: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon {
  cursor: pointer;
  font-size: 11px;
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.enabled {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.disabled {
  opacity: 0.6;
}
.monaco-editor .monaco-hover .hover-row .actions {
  background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}
.monaco-editor .monaco-hover code {
  background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
  border-right: 2px dotted black;
  color: #fff;
}
.monaco-editor.vs-dark .dnd-target {
  border-right: 2px dotted #aeafad;
  color: #51504f;
}
.monaco-editor.hc-black .dnd-target {
  border-right: 2px dotted #fff;
  color: #000;
}
.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
  cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
  cursor: copy;
}
.monaco-editor .findOptionsWidget {
  background-color: var(--vscode-editorWidget-background);
  color: var(--vscode-editorWidget-foreground);
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  border: 2px solid var(--vscode-contrastBorder);
}
.monaco-editor .find-widget {
  position: absolute;
  z-index: 35;
  height: 33px;
  overflow: hidden;
  line-height: 19px;
  transition: transform 0.2s linear;
  padding: 0 4px;
  box-sizing: border-box;
  transform: translateY(calc(-100% - 10px));
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  color: var(--vscode-editorWidget-foreground);
  border-left: 1px solid var(--vscode-widget-border);
  border-right: 1px solid var(--vscode-widget-border);
  border-bottom: 1px solid var(--vscode-widget-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--vscode-editorWidget-background);
}
.monaco-workbench.reduce-motion .monaco-editor .find-widget {
  transition: transform 0ms linear;
}
.monaco-editor .find-widget textarea {
  margin: 0;
}
.monaco-editor .find-widget.hiddenEditor {
  display: none;
}
.monaco-editor .find-widget.replaceToggled > .replace-part {
  display: flex;
}
.monaco-editor .find-widget.visible {
  transform: translateY(0);
}
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
  outline-color: var(--vscode-focusBorder);
}
.monaco-editor .find-widget .monaco-inputbox .input {
  background-color: transparent;
  min-height: 0;
}
.monaco-editor .find-widget .monaco-findInput .input {
  font-size: 13px;
}
.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
  margin: 3px 25px 0 17px;
  font-size: 12px;
  display: flex;
}
.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
  min-height: 25px;
}
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
  padding-right: 22px;
}
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
  padding-top: 2px;
  padding-bottom: 2px;
}
.monaco-editor .find-widget > .find-part .find-actions {
  height: 25px;
  display: flex;
  align-items: center;
}
.monaco-editor .find-widget > .replace-part .replace-actions {
  height: 25px;
  display: flex;
  align-items: center;
}
.monaco-editor .find-widget .monaco-findInput {
  vertical-align: middle;
  display: flex;
  flex: 1 1;
}
.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
  width: 100%;
}
.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
  opacity: 0;
}
.monaco-editor .find-widget .matchesCount {
  display: flex;
  flex: initial;
  margin: 0 0 0 3px;
  padding: 2px 0 0 2px;
  height: 25px;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
  line-height: 23px;
}
.monaco-editor .find-widget .button {
  width: 16px;
  height: 16px;
  padding: 3px;
  border-radius: 5px;
  flex: initial;
  margin-left: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-editor .find-widget .codicon-find-selection {
  width: 22px;
  height: 22px;
  padding: 3px;
  border-radius: 5px;
}
.monaco-editor .find-widget .button.left {
  margin-left: 0;
  margin-right: 3px;
}
.monaco-editor .find-widget .button.wide {
  width: auto;
  padding: 1px 6px;
  top: -1px;
}
.monaco-editor .find-widget .button.toggle {
  position: absolute;
  top: 0;
  left: 3px;
  width: 18px;
  height: 100%;
  border-radius: 0;
  box-sizing: border-box;
}
.monaco-editor .find-widget .button.toggle.disabled {
  display: none;
}
.monaco-editor .find-widget .disabled {
  color: var(--vscode-disabledForeground);
  cursor: default;
}
.monaco-editor .find-widget > .replace-part {
  display: none;
}
.monaco-editor .find-widget > .replace-part > .monaco-findInput {
  position: relative;
  display: flex;
  vertical-align: middle;
  flex: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
  position: absolute;
  top: 3px;
  right: 2px;
}
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
  display: none;
}
.monaco-editor .find-widget.narrow-find-widget {
  max-width: 257px !important;
}
.monaco-editor .find-widget.collapsed-find-widget {
  max-width: 170px !important;
}
.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
  display: none;
}
.monaco-editor .find-widget.no-results .matchesCount {
  color: var(--vscode-errorForeground);
}
.monaco-editor .findMatch {
  animation-duration: 0;
  animation-name: inherit !important;
  background-color: var(--vscode-editor-findMatchHighlightBackground);
}
.monaco-editor .currentFindMatch {
  background-color: var(--vscode-editor-findMatchBackground);
  border: 2px solid var(--vscode-editor-findMatchBorder);
  padding: 1px;
  box-sizing: border-box;
}
.monaco-editor .findScope {
  background-color: var(--vscode-editor-findRangeHighlightBackground);
}
.monaco-editor .find-widget .monaco-sash {
  left: 0 !important;
  background-color: var(--vscode-editorWidget-resizeBorder, var(--vscode-editorWidget-border));
}
.monaco-editor.hc-black .find-widget .button:before {
  position: relative;
  top: 1px;
  left: 2px;
}
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
  background-color: var(--vscode-toolbar-hoverBackground) !important;
}
.monaco-editor.findMatch {
  background-color: var(--vscode-editor-findMatchHighlightBackground);
}
.monaco-editor.currentFindMatch {
  background-color: var(--vscode-editor-findMatchBackground);
}
.monaco-editor.findScope {
  background-color: var(--vscode-editor-findRangeHighlightBackground);
}
.monaco-editor.findMatch {
  background-color: var(--vscode-editorWidget-background);
}
.monaco-editor .find-widget > .button.codicon-widget-close {
  position: absolute;
  top: 5px;
  right: 4px;
}
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 140%;
  margin-left: 2px;
}
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
  transition: initial;
}
.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
  opacity: 1;
}
.monaco-editor .inline-folded:after {
  color: var(--vscode-editor-foldPlaceholderForeground);
  margin: 0.1em 0.2em 0;
  content: '⋯';
  display: inline;
  line-height: 1em;
  cursor: pointer;
}
.monaco-editor .folded-background {
  background-color: var(--vscode-editor-foldBackground);
}
.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
  color: var(--vscode-editorGutter-foldingControlForeground) !important;
}
.monaco-editor .suggest-preview-additional-widget {
  white-space: nowrap;
}
.monaco-editor .suggest-preview-additional-widget .content-spacer {
  color: transparent;
  white-space: pre;
}
.monaco-editor .suggest-preview-additional-widget .button {
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .ghost-text-hidden {
  opacity: 0;
  font-size: 0;
}
.monaco-editor .ghost-text-decoration,
.monaco-editor .suggest-preview-text .ghost-text {
  font-style: italic;
}
.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
  color: var(--vscode-editorGhostText-foreground) !important;
  background-color: var(--vscode-editorGhostText-background);
  border: 1px solid var(--vscode-editorGhostText-border);
}
.monaco-editor .snippet-placeholder {
  min-width: 2px;
  outline-style: solid;
  outline-width: 1px;
  background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
  outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}
.monaco-editor .finish-snippet-placeholder {
  outline-style: solid;
  outline-width: 1px;
  background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
  outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}
.monaco-editor .suggest-widget {
  width: 430px;
  z-index: 40;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
}
.monaco-editor .suggest-widget.message {
  flex-direction: row;
  align-items: center;
}
.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
  flex: 0 1 auto;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: var(--vscode-editorSuggestWidget-border);
  background-color: var(--vscode-editorSuggestWidget-background);
}
.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
  border-width: 2px;
}
.monaco-editor .suggest-widget .suggest-status-bar {
  box-sizing: border-box;
  display: none;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  font-size: 80%;
  padding: 0 4px;
  border-top: 1px solid var(--vscode-editorSuggestWidget-border);
  overflow: hidden;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
  display: flex;
}
.monaco-editor .suggest-widget .suggest-status-bar .left {
  padding-right: 8px;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
  color: var(--vscode-editorSuggestWidgetStatus-foreground);
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
  margin-right: 0;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label:after {
  content: ', ';
  margin-right: 0.3em;
}
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
  display: none;
}
.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
  width: 100%;
}
.monaco-editor .suggest-widget > .message {
  padding-left: 22px;
}
.monaco-editor .suggest-widget > .tree {
  height: 100%;
  width: 100%;
}
.monaco-editor .suggest-widget .monaco-list {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
  display: flex;
  -mox-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  white-space: nowrap;
  cursor: pointer;
  touch-action: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
  color: var(--vscode-editorSuggestWidget-selectedForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
  color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
  flex: 1 1;
  height: 100%;
  overflow: hidden;
  padding-left: 2px;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  justify-content: space-between;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
  display: flex;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
  color: var(--vscode-editorSuggestWidget-foreground);
}
.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
  font-weight: 700;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
  color: var(--vscode-editorSuggestWidget-highlightForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
  color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:before {
  color: inherit;
  opacity: 1;
  font-size: 14px;
  cursor: pointer;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
  position: absolute;
  top: 6px;
  right: 2px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
  opacity: 1;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  opacity: 0.7;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.6;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
  margin-left: 12px;
  opacity: 0.4;
  font-size: 85%;
  line-height: initial;
  text-overflow: ellipsis;
  overflow: hidden;
  align-self: center;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  font-size: 85%;
  margin-left: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
  display: inline;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  display: none;
}
.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
  display: inline;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
  display: inline;
}
.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
  width: calc(100% - 26px);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
  flex-shrink: 0;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
  max-width: 100%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
  flex-shrink: 1;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
  overflow: hidden;
  flex-shrink: 4;
  max-width: 70%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px;
  visibility: hidden;
}
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
  display: none !important;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
  display: inline-block;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
  visibility: visible;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
  opacity: 0.66;
  text-decoration: unset;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
  text-decoration: line-through;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label:before {
  height: 100%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
  display: block;
  height: 16px;
  width: 16px;
  margin-left: 2px;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon:before {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
  margin: 0 0 0 0.3em;
  border: 0.1em solid #000;
  width: 0.7em;
  height: 0.7em;
  display: inline-block;
}
.monaco-editor .suggest-details-container {
  z-index: 41;
}
.monaco-editor .suggest-details {
  display: flex;
  flex-direction: column;
  cursor: default;
  color: var(--vscode-editorSuggestWidget-foreground);
}
.monaco-editor .suggest-details.focused {
  border-color: var(--vscode-focusBorder);
}
.monaco-editor .suggest-details a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .suggest-details a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .suggest-details code {
  background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor .suggest-details.no-docs {
  display: none;
}
.monaco-editor .suggest-details > .monaco-scrollable-element {
  flex: 1 1;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
  flex: 2 1;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.7;
  white-space: pre;
  margin: 0 24px 0 0;
  padding: 4px 0 12px 5px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
  white-space: normal;
  word-break: break-all;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
  margin: 0;
  padding: 4px 5px;
  white-space: pre-wrap;
}
.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
  margin-right: 24px;
  overflow: hidden;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
  padding: 0;
  white-space: initial;
  min-height: calc(1rem + 8px);
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
  padding: 4px 5px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
  margin-top: 0;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
  margin-bottom: 0;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
  white-space: pre;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
  vertical-align: sub;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
  display: none;
}
.monaco-editor .suggest-details code {
  border-radius: 3px;
  padding: 0 0.4em;
}
.monaco-editor .suggest-details ul,
.monaco-editor .suggest-details ol {
  padding-left: 20px;
}
.monaco-editor .suggest-details p code {
  font-family: var(--monaco-monospace-font);
}
.monaco-editor .goto-definition-link {
  text-decoration: underline;
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
  display: inline-block;
  vertical-align: text-top;
  margin-right: 4px;
}
.monaco-editor .marker-widget {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .marker-widget > .stale {
  opacity: 0.6;
  font-style: italic;
}
.monaco-editor .marker-widget .title {
  display: inline-block;
  padding-right: 5px;
}
.monaco-editor .marker-widget .descriptioncontainer {
  position: absolute;
  white-space: pre;
  user-select: text;
  -webkit-user-select: text;
  padding: 8px 12px 0 20px;
}
.monaco-editor .marker-widget .descriptioncontainer .message {
  display: flex;
  flex-direction: column;
}
.monaco-editor .marker-widget .descriptioncontainer .message .details {
  padding-left: 6px;
}
.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
  opacity: 0.6;
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
  opacity: 0.6;
  color: inherit;
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
  content: '(';
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
  content: ')';
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
  text-decoration: underline;
  border-bottom: 1px solid transparent;
  text-underline-position: under;
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .marker-widget .descriptioncontainer .filename {
  cursor: pointer;
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error,
.markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.preferences-editor .codicon.codicon-error {
  color: var(--vscode-problemsErrorIcon-foreground);
}
.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning,
.markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
  color: var(--vscode-problemsWarningIcon-foreground);
}
.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info,
.markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info,
.preferences-editor .codicon.codicon-info {
  color: var(--vscode-problemsInfoIcon-foreground);
}
.monaco-editor.vs .valueSetReplacement {
  outline: solid 2px var(--vscode-editorBracketMatch-border);
}
.monaco-editor .linked-editing-decoration {
  background-color: var(--vscode-editor-linkedEditingBackground);
  min-width: 1px;
}
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .detected-link-active {
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .focused .selectionHighlight {
  background-color: var(--vscode-editor-selectionHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight,
.monaco-editor.hc-light .focused .selectionHighlight {
  border-style: dotted;
}
.monaco-editor .wordHighlight {
  background-color: var(--vscode-editor-wordHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight,
.monaco-editor.hc-light .wordHighlight {
  border-style: dotted;
}
.monaco-editor .wordHighlightStrong {
  background-color: var(--vscode-editor-wordHighlightStrongBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong,
.monaco-editor.hc-light .wordHighlightStrong {
  border-style: dotted;
}
.monaco-editor .wordHighlightText {
  background-color: var(--vscode-editor-wordHighlightTextBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText,
.monaco-editor.hc-light .wordHighlightText {
  border-style: dotted;
}
.monaco-editor .inline-edit-remove {
  background-color: var(--vscode-editorGhostText-background);
  font-style: italic;
}
.monaco-editor .inline-edit-hidden {
  opacity: 0;
  font-size: 0;
}
.monaco-editor .inline-edit-decoration,
.monaco-editor .suggest-preview-text .inline-edit {
  font-style: italic;
}
.monaco-editor .inline-completion-text-to-replace {
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .inline-edit-decoration,
.monaco-editor .inline-edit-decoration-preview,
.monaco-editor .suggest-preview-text .inline-edit {
  color: var(--vscode-editorGhostText-foreground) !important;
  background-color: var(--vscode-editorGhostText-background);
  border: 1px solid var(--vscode-editorGhostText-border);
}
.monaco-editor .inlineEditHints.withBorder {
  z-index: 39;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .inlineEditHints a,
.monaco-editor .inlineEditHints a:hover {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineEditHints .keybinding {
  display: flex;
  margin-left: 4px;
  opacity: 0.6;
}
.monaco-editor .inlineEditHints .keybinding .monaco-keybinding-key {
  font-size: 8px;
  padding: 2px 3px;
}
.monaco-editor .inlineEditStatusBarItemLabel {
  margin-right: 2px;
}
.monaco-editor .inlineEditSideBySide {
  z-index: 39;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  white-space: pre;
}
.monaco-editor div.inline-edits-widget {
  --widget-color: var(--vscode-notifications-background);
}
.monaco-editor div.inline-edits-widget .promptEditor .monaco-editor {
  --vscode-editor-placeholder-foreground: var(--vscode-editorGhostText-foreground);
}
.monaco-editor div.inline-edits-widget .toolbar,
.monaco-editor div.inline-edits-widget .promptEditor {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.monaco-editor div.inline-edits-widget:hover .toolbar,
.monaco-editor div.inline-edits-widget:hover .promptEditor,
.monaco-editor div.inline-edits-widget.focused .toolbar,
.monaco-editor div.inline-edits-widget.focused .promptEditor {
  opacity: 1;
}
.monaco-editor div.inline-edits-widget .preview .monaco-editor {
  --vscode-editor-background: var(--widget-color);
}
.monaco-editor div.inline-edits-widget .preview .monaco-editor .mtk1 {
  color: var(--vscode-editorGhostText-foreground);
}
.monaco-editor div.inline-edits-widget .preview .monaco-editor .view-overlays .current-line-exact,
.monaco-editor div.inline-edits-widget .preview .monaco-editor .current-line-margin {
  border: none;
}
.monaco-editor div.inline-edits-widget svg .gradient-start {
  stop-color: var(--vscode-editor-background);
}
.monaco-editor div.inline-edits-widget svg .gradient-stop {
  stop-color: var(--widget-color);
}
.monaco-editor .parameter-hints-widget {
  z-index: 39;
  display: flex;
  flex-direction: column;
  line-height: 1.5em;
  cursor: default;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
  border-width: 2px;
}
.monaco-editor .parameter-hints-widget > .phwrapper {
  max-width: 440px;
  display: flex;
  flex-direction: row;
}
.monaco-editor .parameter-hints-widget.multiple {
  min-height: 3.3em;
  padding: 0;
}
.monaco-editor .parameter-hints-widget.multiple .body:before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  opacity: 0.5;
  border-left: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
  margin: 8px 0;
}
.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-height: 100%;
}
.monaco-editor .parameter-hints-widget .signature {
  padding: 4px 5px;
  position: relative;
}
.monaco-editor .parameter-hints-widget .signature.has-docs:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  padding-top: 4px;
  opacity: 0.5;
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .parameter-hints-widget .code {
  font-family: var(--vscode-parameterHintsWidget-editorFontFamily), var(--vscode-parameterHintsWidget-editorFontFamilyDefault);
}
.monaco-editor .parameter-hints-widget .docs {
  padding: 0 10px 0 5px;
  white-space: pre-wrap;
}
.monaco-editor .parameter-hints-widget .docs.empty {
  display: none;
}
.monaco-editor .parameter-hints-widget .docs a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .parameter-hints-widget .docs a:hover {
  color: var(--vscode-textLink-activeForeground);
  cursor: pointer;
}
.monaco-editor .parameter-hints-widget .docs .markdown-docs {
  white-space: initial;
}
.monaco-editor .parameter-hints-widget .docs code {
  font-family: var(--monaco-monospace-font);
  border-radius: 3px;
  padding: 0 0.4em;
  background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
  white-space: pre-wrap;
}
.monaco-editor .parameter-hints-widget .controls {
  display: none;
  flex-direction: column;
  align-items: center;
  min-width: 22px;
  justify-content: flex-end;
}
.monaco-editor .parameter-hints-widget.multiple .controls {
  display: flex;
  padding: 0 2px;
}
.monaco-editor .parameter-hints-widget.multiple .button {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.monaco-editor .parameter-hints-widget .button.previous {
  bottom: 24px;
}
.monaco-editor .parameter-hints-widget .overloads {
  text-align: center;
  height: 12px;
  line-height: 12px;
  font-family: var(--monaco-monospace-font);
}
.monaco-editor .parameter-hints-widget .signature .parameter.active {
  color: var(--vscode-editorHoverWidget-highlightForeground);
  font-weight: 700;
}
.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
  font-weight: 700;
  margin-right: 0.5em;
}
.monaco-editor {
  --vscode-editor-placeholder-foreground: var(--vscode-editorGhostText-foreground);
}
.monaco-editor .editorPlaceholder {
  top: 0;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  pointer-events: none;
  color: var(--vscode-editor-placeholder-foreground);
}
.monaco-editor .rename-box {
  z-index: 100;
  color: inherit;
  border-radius: 4px;
}
.monaco-editor .rename-box.preview {
  padding: 4px 4px 0;
}
.monaco-editor .rename-box .rename-input-with-button {
  padding: 3px;
  border-radius: 2px;
  width: calc(100% - 8px);
}
.monaco-editor .rename-box .rename-input {
  width: calc(100% - 8px);
  padding: 0;
}
.monaco-editor .rename-box .rename-input:focus {
  outline: none;
}
.monaco-editor .rename-box .rename-suggestions-button {
  display: flex;
  align-items: center;
  padding: 3px;
  background-color: transparent;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.monaco-editor .rename-box .rename-suggestions-button:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row {
  border-radius: 2px;
}
.monaco-editor .rename-box .rename-label {
  display: none;
  opacity: 0.8;
}
.monaco-editor .rename-box.preview .rename-label {
  display: inherit;
}
.monaco-editor .sticky-widget {
  overflow: hidden;
}
.monaco-editor .sticky-widget-line-numbers {
  float: left;
  background-color: inherit;
}
.monaco-editor .sticky-widget-lines-scrollable {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  width: var(--vscode-editorStickyScroll-scrollableWidth);
  background-color: inherit;
}
.monaco-editor .sticky-widget-lines {
  position: absolute;
  background-color: inherit;
}
.monaco-editor .sticky-line-number,
.monaco-editor .sticky-line-content {
  color: var(--vscode-editorLineNumber-foreground);
  white-space: nowrap;
  display: inline-block;
  position: absolute;
  background-color: inherit;
}
.monaco-editor .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-line-number .codicon-folding-collapsed {
  float: right;
  transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
}
.monaco-editor .sticky-line-content {
  width: var(--vscode-editorStickyScroll-scrollableWidth);
  background-color: inherit;
  white-space: nowrap;
}
.monaco-editor .sticky-line-number-inner {
  display: inline-block;
  text-align: right;
}
.monaco-editor .sticky-widget {
  border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
}
.monaco-editor .sticky-line-content:hover {
  background-color: var(--vscode-editorStickyScrollHover-background);
  cursor: pointer;
}
.monaco-editor .sticky-widget {
  width: 100%;
  box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
  z-index: 4;
  background-color: var(--vscode-editorStickyScroll-background);
  right: initial !important;
}
.monaco-editor .sticky-widget.peek {
  background-color: var(--vscode-peekViewEditorStickyScroll-background);
}
.monaco-editor .unicode-highlight {
  border: 1px solid var(--vscode-editorUnicodeHighlight-border);
  background-color: var(--vscode-editorUnicodeHighlight-background);
  box-sizing: border-box;
}
.editor-banner {
  box-sizing: border-box;
  cursor: default;
  width: 100%;
  font-size: 12px;
  display: flex;
  overflow: visible;
  height: 26px;
  background: var(--vscode-banner-background);
}
.editor-banner .icon-container {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 6px 0 10px;
}
.editor-banner .icon-container.custom-icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  width: 16px;
  padding: 0;
  margin: 0 6px 0 10px;
}
.editor-banner .message-container {
  display: flex;
  align-items: center;
  line-height: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.editor-banner .message-container p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.editor-banner .message-actions-container {
  flex-grow: 1;
  flex-shrink: 0;
  line-height: 26px;
  margin: 0 4px;
}
.editor-banner .message-actions-container a.monaco-button {
  width: inherit;
  margin: 2px 8px;
  padding: 0 12px;
}
.editor-banner .message-actions-container a {
  padding: 3px;
  margin-left: 12px;
  text-decoration: underline;
}
.editor-banner .action-container {
  padding: 0 10px 0 6px;
}
.editor-banner {
  background-color: var(--vscode-banner-background);
}
.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
  color: var(--vscode-banner-foreground);
}
.editor-banner .icon-container .codicon {
  color: var(--vscode-banner-iconForeground);
}
.monaco-link {
  color: var(--vscode-textLink-foreground);
}
.monaco-link:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .iPadShowKeyboard {
  width: 58px;
  min-width: 0;
  height: 36px;
  min-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  resize: none;
  overflow: hidden;
  background: url(../../static/media/4cddd7b96c32402c1412.4cddd7b96c32402c1412.svg) center center no-repeat;
  border: 4px solid #f6f6f6;
  border-radius: 4px;
}
.monaco-editor.vs-dark .iPadShowKeyboard {
  background: url(../../static/media/088e37943a261fcb3214.088e37943a261fcb3214.svg) center center no-repeat;
  border: 4px solid #252526;
}
.monaco-editor .tokens-inspect-widget {
  z-index: 50;
  user-select: text;
  -webkit-user-select: text;
  padding: 10px;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget,
.monaco-editor.hc-light .tokens-inspect-widget {
  border-width: 2px;
}
.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
  height: 1px;
  border: 0;
  background-color: var(--vscode-editorHoverWidget-border);
}
.monaco-editor .tokens-inspect-widget .tm-token {
  font-family: var(--monaco-monospace-font);
}
.monaco-editor .tokens-inspect-widget .tm-token-length {
  font-weight: 400;
  font-size: 60%;
  float: right;
}
.monaco-editor .tokens-inspect-widget .tm-metadata-table {
  width: 100%;
}
.monaco-editor .tokens-inspect-widget .tm-metadata-value {
  font-family: var(--monaco-monospace-font);
  text-align: right;
}
.monaco-editor .tokens-inspect-widget .tm-token-type {
  font-family: var(--monaco-monospace-font);
}
.univer-script-editor-panel {
  height: 100%;
}
.univer-script-editor-content {
  overflow: hidden;
  width: 100%;
  height: calc(100% - 60px);
}
.univer-script-editor-actions {
  margin-top: 10px;
}
.univer-crosshair-highlight-overlay {
  display: grid;
  row-gap: 12px;
  column-gap: 8px;
  grid-template-columns: repeat(8, 20px);
}
.univer-crosshair-highlight-item {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 0.5px solid rgb(var(--grey-400));
}
.univer-crosshair-highlight-item-selected {
  outline: 1.5px solid rgb(var(--primary-color));
  outline-offset: 1.5px;
}
.univer-watermark-panel {
  margin: 16px 0;
}
.univer-watermark-panel-type-title {
  font-size: 15px;
  color: rgb(var(--text-color-secondary));
}
.univer-watermark-panel-type-select {
  width: 100%;
  margin-top: 16px;
}
.univer-watermark-panel-setting {
  width: 100%;
  min-height: 100px;
  border-radius: 8px;
}
.univer-watermark-panel-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.univer-watermark-panel-footer-button-wrapper {
  display: flex;
  align-items: center;
}
.univer-watermark-panel-footer-reset {
  cursor: pointer;
  white-space: nowrap;
  color: rgb(var(--primary-color));
  border-bottom: 1px solid rgb(var(--primary-color));
}
.univer-watermark-text-setting {
  font-size: 14px;
}
.univer-watermark-text-setting-header {
  font-size: 15px;
  color: rgb(var(--text-color-secondary));
  margin: 16px 0;
}
.univer-watermark-text-setting-font-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.univer-watermark-text-setting-font-style-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.univer-watermark-text-setting-font-style-part:first-child {
  margin-top: 0;
}
.univer-watermark-text-setting-layout-font-wrapper {
  width: calc(50% - 8px);
  align-self: flex-start;
  white-space: nowrap;
}
.univer-watermark-image-setting {
  font-size: 14px;
}
.univer-watermark-input {
  height: 28px;
  box-sizing: border-box;
}
.univer-watermark-input-content {
  width: 220px;
}
.univer-watermark-icon {
  width: 18px;
  height: 18px;
  margin: 2px;
}
.univer-watermark-icon-wrapper {
  cursor: pointer;
  border-radius: 4px;
  width: 24px;
  height: 24px;
}
.univer-watermark-icon-wrapper-select,
.univer-watermark-icon-wrapper:hover {
  background-color: rgb(var(--grey-100));
}
.univer-watermark-icon-wrapper:first-child {
  margin-left: 28px;
}
.univer-watermark-icon-wrapper:last-child {
  margin-right: 28px;
}
.univer-watermark-color-picker-wrapper {
  padding: 16px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid rgb(var(--grey-100));
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-09e624cc]::before {
  display: table;
  content: '';
}
.clearfix[data-v-09e624cc]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-09e624cc] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-09e624cc] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-09e624cc] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-09e624cc]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-09e624cc] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-09e624cc]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-09e624cc] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.biz-dataList2[data-v-09e624cc] .agg-footer {
  margin-left: 0px;
  color: #666;
}
.biz-dataList2[data-v-09e624cc] .table-list.new-header-table .repeat-center.icon-a-360shitu {
  cursor: pointer;
  color: unset;
  font-size: 22px;
  font-weight: unset;
}
.biz-dataList2[data-v-09e624cc] .table-list.new-header-table .repeat-center.icon-a-360shitu:hover {
  color: #1890f1;
}
.biz-dataList2[data-v-09e624cc] .table-list.new-header-table .ant-table-container {
  height: auto;
}
.biz-dataList2[data-v-09e624cc] .table-list.new-header-table .change-History {
  padding: 10px 0;
}
.biz-dataList2[data-v-09e624cc] .table-list.new-header-table .biz-meta-link {
  line-height: normal;
}
.biz-dataList2[data-v-09e624cc] .ant-table-container {
  display: flex;
  flex-direction: column;
}
.biz-dataList2[data-v-09e624cc] .ant-table-container .ant-table-body {
  flex: 0 1 max-content;
  overflow: hidden;
}
.biz-link-btn[data-v-09e624cc] {
  display: flex;
  align-items: center;
}
.biz-meta-link[data-v-09e624cc] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.table-name-line-1[data-v-09e624cc] .base-table.line-wrap-table .ant-table-body td.name.ant-table-cell-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-name-line-1[data-v-09e624cc] .base-table.line-wrap-table .ant-table-body td.name.ant-table-cell-ellipsis .ant-table-cell-content {
  display: inline;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.detail-toggle-wrap {
  display: flex;
  justify-content: flex-end;
}
.detail-toggle-wrap .detail-toggle-item {
  background: #fff;
  cursor: pointer;
  padding: 2px 8px;
  border: 1px solid rgba(153, 153, 153, 0.4);
}
.detail-toggle-wrap .detail-toggle-item i {
  font-size: 12px;
  color: #999;
}
.detail-toggle-wrap .before {
  border-radius: 4px 0 0 4px;
}
.detail-toggle-wrap .after {
  border-radius: 0 4px 4px 0;
}
.detail-toggle-wrap .checked {
  background: #999;
  border: 1px solid #999;
}
.detail-toggle-wrap .checked i {
  color: #fff;
}
.full-modal {
  top: var(--theme-top, 93px) !important;
  width: 100%;
  transform: translateX(1px) !important;
  height: calc(100% - var(--theme-top, 93px));
}
.full-modal .ant-drawer-body {
  padding: 0;
  height: 100%;
}
.full-modal .close-btn {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  color: var(--theme, #fc3b39);
  box-shadow: 0px 2px 22px 2px rgba(188, 189, 213, 0.55);
}
.full-modal .toggle-btn {
  position: fixed;
  z-index: 1000;
  top: 30px;
  left: 0px;
  width: 30px;
  height: 30px;
  color: var(--theme, #fc3b39);
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  box-shadow: 0px 2px 22px 2px rgba(188, 189, 213, 0.55);
}
.full-modal .pre-btn {
  cursor: pointer;
  padding: 0 5px;
  position: fixed;
  z-index: 1000;
  top: 80px;
  left: 0px;
  width: 30px;
  height: 90px;
  background-color: blue;
  line-height: 30px;
  text-align: center;
  color: white;
  box-shadow: 0px 2px 22px 2px rgba(188, 189, 213, 0.55);
  border-radius: 3px;
}
.full-modal .next-btn {
  cursor: pointer;
  position: fixed;
  z-index: 1000;
  top: 65px;
  left: 0px;
  width: 30px;
  padding: 10px 0;
  color: var(--theme, #fc3b39);
  background-color: white;
  text-align: center;
  font-weight: 500;
  writing-mode: vertical-lr;
  box-shadow: 0px 2px 22px 2px rgba(188, 189, 213, 0.55);
  -webkit-user-select: none;
          user-select: none;
}
.full-modal .unclick {
  background-color: #ddd;
  cursor: not-allowed;
}
.full-modal .detail-affix-toggle-btn {
  z-index: 2;
}
.all {
  width: 100% !important;
  top: 0 !important;
  height: 100%;
}
.narrow2 {
  width: calc(100% - 228px) !important;
}
.narrow2 .close-btn {
  left: -30px;
}
.narrow2 .toggle-btn {
  left: -30px;
}
.narrow2 .pre-btn {
  left: -30px;
}
.narrow2 .next-btn {
  left: -30px;
}
@media print {
  .printing .narrow2 {
    width: calc(100%) !important;
  }
  .printing .ant-drawer {
    display: none;
  }
}
.detail-wrap {
  height: 100%;
  position: relative;
  background-color: #f2f6fa;
  min-width: 1000px;
  overflow: hidden auto;
}
.detail-wrap .detail-wrap-header {
  height: 44px;
  line-height: 44px;
  background-color: #fff;
  padding: 0 8px 0 16px;
  display: flex;
  align-items: center;
}
.detail-wrap .detail-wrap-header .biz-icon {
  float: left;
  margin: 16px 0 0 20px;
  text-align: center;
}
.detail-wrap .detail-wrap-header .biz-icon i {
  line-height: 28px;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.detail-wrap .detail-wrap-header .biz-icon i:before {
  font-size: 18px;
}
.detail-wrap .detail-wrap-header .header-icon {
  vertical-align: middle;
}
.detail-wrap .detail-wrap-header .header-title {
  display: inline-block;
  vertical-align: middle;
  display: flex;
  align-items: center;
  flex: 1 1;
  min-width: 0;
  font-size: 16px;
}
.detail-wrap .detail-wrap-header .header-title .header-subName {
  max-width: 66.6%;
  color: #222;
  font-weight: bold;
  margin-left: 8px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-wrap .detail-wrap-header .header-title .header-name {
  max-width: 33.3%;
  margin-left: 8px;
  font-size: 12px;
  color: #999999;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-wrap .detail-wrap-header .follow-btn {
  margin-left: 8px;
  height: 20px;
  box-sizing: border-box;
  padding: 0;
  line-height: 20px;
  text-align: center;
  color: #222;
  cursor: pointer;
}
.detail-wrap .detail-wrap-header .follow-btn .icon-xiangqingye_guanzhu {
  color: #fd6364;
}
.detail-wrap .detail-wrap-header .follow-btn i {
  transform: scale(0.6);
  color: #979797;
  vertical-align: super;
}
.detail-wrap .detail-wrap-header .share-btn {
  margin-left: 8px;
  height: 20px;
  padding: 0;
  line-height: 20px;
  text-align: center;
  color: #979797;
  cursor: pointer;
}
.detail-wrap .detail-wrap-header .share-btn i {
  vertical-align: super;
}
.detail-wrap .detail-wrap-header .header-ope {
  display: inline-flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  height: 44px;
  margin-right: 8px;
  float: right;
}
.detail-wrap .detail-wrap-header .header-ope .user-defined-action {
  line-height: 0;
}
.detail-wrap .detail-wrap-header .header-ope .biz-search {
  position: absolute;
  left: 60px;
  color: #fd6364;
  font-size: 17px;
  cursor: pointer;
}
.detail-wrap .detail-wrap-header .header-ope button {
  padding: 0 10px;
  font-size: 12px;
  height: 30px;
}
.detail-wrap .detail-wrap-header .header-ope button:hover,
.detail-wrap .detail-wrap-header .header-ope button:active {
  color: #fd6364;
  border-color: #fd6364;
}
.detail-wrap .detail-wrap-header .header-ope button:focus {
  border-color: #d9d9d9;
}
.detail-wrap .detail-wrap-header .header-ope .ant-btn-group {
  margin-left: 10px;
}
.detail-wrap .detail-wrap-header .header-ope .user-defined-action button {
  background-color: #fd6364;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  border-color: #fff;
}
.detail-wrap .detail-wrap-header .header-ope .user-defined-action .ant-btn-group > button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.detail-wrap .detail-wrap-header .header-ope .user-defined-action .ant-btn-group > button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.detail-wrap .detail-wrap-header .header-ope .user-defined-action .ant-btn-group > button i {
  display: inline-block;
  color: #fff;
  margin-right: 5px;
}
.detail-wrap .detail-wrap-header .header-ope .user-defined-action .approval-btn {
  font-size: 12px;
}
.detail-wrap .detail-wrap-header .header-ope .user-defined-action .approval-btn button {
  background-color: #fff;
  border: 1px solid #1890ff;
  color: #1890ff;
  border-radius: 4px;
}
.detail-wrap .detail-wrap-header .header-ope .user-defined-action .approval-btn button:hover {
  background-color: #1890ff12;
}
.detail-wrap .detail-wrap-header .header-ope .user-defined-action .ant-btn-group .ant-btn + span {
  margin-left: 0;
}
.detail-wrap .detail-wrap-header .header-ope .header-close-btn {
  margin-left: 8px;
  border-radius: 4px;
  position: relative;
}
.detail-wrap .detail-wrap-header .header-ope .info-btn-group div {
  display: inline-block;
}
.detail-wrap .detail-wrap-body {
  height: calc(100% - 44px);
  overflow: auto;
}
.detail-wrap .detail-wrap-body .color-span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  border-radius: 4px;
  height: 20px;
  padding: 0 4px;
}
.detail-wrap .detail-wrap-body .ping-layout {
  display: flex;
  flex-direction: column;
}
.detail-wrap .detail-wrap-body .ping-layout .common-wrap {
  background-color: #fff;
  position: relative;
  margin-bottom: 10px;
  overflow: auto;
  padding: 0 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-wrap .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .common-wrap .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .common-wrap .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .common-wrap .title-word-container > span {
  color: #1890ff;
  cursor: pointer;
}
.detail-wrap .detail-wrap-body .ping-layout .common-wrap .approval-flow-detail-component {
  display: flex;
}
.detail-wrap .detail-wrap-body .ping-layout .common-wrap h3.undo-title {
  padding-top: 15px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header {
  position: relative;
  color: #000;
  height: 44px;
  line-height: 44px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  font-size: 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .new-schedule-btn {
  position: absolute;
  right: 12px;
  top: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .right {
  float: right;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .right .ant-btn {
  line-height: 26px;
  padding: 0 13px;
  border: 1px solid #ccced2;
  font-size: 11px;
  border-radius: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .right .ant-btn i {
  width: 10px;
  height: 10px;
  color: #000000;
  margin-right: 3px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .right .ant-btn span {
  color: #181d20;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .right .ant-btn-sm {
  line-height: 22px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .common-title {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  display: flex;
  align-items: center;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .common-title .common-count {
  color: #999999;
  font-size: 14px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .common-title i {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  line-height: 22px;
  margin-right: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .common-title .show {
  max-width: 166px;
  font-size: 13px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .common-title .file-icon-box .file-back-icon {
  background-image: url(../../static/media/file.ed3080e144e6b598ef99.jpg);
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  margin-right: 5px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .common-title .icon-e751 {
  color: #747779;
  cursor: pointer;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .affairs {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .ope {
  max-width: 84%;
  overflow: hidden;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .ope .small {
  color: #0e2c4a;
  border-color: #0e2c4a;
  height: 24px;
  width: 24px;
  padding: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .ope .ant-btn:not(.unblue) {
  color: #1890ff;
  border-color: #1890ff;
  height: 30px;
  font-size: 12px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .ope .unblue {
  height: 30px;
  font-size: 12px;
}
.detail-wrap .detail-wrap-body .ping-layout .relative-title-style {
  width: 36px;
  height: 17px;
  line-height: 17px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-radius: 0px 8px 0px 8px;
  color: #fff;
  padding: 0px 6px;
  margin-left: 8px;
  font-size: 12px;
}
.detail-wrap .detail-wrap-body .ping-layout .relative-change {
  background: #3eaaff;
}
.detail-wrap .detail-wrap-body .ping-layout .relative-add {
  background: #16b4ab;
}
.detail-wrap .detail-wrap-body .ping-layout .relative-del {
  background: #aaaaaa;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-top {
  flex-grow: 1;
  /*background: #fff;*/
}
.detail-wrap .detail-wrap-body .ping-layout .ping-top .layout-relative {
  padding: 0 20px;
  background: #fff;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom {
  position: relative;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-left {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow-x: auto;
  margin-bottom: 10px;
  width: 66.67%;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-left .common-wrap-list {
  background-color: #efeeee;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-cost {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow-x: auto;
  margin-bottom: 10px;
  width: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-cost .common-wrap-list {
  background-color: #efeeee;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right-wrap {
  width: 33.33%;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right-wrap .ping-bottom-right .grid-item-header .title-word-container {
  font-weight: bolder;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right {
  position: relative;
  background-color: #ffffff;
  height: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right .detail-affix-toggle-btn {
  position: absolute;
  top: calc(50% - 25px);
  left: 3px;
  width: 11px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #F0F4F8;
  border-radius: 2px;
  cursor: pointer;
  transition: top 300ms ease;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right .detail-affix-toggle-btn:hover {
  background: #DDEFFF;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right .detail-affix-toggle-btn:hover span {
  border-left-color: #1890FF;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right .detail-affix-toggle-btn:hover span.hide {
  border-right-color: #1890FF;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right .detail-affix-toggle-btn span {
  border: 5px solid #797979;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: relative;
  left: 3px;
  display: inline-block;
  height: 0px;
  width: 0px;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right .detail-affix-toggle-btn span.hide {
  border-right-color: #797979;
  border-left-color: transparent;
  left: unset;
  right: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right .common-title-height {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  background-color: #fff;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right .common-title-height .common-title {
  font-size: 16px;
  font-weight: bold;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-right .ant-affix {
  z-index: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .common-wrap {
  margin-bottom: 10px;
  padding: 0 20px;
  overflow: auto;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .common-wrap .show-more {
  display: flex;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  justify-content: center;
  align-items: center;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .common-wrap .show-more:hover {
  color: #1890ff;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .common-wrap .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .common-wrap .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .common-wrap .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .common-wrap .title-word-container > span {
  color: #1890ff;
  cursor: pointer;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-open-left-class {
  width: calc(100% - 100px);
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class {
  width: 100px;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .title-word-container,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .undo-label,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .calendar-time,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .title-word-container > span,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .title-word-container > span {
  display: block;
  width: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  cursor: default;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .common-count,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .flow-btn-sm,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .flow-icon-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .grid-right-jump,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .calendar-add,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .common-header .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .common-header .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .common-header .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .common-header .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .common-header .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-header .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-header .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header .calendar-time-before-icon,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header .calendar-time-before-icon {
  display: none;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .ope,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .ope,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .ope,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .ope,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .ope,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .filter,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .filter,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .filter,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .filter,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .filter,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .show-more,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .show-more,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .show-more,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .show-more,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .show-more,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .layout-comment-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .layout-comment-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .layout-comment-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .layout-comment-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .layout-comment-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .layout-file-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .layout-file-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .layout-file-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .layout-file-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .layout-file-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .layout-schedule-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .layout-schedule-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .layout-schedule-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .layout-schedule-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .layout-schedule-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .calendar-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .calendar-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .none-calendar,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .none-calendar,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .none-calendar,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .none-calendar,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .none-calendar,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .right,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .right,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .right,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .right,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .right,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .empty-tip,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .empty-tip,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .empty-tip,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .empty-tip,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .empty-tip,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .stage-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .stage-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .stage-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .stage-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .stage-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .task-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .task-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .task-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .task-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .task-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .btn-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .btn-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .btn-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .btn-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .btn-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-img,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-img,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-img,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-img,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-img,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .flow-todo-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .flow-todo-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .flow-todo-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .flow-todo-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .flow-todo-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .none-flow-todo,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .none-flow-todo,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .none-flow-todo,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .none-flow-todo,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .none-flow-todo,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .undo-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .undo-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-list,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .grid-item-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .grid-item-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-content,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief #approval-flow-btns,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .approval-flow-detail-component,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .approval-flow-detail-component,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .approval-flow-detail-component,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .approval-flow-detail-component,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .approval-flow-detail-component {
  display: none;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .bizFlow-todo-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .bizFlow-todo-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .bizFlow-todo-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .bizFlow-todo-wrap,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .bizFlow-todo-wrap {
  padding-top: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .common-wrap .bizFlow-todo-wrap .flow-title,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table .bizFlow-todo-wrap .flow-title,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .bizFlow-todo-wrap .flow-title,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .bizFlow-todo-wrap .flow-title,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .bizFlow-todo-wrap .flow-title {
  height: 50px;
  line-height: 50px;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-table,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele {
  height: auto !important;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele {
  padding: 0 20px !important;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .designer-item-undo,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .designer-item-undo,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .designer-item-undo {
  padding: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .calendar-title,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .calendar-title,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .calendar-title,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .grid-item-header,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .grid-item-header,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .grid-item-header,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-calendar .undo-title,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .grid-item-brief .undo-title,
.detail-wrap .detail-wrap-body .ping-layout .ping-bottom .ping-bottom-close-right-class .designer-item-ele .undo-title {
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-tab {
  --padding-top: 8px;
  background-color: #ffffff;
  border-radius: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-tab .ant-tabs-top > .ant-tabs-nav {
  padding-left: 20px;
  margin-bottom: 1px;
  height: 44px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-tab .ant-tabs {
  overflow: auto;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-tab .ant-tabs-bar {
  padding: 0 20px;
  margin-bottom: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-tab .layout-relative {
  padding: 0 20px;
  background: #fff;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-tab .layout-relative .relative-table .ant-table-content {
  overflow: auto scroll;
}
.detail-wrap .detail-wrap-body .ping-layout .ant-table-body {
  overflow: auto;
  /*.ant-table-row > td {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    padding: 0px 8px;
                }*/
}
.detail-wrap .detail-wrap-body .ping-layout .ant-table-body .multiText {
  max-width: 130px;
  width: 130px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers {
  margin-bottom: 10px;
  padding: 0 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content {
  display: flex;
  flex-direction: column;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .double-item {
  display: flex;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .item {
  margin-bottom: 10px;
  padding: 10px 8px;
  flex-grow: 1;
  position: relative;
  background-color: #fafafa;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .item .itemWrap {
  padding-bottom: 5px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .item .avatar {
  margin-left: 15px;
  display: inline-block;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .item .ope-btn {
  position: absolute;
  right: 15px;
  top: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .circleImg {
  background-color: gray;
  width: 32px;
  height: 32px;
  border-radius: 30px;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .followInfo {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 10px;
  font-size: 14px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .followInfo .owner {
  font-size: 12px;
  color: darkgray;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .followInfo .user-name {
  display: inline-block;
  width: 180px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .follow-other-btn {
  color: #666;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .follow-other-btn span {
  font-size: 12px;
  margin-right: 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .follow-other-btn span:hover {
  color: #1890ff;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .follow-other-btn span:last-child {
  margin-right: 0px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .transfer-icon {
  color: #666;
  font-size: 12px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .transfer-icon:hover {
  color: #1890ff;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .ping-bottom-close-class .content {
  display: none;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment {
  font-size: 14px;
  padding: 0 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content {
  display: flex;
  flex-direction: column;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .layout-comment-item {
  margin-top: 10px;
  padding: 5px 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .layout-comment-item .itemWrap {
  border-bottom: 1px #f2f2f2 solid;
  display: flex;
  align-items: flex-start;
  padding-bottom: 5px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .circleImg {
  background-color: gray;
  width: 32px;
  height: 32px;
  border-radius: 30px;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .commentInfo {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 10px;
  font-size: 14px;
  margin-right: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .commentInfo .user {
  font-size: 12px;
  color: #8d8f94;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .commentInfo .commentImage {
  display: inline-block;
  vertical-align: top;
  max-width: 40px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .commentInfo .commentImage:not(:first-child) {
  margin-left: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .right {
  display: inline-flex;
  flex-direction: column;
  align-content: space-between;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .right .ope .delete {
  display: inline-block;
  padding: 6px;
  cursor: pointer;
  color: #aa2222;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-comment .layout-comment-content .right .ope .delete:hover {
  color: darkred;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary {
  padding: 0 16px 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary .layout-content {
  display: flex;
  flex-wrap: wrap;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary .layout-content .layout-summary-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary .layout-content .layout-summary-item .summary-box {
  display: flex;
  flex-direction: column;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary .layout-content .layout-summary-item .summary-box .layout-summary-item-title {
  font-size: 14px;
  color: #999;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary .layout-content .layout-summary-item .summary-box .layout-summary-item-value {
  font-size: 18px;
  color: #222;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary .layout-content .layout-summary-item .summary-box span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary .layout-content .fenge {
  padding-right: 30px;
  margin-left: 30px;
  border-left: 1px solid #e9e9e9;
  font-size: 0;
  height: 40px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule {
  margin-bottom: 10px;
  position: relative;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .newAgenda-button-group {
  position: absolute;
  top: 0;
  right: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content {
  font-size: 12px;
  color: darkgrey;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item {
  line-height: 40px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item .bizType {
  display: inline;
  padding: 1px 2px;
  font-size: 10px;
  color: #fff;
  border-radius: 4px;
  background: #18b7c1;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small {
  display: flex;
  padding-bottom: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .left {
  width: 80px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .middle {
  flex-grow: 1;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .middle > span {
  display: block;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .middle .title {
  color: rgba(0, 0, 0, 0.65);
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .middle .bizType {
  display: inline;
  padding: 1px 2px;
  font-size: 10px;
  color: #fff;
  border-radius: 4px;
  background: #18b7c1;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .right {
  width: 100px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail {
  font-size: 12px;
  /*margin-bottom: 10px;*/
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content {
  padding: 20px;
  padding-top: 0px;
  background-color: #fff;
  transform: translateX(0);
  --border-radius: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-header {
  font-size: 14px;
  padding: 20px 0 6px 10px;
  color: #222;
  font-weight: bold;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content > .ant-row {
  margin-top: 1px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item {
  border-radius: 4px;
  padding: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-label {
  font-size: 14px;
  color: #999;
  line-height: 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value {
  font-size: 14px;
  color: #222;
  word-break: break-all;
  line-height: 20px;
  min-height: 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img {
  line-height: 20px;
  display: flex;
  position: relative;
  justify-content: space-between;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img:hover {
  background-color: #E8EAEF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img > a.heicon {
  position: absolute;
  right: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img img {
  top: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img > div {
  width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .text-show {
  width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .preview-item:hover {
  background-color: #E8EAEF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .short-value {
  /*white-space: pre;*/
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-change {
  background-color: #fffcec;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-label {
  color: #b9bbbc;
  font-size: 11px;
  line-height: 16px;
  display: block;
  background-color: #f9f9f9;
  position: relative;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-label .edit {
  cursor: pointer;
  position: absolute;
  right: 15px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-value {
  color: #181d20;
  line-height: 0;
  font-size: 0;
  background-color: #f9f9f9;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-value .value {
  padding-top: 4px;
  padding-bottom: 9px;
  line-height: 19px;
  min-height: 32px;
  font-size: 13px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-value .value a {
  color: #108ee9;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .blank {
  height: 0;
  width: 100%;
  background-color: #eee;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-flow {
  padding: 0 20px 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-flow .layout-flow-content {
  padding-top: 10px;
  font-size: 12px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-flow .layout-flow-content .flow-content-item {
  display: flex;
  margin-top: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-flow .layout-flow-content .flow-content-item .left {
  flex-grow: 1;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-flow .layout-flow-content .flow-content-item .left > span {
  display: block;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-flow .layout-flow-content .flow-content-item .right {
  width: 100px;
  color: darkgrey;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs {
  padding-top: 10px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .quick-add {
  border: 1px dashed #d9d9d9;
  color: #666;
  cursor: pointer;
  font-size: 11px;
  text-align: center;
  line-height: 30px;
  margin-bottom: 14px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .quick-add i {
  margin-right: 5px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .ant-timeline-item-content {
  margin: 0 0 0 13px;
  top: -3px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .has-bgcolor {
  background-color: #f8f8f8;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .ant-timeline-item-head {
  margin-top: 7px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record {
  border-radius: 4px;
  color: #666;
  font-size: 12px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record .header-dom {
  padding-left: 1px;
  display: flex;
  align-items: center;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record .header-dom .biz-link-btn {
  display: inline-flex !important;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record .header-dom .createdBy {
  color: #999;
  font-size: 14px;
  margin-left: 9px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record .header-dom .title {
  font-size: 14px;
  color: #222;
  margin-left: 8px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record .record-content {
  font-size: 14px;
  line-height: 20px;
  padding-left: 38px;
  word-break: break-all;
  color: #4c4c4c;
  font-weight: 400;
  margin-top: 2px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record .footer-dom {
  padding-left: 38px;
  padding-right: 5px;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record .footer-dom i {
  float: right;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record .footer-dom span {
  color: #999;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .act-record .common-wrap {
  padding: 0 0 0 38px !important;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-affairs-content {
  padding: 8px 3px 0;
  overflow: auto;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-affairs-content .ant-timeline-item-tail {
  border-left: 1px solid #e5e5e5;
  margin-top: 7px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-affairs-content .line-dot {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  left: -1px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-affairs-content .line-dot .inner-line-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #c2c2c2;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-affairs-content .line-dot i {
  font-size: 12px;
  transform: scale(0.7);
  display: inline-block;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-affairs-content .title {
  font-size: 14px;
  color: #000000;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-affairs-content .content {
  font-size: 12px;
  color: #666666;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-affairs-content .footer {
  font-size: 12px;
  color: #000000;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-comment {
  padding: 20px 0 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-affairs .layout-comment {
  padding: 0;
  margin-bottom: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-relative {
  background: #fff;
  margin-bottom: 10px;
  padding-left: 25px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-relative .relative-table .ant-table-body .icon-e714 {
  cursor: pointer;
  margin-right: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-relative .relative-table .ant-table-body .icon-e715 {
  cursor: pointer;
  margin-right: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-relative .relative-table .ant-table-body .tree-sequence {
  margin-left: 17px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-relative .ant-timeline {
  padding: 0 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow {
  font-size: 12px;
  padding: 0 20px 0 25px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow > .flow-title {
  line-height: 44px;
  height: 44px;
  font-size: 16px;
  font-weight: bold;
  color: #222222;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow > .flow-title .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #fc3b39;
  line-height: 15px;
  font-size: 13px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow > .flow-title .title {
  color: #222222;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow > .flow-title .right {
  float: right;
  font-weight: 400;
  color: #515151;
  font-size: 16px;
  margin-right: 4px;
  cursor: pointer;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow > .flow-title .right:hover {
  color: #1890ff;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap {
  width: 100%;
  padding: 0 15px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap::after {
  display: block;
  content: '';
  height: 1px;
  background-color: #EFEEED;
  background-clip: content-box;
  margin: 12px 0;
  box-sizing: content-box;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap:last-child::after {
  display: none;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .flow-title {
  line-height: 30px;
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .flow-title .icon-title {
  flex-grow: 1;
  margin-right: 8px;
  margin-left: -18px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .flow-title .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #fc3b39;
  line-height: 15px;
  font-size: 13px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .flow-title .title {
  margin-left: 3px;
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .flow-title .title .node-name {
  font-weight: 400;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .flow-title .all-flow {
  color: #999999;
  cursor: pointer;
  font-size: 14px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .flow-title .all-flow:hover {
  color: #1890FF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .flow-title .right {
  float: right;
  font-size: 12px;
  font-weight: 400;
  color: #b9bbbc;
  line-height: 50px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .flow-title .right .arrow {
  color: #b9bbbc;
  display: inline-block;
  width: 4px;
  height: 7px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .manual-label {
  line-height: 18px;
  margin-top: 8px;
  color: #b9bbbc;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .message {
  line-height: 20px;
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  border-radius: 2px;
  background-color: #F5F7FB;
  padding: 7px 10px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .btn-list {
  min-width: 100px;
  margin-bottom: -8px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .btn-list button {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-right: 8px;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .btn-list button span {
  margin-left: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .flow-todo-wrap .btn-list button:last-child {
  margin-right: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .footer {
  line-height: 30px;
  text-align: center;
  background-color: #e6e6e6;
  cursor: pointer;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .footer:hover {
  background-color: #dddddd;
  color: #000000;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .none-flow-todo {
  font-size: 16px;
  line-height: 49px;
  color: #dddddd;
  text-align: center;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .none-flow-todo > i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ccc;
  border-radius: 40px;
  color: #aaa;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-workflow .none-flow-todo > .text {
  margin-left: 20px;
  font-size: 13px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-appFlow {
  font-size: 12px;
  padding: 0 20px 0 25px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-appFlow > .flow-title {
  line-height: 22px;
  height: 46px;
  font-size: 16px;
  font-weight: bold;
  padding-top: 24px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-appFlow > .flow-title .right {
  float: right;
  font-weight: 400;
  color: #666666;
  line-height: 50px;
  font-size: 20px;
  margin-right: 4px;
  cursor: pointer;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-appFlow > .flow-title .right:hover {
  color: #1890ff;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-approvalflow .mark {
  font-size: 10px;
  display: inline-block;
  width: 30px;
  background-color: #ff902e;
  border-radius: 8px;
  text-align: center;
  transform: scale(0.8);
  position: absolute;
  margin-left: 13px;
  margin-top: -10px;
  color: #fff;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-approvalflow .flow-title .title-word-container {
  font-size: 16px;
  color: #222;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-approvalflow .submit-err-msg {
  margin-top: 16px;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  word-break: break-all;
  white-space: pre-wrap;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-approvalHistory-content {
  margin: 0 -20px;
}
.detail-wrap .detail-wrap-body .ping-layout .text-right {
  text-align: right;
}
.detail-wrap .flow-btn-sm {
  display: flex;
  margin-left: -14px;
}
.detail-wrap .flow-btn-min-top {
  margin-top: 0;
}
.detail-wrap #approval-flow-btns .btn-item,
.detail-wrap #approval-flow-btns .btn-more {
  padding: 0 19px;
  margin-left: 14px;
  height: 30px;
  font-size: 14px;
  border-radius: 4px;
  background-color: #fff;
  color: #999;
  border-color: #999;
}
.detail-wrap #approval-flow-btns .btn-item:hover,
.detail-wrap #approval-flow-btns .btn-more:hover {
  background-color: #99999912;
}
.detail-wrap #approval-flow-btns .btn-primary {
  border-color: #1890ff;
  color: #1890ff;
}
.detail-wrap #approval-flow-btns .btn-primary:hover {
  background-color: #1890ff12;
}
.detail-wrap #approval-flow-btns .btn-agree {
  border-color: #30bf78;
  color: #30bf78;
}
.detail-wrap #approval-flow-btns .btn-agree:hover {
  background-color: #30bf7812;
}
.detail-wrap #approval-flow-btns .btn-refuse {
  border-color: #f4664a;
  color: #f4664a;
}
.detail-wrap #approval-flow-btns .btn-refuse:hover {
  background-color: #f4664a12;
}
.detail-wrap #approval-flow-btns .btn-more {
  width: 66px;
}
.detail-wrap #approval-flow-btns .cannot-resubmit {
  margin-top: -2px;
  margin-left: 12px;
  display: inline-block;
  font-size: 14px;
  color: #999;
}
.detail-info .detail-wrap-body {
  height: calc(100% - 10px);
  padding-bottom: 0px;
}
.drop-all-menu-file .ant-dropdown-menu-item {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.drop-all-menu-file .ant-dropdown-menu-item:hover {
  color: #222;
  font-weight: 600;
}
.approval-flow-components-foucs-modal .color-span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  border-radius: 4px;
  height: 20px;
  padding: 0 4px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-b00d139b]::before {
  display: table;
  content: '';
}
.clearfix[data-v-b00d139b]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-b00d139b] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-b00d139b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-b00d139b] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-b00d139b]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-b00d139b] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-b00d139b]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-b00d139b] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.text-info[data-v-b00d139b] {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}
.text-1[data-v-b00d139b] {
  -webkit-line-clamp: 1;
}
.text-2[data-v-b00d139b] {
  -webkit-line-clamp: 2;
}
.text-3[data-v-b00d139b] {
  -webkit-line-clamp: 3;
}
.text-4[data-v-b00d139b] {
  -webkit-line-clamp: 4;
}
.text-5[data-v-b00d139b] {
  -webkit-line-clamp: 5;
}
.text-6[data-v-b00d139b] {
  -webkit-line-clamp: 6;
}
.text-7[data-v-b00d139b] {
  -webkit-line-clamp: 7;
}
.text-8[data-v-b00d139b] {
  -webkit-line-clamp: 8;
}
.text-9[data-v-b00d139b] {
  -webkit-line-clamp: 9;
}
.text-10[data-v-b00d139b] {
  -webkit-line-clamp: 10;
}
.text-11[data-v-b00d139b] {
  -webkit-line-clamp: 11;
}
.text-12[data-v-b00d139b] {
  -webkit-line-clamp: 12;
}
.text-13[data-v-b00d139b] {
  -webkit-line-clamp: 13;
}
.text-14[data-v-b00d139b] {
  -webkit-line-clamp: 14;
}
.text-15[data-v-b00d139b] {
  -webkit-line-clamp: 15;
}
.text-16[data-v-b00d139b] {
  -webkit-line-clamp: 16;
}
.text-17[data-v-b00d139b] {
  -webkit-line-clamp: 17;
}
.text-18[data-v-b00d139b] {
  -webkit-line-clamp: 18;
}
.text-19[data-v-b00d139b] {
  -webkit-line-clamp: 19;
}
.text-20[data-v-b00d139b] {
  -webkit-line-clamp: 20;
}
.text-999[data-v-b00d139b] {
  -webkit-line-clamp: 999;
}
.icon-e6312[data-v-b00d139b]::before {
  display: block;
  margin-left: 4px;
}
.down[data-v-b00d139b]::before {
  transform: rotate(270deg);
}
.icon-e6312.up[data-v-b00d139b]::before {
  transform: rotate(90deg);
}
.layout-summary-item-value .long-text a[data-v-b00d139b] {
  display: none;
}
@media print {
.printing .text-info[data-v-b00d139b] {
    display: inline-block;
}
.printing .long-text a[data-v-b00d139b] {
    display: none;
}
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-04b838d4]::before {
  display: table;
  content: '';
}
.clearfix[data-v-04b838d4]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-04b838d4] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-04b838d4] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-04b838d4] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-04b838d4]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-04b838d4] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-04b838d4]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-04b838d4] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.groupWrap .group-content[data-v-04b838d4] {
  padding: 8px 0;
}
.groupWrap .group-content[data-v-04b838d4] .ant-col {
  padding: unset !important;
}
.groupWrap .group-content .item-label[data-v-04b838d4] {
  color: #999;
  word-break: 'break-all';
  white-space: unset;
  width: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  display: flex;
}
.groupWrap .group-content .item-value-isHorizontal[data-v-04b838d4] {
  margin-left: 8px;
}
.groupWrap .group-content .item-value-isHorizontal[data-v-04b838d4] .ant-typography {
  margin-bottom: 0px;
}
.groupWrap .group-content .item-label-noHorizontal[data-v-04b838d4] {
  color: #999;
  margin-bottom: 4px;
  word-break: break-all;
}
.groupWrap .group-content .item-label-noHorizontal .title-info[data-v-04b838d4] {
  min-width: 36px;
}
.groupWrap .group-content .width-shrink-48[data-v-04b838d4] {
  width: calc(100% - 48px);
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-04b838d4] {
  width: calc(100% + 48px);
  height: 8px;
  margin-left: -28px;
  background: #f3f6fa;
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-04b838d4]::before {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  position: absolute;
  right: 0px;
  margin-top: -8px;
  background: #f3f6fa;
  clip-path: polygon(100% 100%, 50% 100%, 58% 98%, 66% 95%, 73% 92%, 79% 88%, 84% 84%, 89% 79%, 92% 74%, 95% 69%, 97% 64%, 99% 57%, 100% 50%);
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-04b838d4]::after {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  position: absolute;
  right: 0px;
  margin-top: 8px;
  background: #f3f6fa;
  clip-path: polygon(100% 0, 50% 0, 55% 3%, 61% 6%, 68% 9%, 73% 12%, 79% 16%, 84% 21%, 89% 26%, 93% 31%, 95% 36%, 97% 41%, 100% 50%);
}
.groupWrap .group-header[data-v-04b838d4] {
  padding: 20px 0 0 8px;
}
.groupWrap .group-header.first-group-header[data-v-04b838d4] {
  padding: 14px 0 0 8px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content[data-v-04b838d4] {
  padding: 0px 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .bottom-line[data-v-04b838d4] {
  border-bottom: 1px solid #DFDFDF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content.is-table-layout[data-v-04b838d4] {
  padding: 13px 16px 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout[data-v-04b838d4] {
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i[data-v-04b838d4] {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: #B8B8B8;
  cursor: pointer;
  background-color: #fff;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i.active[data-v-04b838d4] {
  color: #4C4C4C;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i[data-v-04b838d4]:hover,
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i.active[data-v-04b838d4]:hover {
  color: #1890FF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item[data-v-04b838d4] {
  background-color: #fff;
  margin-bottom: unset;
  padding: 8px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value[data-v-04b838d4] .typography-symbol {
  font-size: 12px;
  margin: 0 2px;
}
.detail-toggle-dropdown[data-v-04b838d4] {
  margin-top: 12px;
  cursor: pointer;
  float: right;
}
.flow-popover[data-v-04b838d4] .icon-a-360shitu {
  line-height: 42px;
}
.groupWrap-fromFlow[data-v-04b838d4] .preview-item.span-style {
  padding-top: 6px;
}
.groupWrap-fromFlow[data-v-04b838d4] .item-value .anticon.anticon-more,
.groupWrap-fromFlow[data-v-04b838d4] .item-value .bluk-downloads-btn {
  z-index: 11;
}
.ping-top .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-04b838d4] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-04b838d4] {
  min-width: 100px;
  width: 100px;
}
.ping-top .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-04b838d4] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-04b838d4] {
  min-width: 104px;
  width: 104px;
}
.ping-top .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-04b838d4] {
  min-width: 170px;
  width: 170px;
}
.ping-top .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-04b838d4] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-04b838d4],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-04b838d4] {
  min-width: 118px;
  width: 118px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .groupWrap-gap[data-v-04b838d4] {
  display: none;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.small .item-label-isTableLayout[data-v-04b838d4],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.small .item-value-isTableLayout[data-v-04b838d4] {
  padding: 6px 8px;
  font-size: 12px;
  line-height: 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.middle .item-label-isTableLayout[data-v-04b838d4],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.middle .item-value-isTableLayout[data-v-04b838d4] {
  padding: 7px 8px;
  font-size: 14px;
  line-height: 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.default .item-label-isTableLayout[data-v-04b838d4],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.default .item-value-isTableLayout[data-v-04b838d4] {
  padding: 10px 8px;
  font-size: 14px;
  line-height: 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout[data-v-04b838d4]:first-of-type::before {
  height: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-header[data-v-04b838d4] {
  padding: 0 0 0 10px;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  border-top: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-left: 1px solid #DFDFDF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content[data-v-04b838d4] {
  padding: 0;
  border-left: 1px solid #DFDFDF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap[data-v-04b838d4] {
  border-top: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-radius: 0;
  position: relative;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item[data-v-04b838d4] {
  padding: 0;
  height: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item .item-label-isTableLayout[data-v-04b838d4] {
  background: #F5F7FB;
  border-right: 1px solid #DFDFDF;
  display: flex;
  align-items: center;
  color: #666;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item .item-value-isTableLayout[data-v-04b838d4] {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  min-width: 0px;
  column-gap: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item .item-value-isTableLayout[data-v-04b838d4] div.viewer {
  width: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item .item-value-isTableLayout[data-v-04b838d4] .ant-typography-ellipsis {
  margin-bottom: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout[data-v-04b838d4] {
  max-width: calc(100% - 104px);
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout[data-v-04b838d4] .ant-typography {
  min-width: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout > div.viewer[data-v-04b838d4] {
  width: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout[data-v-04b838d4] .bluk-downloads-btn {
  position: relative !important;
  top: unset !important;
  right: unset !important;
  display: block;
  width: 100%;
  text-align: right;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-label-isTableLayout[data-v-04b838d4] {
  flex-shrink: 1.2;
  flex-direction: row-reverse;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-label-isTableLayout[data-v-04b838d4] .title-info {
  text-align: right;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-e406b42a]::before {
  display: table;
  content: '';
}
.clearfix[data-v-e406b42a]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-e406b42a] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-e406b42a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-e406b42a] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-e406b42a]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-e406b42a] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-e406b42a]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-e406b42a] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.groupWrap .group-content[data-v-e406b42a] {
  padding: 8px 0;
}
.groupWrap .group-content[data-v-e406b42a] .ant-col {
  padding: unset !important;
}
.groupWrap .group-content .item-label[data-v-e406b42a] {
  color: #999;
  word-break: 'break-all';
  white-space: unset;
  width: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  display: flex;
}
.groupWrap .group-content .item-value-isHorizontal[data-v-e406b42a] {
  margin-left: 8px;
}
.groupWrap .group-content .item-value-isHorizontal[data-v-e406b42a] .ant-typography {
  margin-bottom: 0px;
}
.groupWrap .group-content .item-label-noHorizontal[data-v-e406b42a] {
  color: #999;
  margin-bottom: 4px;
  word-break: break-all;
}
.groupWrap .group-content .item-label-noHorizontal .title-info[data-v-e406b42a] {
  min-width: 36px;
}
.groupWrap .group-content .width-shrink-48[data-v-e406b42a] {
  width: calc(100% - 48px);
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-e406b42a] {
  width: calc(100% + 48px);
  height: 8px;
  margin-left: -28px;
  background: #f3f6fa;
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-e406b42a]::before {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  position: absolute;
  right: 0px;
  margin-top: -8px;
  background: #f3f6fa;
  clip-path: polygon(100% 100%, 50% 100%, 58% 98%, 66% 95%, 73% 92%, 79% 88%, 84% 84%, 89% 79%, 92% 74%, 95% 69%, 97% 64%, 99% 57%, 100% 50%);
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-e406b42a]::after {
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  position: absolute;
  right: 0px;
  margin-top: 8px;
  background: #f3f6fa;
  clip-path: polygon(100% 0, 50% 0, 55% 3%, 61% 6%, 68% 9%, 73% 12%, 79% 16%, 84% 21%, 89% 26%, 93% 31%, 95% 36%, 97% 41%, 100% 50%);
}
.groupWrap .group-header[data-v-e406b42a] {
  padding: 20px 0 0 8px;
}
.groupWrap .group-header.first-group-header[data-v-e406b42a] {
  padding: 14px 0 0 8px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content[data-v-e406b42a] {
  padding: 0px 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .bottom-line[data-v-e406b42a] {
  border-bottom: 1px solid #DFDFDF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content.is-table-layout[data-v-e406b42a] {
  padding: 13px 16px 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout[data-v-e406b42a] {
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i[data-v-e406b42a] {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: #B8B8B8;
  cursor: pointer;
  background-color: #fff;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i.active[data-v-e406b42a] {
  color: #4C4C4C;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i[data-v-e406b42a]:hover,
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i.active[data-v-e406b42a]:hover {
  color: #1890FF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item[data-v-e406b42a] {
  background-color: #fff;
  margin-bottom: unset;
  padding: 8px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value[data-v-e406b42a] .typography-symbol {
  font-size: 12px;
  margin: 0 2px;
}
.detail-toggle-dropdown[data-v-e406b42a] {
  margin-top: 12px;
  cursor: pointer;
  float: right;
}
.flow-popover[data-v-e406b42a] .icon-a-360shitu {
  line-height: 42px;
}
.groupWrap-fromFlow[data-v-e406b42a] .preview-item.span-style {
  padding-top: 6px;
}
.groupWrap-fromFlow[data-v-e406b42a] .item-value .anticon.anticon-more,
.groupWrap-fromFlow[data-v-e406b42a] .item-value .bluk-downloads-btn {
  z-index: 11;
}
.ping-top .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-e406b42a] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-e406b42a] {
  min-width: 100px;
  width: 100px;
}
.ping-top .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-e406b42a] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-e406b42a] {
  min-width: 104px;
  width: 104px;
}
.ping-top .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-e406b42a] {
  min-width: 170px;
  width: 170px;
}
.ping-top .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-e406b42a] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-e406b42a],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-e406b42a] {
  min-width: 118px;
  width: 118px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .groupWrap-gap[data-v-e406b42a] {
  display: none;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.small .item-label-isTableLayout[data-v-e406b42a],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.small .item-value-isTableLayout[data-v-e406b42a] {
  padding: 6px 8px;
  font-size: 12px;
  line-height: 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.middle .item-label-isTableLayout[data-v-e406b42a],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.middle .item-value-isTableLayout[data-v-e406b42a] {
  padding: 7px 8px;
  font-size: 14px;
  line-height: 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.default .item-label-isTableLayout[data-v-e406b42a],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.default .item-value-isTableLayout[data-v-e406b42a] {
  padding: 10px 8px;
  font-size: 14px;
  line-height: 20px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout[data-v-e406b42a]:first-of-type::before {
  height: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-header[data-v-e406b42a] {
  padding: 0 0 0 10px;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  border-top: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-left: 1px solid #DFDFDF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content[data-v-e406b42a] {
  padding: 0;
  border-left: 1px solid #DFDFDF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap[data-v-e406b42a] {
  border-top: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-radius: 0;
  position: relative;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item[data-v-e406b42a] {
  padding: 0;
  height: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item .item-label-isTableLayout[data-v-e406b42a] {
  background: #F5F7FB;
  border-right: 1px solid #DFDFDF;
  display: flex;
  align-items: center;
  color: #666;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item .item-value-isTableLayout[data-v-e406b42a] {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  min-width: 0px;
  column-gap: 4px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item .item-value-isTableLayout[data-v-e406b42a] div.viewer {
  width: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .group-content .detail-item-wrap .detail-item .item-value-isTableLayout[data-v-e406b42a] .ant-typography-ellipsis {
  margin-bottom: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout[data-v-e406b42a] {
  max-width: calc(100% - 104px);
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout[data-v-e406b42a] .ant-typography {
  min-width: 0;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout > div.viewer[data-v-e406b42a] {
  width: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout[data-v-e406b42a] .bluk-downloads-btn {
  position: relative !important;
  top: unset !important;
  right: unset !important;
  display: block;
  width: 100%;
  text-align: right;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-label-isTableLayout[data-v-e406b42a] {
  flex-shrink: 1.2;
  flex-direction: row-reverse;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-label-isTableLayout[data-v-e406b42a] .title-info {
  text-align: right;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.multi-tab-mode .multiple-tab-panel .multiTab-drawer {
  height: calc(100% - 12px) !important;
}
.bottom-modal {
  top: var(--theme-top, 60px);
  height: var(--theme-height, 930px);
}
.bottom-modal.multiTab-drawer {
  top: 12px;
}
.bottom-modal .ant-drawer-content-wrapper {
  width: 100%;
  box-shadow: none !important;
}
.bottom-modal .ant-drawer-body {
  padding: 0;
  height: 100%;
}
.bottom-modal .user-info-detail,
.biz-list-container .user-info-detail {
  background-color: #f2f6fa;
}
.bottom-modal .user-info-detail.user-info-detail-multi,
.biz-list-container .user-info-detail.user-info-detail-multi {
  background-color: unset;
  padding: 0 12px;
}
.bottom-modal .user-info-detail.user-info-detail-multi .user-content,
.biz-list-container .user-info-detail.user-info-detail-multi .user-content {
  margin-top: 12px;
}
.bottom-modal .user-info-detail .user-header,
.biz-list-container .user-info-detail .user-header {
  background: #fff;
  font-size: 0;
}
.bottom-modal .user-info-detail .user-header .avatar,
.biz-list-container .user-info-detail .user-header .avatar {
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  font-size: 0;
  background: #eee;
  margin-left: 26px;
  margin-top: 18px;
}
.bottom-modal .user-info-detail .user-header .user-info,
.biz-list-container .user-info-detail .user-header .user-info {
  display: inline-block;
  height: 50px;
  vertical-align: top;
  margin-left: 16px;
  margin-top: 18px;
}
.bottom-modal .user-info-detail .user-header .user-info .user-name,
.biz-list-container .user-info-detail .user-header .user-info .user-name {
  height: 25px;
  line-height: 30px;
  font-size: 17px;
  color: #181d20;
  font-weight: bold;
}
.bottom-modal .user-info-detail .user-header .user-info .user-dept,
.biz-list-container .user-info-detail .user-header .user-info .user-dept {
  height: 25px;
  line-height: 20px;
  font-size: 13px;
  color: #747779;
}
.bottom-modal .user-info-detail .user-header .user-info .user-dept .apart,
.biz-list-container .user-info-detail .user-header .user-info .user-dept .apart {
  display: inline-block;
  border-left: 1px solid #d9d9d9;
  margin: 0 10px;
  vertical-align: middle;
  height: 14px;
}
.bottom-modal .user-info-detail .user-header .ope,
.biz-list-container .user-info-detail .user-header .ope {
  float: right;
  line-height: 80px;
  margin-right: 26px;
}
.bottom-modal .user-info-detail .user-header .ope button,
.biz-list-container .user-info-detail .user-header .ope button {
  margin-left: 10px;
}
.bottom-modal .user-info-detail .user-header .ope button.red,
.biz-list-container .user-info-detail .user-header .ope button.red {
  background-color: var(--theme, #fc3b39);
  color: #ffffff;
}
.bottom-modal .user-info-detail .user-header .user-newHexagon,
.biz-list-container .user-info-detail .user-header .user-newHexagon {
  display: inline-block;
  margin-left: 26px;
  margin-top: 18px;
  padding-top: 10px;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap {
  overflow: hidden;
  width: 96%;
  position: relative;
  margin: 0 auto;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .animate-wrap,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .animate-wrap {
  height: 100%;
  width: 30px;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  width: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .animate-wrap .change-animate,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .animate-wrap .change-animate {
  color: #999;
  font-size: 30px;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .user-statistic,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .user-statistic {
  width: 95%;
  background: #fff;
  min-width: 835px;
  display: flex;
  flex-wrap: nowrap;
  font-size: 0;
  padding-bottom: 15px;
  transform: translate(0);
  transition: all 0.35s linear;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block {
  position: relative;
  flex: 0 0 auto;
  height: 100%;
  text-align: left;
  color: #ffffff;
  width: 15%;
  padding: 0 13px;
  cursor: pointer;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block::after,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 26px;
  background: #e6e7eb;
  right: 0;
  top: 24px;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block:nth-child(6)::after,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block:nth-child(6)::after,
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block:nth-child(7)::after,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block:nth-child(7)::after,
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block:last-child::after,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block:last-child::after {
  display: none;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block .statistics-title,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block .statistics-title {
  line-height: 1.5;
  font-size: 40px;
  text-align: left;
  color: #0e2c4a;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block .statistics-value,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .user-statistic .user-statistic-block .statistics-value {
  font-size: 13px;
  text-align: left;
  color: #666;
  line-height: 1.5;
}
.bottom-modal .user-info-detail .user-header .user-statistic-wrap .trans-animate,
.biz-list-container .user-info-detail .user-header .user-statistic-wrap .trans-animate {
  transform: translate(-100%);
}
.bottom-modal .user-info-detail .user-content,
.biz-list-container .user-info-detail .user-content {
  margin-top: 15px;
  padding: 0 15px 15px;
  background-color: #fff;
}
.bottom-modal .user-info-detail .user-content .ant-tabs .ant-tabs-nav-wrap,
.biz-list-container .user-info-detail .user-content .ant-tabs .ant-tabs-nav-wrap {
  margin-left: 35px;
  line-height: 42px;
  font-size: 15px;
}
.bottom-modal .user-info-detail .user-content .ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab,
.biz-list-container .user-info-detail .user-content .ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab {
  padding-left: 0;
  padding-right: 0;
  margin-right: 57px;
  color: #747779;
}
.bottom-modal .user-info-detail .user-content .ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab-active,
.biz-list-container .user-info-detail .user-content .ant-tabs .ant-tabs-nav-wrap .ant-tabs-tab-active {
  color: var(--theme, #fc3b39);
}
.bottom-modal .user-info-detail .user-content .ant-tabs-tabpane,
.biz-list-container .user-info-detail .user-content .ant-tabs-tabpane {
  min-height: 800px;
}
.bottom-modal .user-info-detail .user-content .base-info,
.biz-list-container .user-info-detail .user-content .base-info {
  min-height: 400px;
  min-width: 900px;
}
.bottom-modal .user-info-detail .user-content .base-info .left-side,
.biz-list-container .user-info-detail .user-content .base-info .left-side,
.bottom-modal .user-info-detail .user-content .base-info .right-side,
.biz-list-container .user-info-detail .user-content .base-info .right-side {
  width: 444px;
  display: inline-block;
}
.bottom-modal .user-info-detail .user-content .base-info .item,
.biz-list-container .user-info-detail .user-content .base-info .item {
  margin: 35px 0 0 33px;
  line-height: 32px;
}
.bottom-modal .user-info-detail .user-content .base-info .item:first-child,
.biz-list-container .user-info-detail .user-content .base-info .item:first-child {
  margin-top: 19px;
}
.bottom-modal .user-info-detail .user-content .base-info .item .icon,
.biz-list-container .user-info-detail .user-content .base-info .item .icon {
  width: 25px;
  height: 29px;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  color: #b9bbbc;
}
.bottom-modal .user-info-detail .user-content .base-info .item .info,
.biz-list-container .user-info-detail .user-content .base-info .item .info {
  display: inline-block;
  margin-left: 17px;
  vertical-align: middle;
  height: 30px;
}
.bottom-modal .user-info-detail .user-content .base-info .item .info .label,
.biz-list-container .user-info-detail .user-content .base-info .item .info .label {
  font-size: 11px;
  color: #747779;
  line-height: 13px;
}
.bottom-modal .user-info-detail .user-content .base-info .item .info .value,
.biz-list-container .user-info-detail .user-content .base-info .item .info .value {
  font-size: 13px;
  color: #181d20;
  line-height: 29px;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail {
  font-size: 12px;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content {
  padding: 20px;
  background-color: #fff;
  transform: translateX(0);
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-header,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-header {
  font-size: 14px;
  padding: 14px 0;
  color: #222;
  font-weight: bold;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content > .ant-row,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content > .ant-row {
  margin-top: 1px;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .detail-item,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .detail-item {
  border-radius: 4px;
  padding: 10px;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-label,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-label {
  font-size: 12px;
  color: #999;
  margin-bottom: 4px;
  line-height: 17px;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value {
  font-size: 14px;
  color: #222;
  word-break: break-all;
  line-height: 20px;
  min-height: 20px;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .short-value,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .short-value {
  /*white-space: pre;*/
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-label,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-label {
  color: #b9bbbc;
  font-size: 11px;
  line-height: 16px;
  display: block;
  background-color: #f9f9f9;
  position: relative;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-label .edit,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-label .edit {
  cursor: pointer;
  position: absolute;
  right: 15px;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-value,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-value {
  color: #181d20;
  line-height: 0;
  font-size: 0;
  background-color: #f9f9f9;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-value .value,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-value .value {
  padding-top: 4px;
  padding-bottom: 9px;
  line-height: 19px;
  min-height: 32px;
  font-size: 13px;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-value .value a,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .layout-bizDetail-content .group-content .row-value .value a {
  color: #108ee9;
}
.bottom-modal .user-info-detail .user-content .base-info .layout-bizDetail .blank,
.biz-list-container .user-info-detail .user-content .base-info .layout-bizDetail .blank {
  height: 10px;
  width: 100%;
  background-color: #eee;
}
.bottom-modal .user-info-detail .user-content .schedule-wrap,
.biz-list-container .user-info-detail .user-content .schedule-wrap {
  height: 400px;
  overflow: auto;
  position: relative;
}
.bottom-modal .user-info-detail .user-content .ant-table-body,
.biz-list-container .user-info-detail .user-content .ant-table-body {
  overflow: auto;
}
.bottom-modal .user-info-detail .user-content .ant-table-body .ant-table-tbody td,
.biz-list-container .user-info-detail .user-content .ant-table-body .ant-table-tbody td {
  min-width: 120px;
}
.bottom-modal .user-info-detail .user-content .ant-table-body .del-name,
.biz-list-container .user-info-detail .user-content .ant-table-body .del-name {
  text-decoration: line-through;
  display: inline-block;
  color: #cccccc;
}
.bottom-modal .user-info-detail .user-content .ant-table-body .name-ellipsis,
.biz-list-container .user-info-detail .user-content .ant-table-body .name-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  cursor: pointer;
}
.link-user .user-info-detail {
  height: 100%;
  overflow: auto;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.biz-filter-popover .ant-popover-inner {
  min-width: 500px;
  max-width: 700px;
  padding: 12px;
}
.biz-filter-popover .ant-popover-inner .ant-popover-title {
  padding: 0;
  border: none;
  min-height: 0;
  margin-bottom: 20px;
}
.biz-filter-popover .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
  color: #222;
  font-size: 14px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .hide-checkBox-container,
.biz-filter-popover .ant-popover-inner .filter-popover .hide-checkBox-container {
  margin-top: -4px;
  margin-bottom: 16px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .hide-checkBox-container .hide-text,
.biz-filter-popover .ant-popover-inner .filter-popover .hide-checkBox-container .hide-text {
  margin-right: 8px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .hide-checkBox-container .ant-checkbox-group-item,
.biz-filter-popover .ant-popover-inner .filter-popover .hide-checkBox-container .ant-checkbox-group-item {
  margin-right: 0;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .hide-checkBox-container .ant-checkbox-wrapper span:last-of-type,
.biz-filter-popover .ant-popover-inner .filter-popover .hide-checkBox-container .ant-checkbox-wrapper span:last-of-type {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 4px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel.common,
.biz-filter-popover .ant-popover-inner .filter-popover.common {
  box-shadow: none;
  position: unset;
  border: none;
  background-color: unset;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel.common-panel,
.biz-filter-popover .ant-popover-inner .filter-popover.common-panel {
  position: unset;
  border: none;
  background-color: white;
  height: 100%;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-header,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-header {
  background-color: #fff;
  padding: 6px 15px;
  line-height: 45px;
  display: flex;
  justify-content: space-between;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-header i,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-header i {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 18px;
  cursor: pointer;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body {
  background-color: #fff;
  font-size: 14px;
  height: calc(100% - 44px);
  overflow-y: auto;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .filter-scope-wrap,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .filter-scope-wrap {
  margin-bottom: 12px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .condition-list,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .condition-list {
  padding-bottom: 44px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .view-option,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .view-option {
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 8px 15px;
  margin: 0 15px 5px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .view-option p,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .view-option p {
  font-size: 12px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .view-option a,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .view-option a {
  font-size: 14px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .ant-row,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .ant-row {
  margin-bottom: 8px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .hecom-card,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .hecom-card {
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s;
  background-color: #fff;
  font-size: 12px;
  border-radius: 4px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .hecom-card .card-head,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .hecom-card .card-head {
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 10px;
  width: 100%;
  line-height: 30px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .hecom-card .card-close-btn,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .hecom-card .card-close-btn {
  right: 10px;
  top: 3px;
  position: absolute;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .hecom-card .card-body,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .hecom-card .card-body {
  padding: 0 10px;
  font-size: 14px;
  line-height: 30px;
  min-height: 30px;
  color: #747779;
  font-weight: 400;
  zoom: 1;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .empty-card,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .empty-card {
  background-color: #faffba;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .operation-line,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .operation-line {
  display: flex;
  justify-content: space-between;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter {
  padding: 0;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-label,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-label {
  font-weight: normal;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-info,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-info {
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s;
  background-color: #fff;
  font-size: 12px;
  border-radius: 4px;
  min-height: 55px;
  padding: 5px 15px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-close,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-close {
  position: absolute;
  right: 10px;
  top: 5px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-mask,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-mask {
  position: absolute;
  right: 30px;
  top: 5px;
  visibility: hidden;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-mask .icon-edit,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-mask .icon-edit {
  width: 14px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-info-field,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-info-field,
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-info-opvalue,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-info-opvalue {
  width: 100%;
  margin-left: 1px !important;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-ope,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-ope {
  display: flex;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-ope .cwc-filter-config-rm,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-ope .cwc-filter-config-rm {
  position: inherit;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-ope,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-ope {
  width: 100%;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-field-content,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-field-content {
  width: 100%;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-ope .ant-cascader-picker,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-ope .ant-cascader-picker {
  width: 100%;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-ope .ant-btn-primary,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-ope .ant-btn-primary {
  margin-left: 20px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .is-empty,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .is-empty {
  background-color: #faffba;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-filterCtrl,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-filterCtrl {
  padding-left: 20px;
  margin-top: 8px;
  display: flex;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-filterCtrl .ope,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-filterCtrl .ope {
  color: #1890ff;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-filterCtrl .ope.disabled,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-filterCtrl .ope.disabled {
  color: #cdcdcd;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-filterCtrl .cwc-clearfilter,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-filterCtrl .cwc-clearfilter {
  margin-left: 20px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-exprWrap,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-exprWrap {
  padding-left: 20px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-exprWrap > a,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-exprWrap > a {
  color: #1890ff;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-exprWrap .cwc-filter-expr-title button span,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-exprWrap .cwc-filter-expr-title button span {
  color: #1890ff;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-ope .cwc-filter-config-value,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-ope .cwc-filter-config-value {
  max-width: 330px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-ope .cwc-filter-config-content.cwc-filter-config-field-content .ant-select,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-ope .cwc-filter-config-content.cwc-filter-config-field-content .ant-select {
  width: 130px;
}
.biz-filter-popover .ant-popover-inner .filter-right-panel .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-config-errorMsg > span,
.biz-filter-popover .ant-popover-inner .filter-popover .filter-body .cwc-filter .cwc-filter-content .cwc-filter-config .cwc-filter-config-errorMsg > span {
  color: #dc3545;
  font-size: 12px;
  margin-right: 14px;
}
.filter-footer {
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  color: #1890ff;
  margin-top: 20px;
}
.list-footer .right-btn {
  height: 30px;
  background-color: #fd6364;
  border-color: #fd6364;
  padding: 0px 12px;
}
.list-footer .right-btn > span {
  color: #fff;
  font-size: 12px;
}
.list-footer .reset {
  background: #fff;
  margin-right: 8px;
}
.list-footer .reset > span {
  color: #fd6364;
  font-size: 12px;
}
.pop-card-content .input-panel .ant-input-number {
  width: 100%;
}
.in-line {
  position: relative;
  top: 0;
  width: auto;
  background-color: #fff;
  border: 0;
  box-shadow: none;
}
.report-setwrap .filter-right-panel .filter-body .condition-list {
  padding-bottom: 0;
}
.top-layout .filter-right-panel,
.h-container .filter-right-panel {
  top: 160px;
}
.full-modal .filter-right-panel {
  top: 69px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.bottom-modal {
  height: var(--theme-height, 930px) !important;
}
.bottom-modal .list-table .ant-table-middle {
  height: 100%;
}
.bottom-modal .selected-filter-header i {
  color: var(--theme, #fd6364) !important;
}
.bottom-modal .export-btn {
  margin-left: 10px;
  color: #1890ff;
  border: 1px solid #1890ff;
}
.file-table .icon-e632 {
  cursor: pointer;
  font-size: 16px;
  color: #fff;
}
.filter-table {
  height: 100%;
}
.filter-table .ant-table.ant-table-middle {
  height: 100%;
}
.list-wrap {
  height: 100%;
  position: relative;
  background-color: #eeeeee;
  overflow: hidden;
}
.list-wrap .wrap-header .file-icon-box .file-back-icon {
  background-image: url(../../static/media/file.ed3080e144e6b598ef99.jpg);
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.list-wrap .list-table .ant-table-container {
  height: calc(100% - 46px);
}
.list-wrap .icon-e6e6 {
  cursor: pointer;
  border-radius: 4px;
  font-size: 16px;
}
.list-wrap .icon-e6e6:hover,
.list-wrap .icon-e6e6:active {
  color: #1890ff;
}
.list-wrap .ant-dropdown-menu-item {
  padding: 8px 20px;
}
.list-wrap .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
  background: #eff7ff;
  color: #1890ff;
}
.list-wrap .wrap-header {
  height: 70px;
  background-color: #fff;
}
.list-wrap .wrap-header .biz-icon {
  float: left;
  margin: 22px 0 0 20px;
  text-align: center;
}
.list-wrap .wrap-header .biz-icon i {
  line-height: 28px;
  display: inline-block;
  height: 24px;
  width: 24px;
}
.list-wrap .wrap-header .biz-icon i:before {
  font-size: 18px;
}
.list-wrap .wrap-header .header-title {
  float: left;
  height: 28px;
  margin-top: 22px;
}
.list-wrap .wrap-header .header-title .header-subName {
  float: left;
  color: #222;
  font-weight: bold;
  margin-left: 10px;
  line-height: 28px;
  white-space: nowrap;
  font-size: 16px;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-wrap .wrap-header .header-title .header-file-menu {
  float: left;
  margin-left: 10px;
  white-space: nowrap;
  max-width: 200px;
}
.list-wrap .wrap-header .header-title .header-file-menu .show {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-wrap .wrap-header .header-title .header-name {
  float: left;
  margin-left: 14px;
  font-size: 12px;
  color: #999999;
  line-height: 28px;
}
.list-wrap .wrap-header .header-ope {
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  height: 70px;
  margin-right: 16px;
}
.list-wrap .wrap-header .header-ope .biz-search {
  position: absolute;
  left: 85px;
  color: #1890ff;
  font-size: 17px;
  cursor: pointer;
}
.list-wrap .wrap-header .header-ope .ant-btn-group {
  margin-left: 10px;
}
.list-wrap .wrap-header .header-ope .user-defined-action button {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  font-weight: normal;
  font-size: 12px;
}
.list-wrap .wrap-header .header-ope .user-defined-action button i {
  display: inline-block;
  color: #fff;
  margin-right: 5px;
}
.list-wrap .table-list .ant-table .ant-table-expanded-row-fixed {
  padding: 0;
  border-bottom: 1px solid #e8e8e8;
}
.list-wrap.tree .wrap-body {
  height: calc(100% - 70px);
}
.list-wrap .wrap-body {
  height: calc(100% - 115px);
  background-color: #fff;
  width: 100%;
  padding: 0 15px;
  overflow: auto;
}
.list-wrap .wrap-body .biz-data-list-wrap {
  height: 100%;
}
.list-wrap .wrap-body .biz-data-list-wrap .ant-table.ant-table-middle {
  height: 100%;
}
.list-wrap .wrap-body .ant-table-wrapper,
.list-wrap .wrap-body .ant-table2,
.list-wrap .wrap-body .ant-table-content,
.list-wrap .wrap-body .ant-table-scroll {
  height: 100%;
}
.list-wrap .wrap-body .relative-title-style {
  width: 36px;
  height: 17px;
  line-height: 17px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-radius: 0px 8px 0px 8px;
  color: #fff;
  padding: 0px 6px;
  margin-left: 8px;
  font-size: 12px;
}
.list-wrap .wrap-body .relative-change {
  background: #3eaaff;
}
.list-wrap .wrap-body .relative-add {
  background: #16b4ab;
}
.list-wrap .wrap-body .relative-del {
  background: #aaaaaa;
}
.list-wrap .wrap-body .ant-table-wrapper .ant-table-row td.right {
  text-align: right;
}
.list-wrap .wrap-body .file-table-list .ant-table-middle {
  height: 100%;
}
.list-wrap .wrap-body .batch-btn-wrap {
  line-height: 44px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
          user-select: none;
}
.list-wrap .wrap-body .batch-btn-wrap .info-warning {
  padding-left: 20px;
  height: 44px;
  background-color: #e9eff5;
  box-shadow: 0px 1px 0px 0px rgba(188, 188, 188, 0.5);
  display: none;
}
.list-wrap .wrap-body .batch-btn-wrap .count {
  cursor: pointer;
}
.list-wrap .wrap-body .batch-btn-wrap .count .anticon-info-circle {
  color: #1890ff;
  margin-right: 7px;
}
.list-wrap .wrap-body .batch-btn-wrap .count .count-num {
  color: #1890ff;
  margin: 0 5px;
}
.list-wrap .wrap-body .batch-btn-wrap .batch-btn {
  display: inline-block;
  padding: 0 15px;
  line-height: 14px;
  position: relative;
  cursor: pointer;
  color: #1890ff;
}
.list-wrap .wrap-body .batch-btn-wrap .batch-btn:last-child {
  border: none;
}
.list-wrap .wrap-body .batch-btn-wrap .batch-btn:last-child:after {
  display: none;
}
.list-wrap .wrap-body .batch-btn-wrap .batch-btn:after {
  content: '';
  width: 1px;
  position: absolute;
  right: 0;
  top: 2px;
  bottom: 2px;
  background: #d5d6d7;
}
.list-wrap .wrap-body .batch-btn-wrap .batch-btn .heicon {
  font-size: 13px;
  margin-right: 8px;
}
.list-wrap .wrap-body .showBatch.batch-btn-wrap .info-warning {
  display: block;
  overflow: auto;
  white-space: nowrap;
}
.list-wrap .wrap-footer {
  height: 45px;
  line-height: 44px;
  padding: 0 20px;
  background-color: #fff;
  border-top: 1px solid #eee;
  font-size: 12px;
}
.list-wrap .wrap-footer .pagination-wrap {
  padding-top: 8px;
}
.follow-list .table-list .ant-table.ant-table-middle,
.follow-list .base-table .ant-table {
  height: calc(100% - 45px);
}
.ant-table-footer {
  padding: 6px 16px !important;
}
.ant-table-footer .ant-pagination-options-quick-jumper {
  height: 20px;
  line-height: 20px;
}
.ant-table-footer .ant-pagination-options-quick-jumper input {
  height: 20px;
  text-align: center;
  width: 28px;
  font-size: 12px;
  padding: 4px;
}
.more-model-table .relative-table .ant-table-body .icon-e714 {
  margin-left: 10px;
}
.more-model-table .relative-table .ant-table-body .icon-e715 {
  margin-left: 10px;
}
.more-model-table .relative-table .ant-table-body .tree-sequence {
  margin-left: 25px;
}
.snapshotVersionCode__ss .titleColumn {
  padding-right: 16px !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .ope .costLedgerSearch .ant-input-group-addon .ant-btn.ant-input-search-button {
  border: 1px solid #d9d9d9;
  color: rgba(0, 0, 0, 0.45);
  border-color: #d9d9d9;
  height: 32px;
  font-size: 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .common-header .ope .costLedgerSearch .ant-input-group-addon .ant-btn:focus,
.detail-wrap .detail-wrap-body .ping-layout .common-header .ope .costLedgerSearch .ant-input-group-addon .ant-btn:hover {
  color: #40a9ff;
  border-color: #40a9ff;
  background: #fff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.biz-data-table-wrap {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.biz-data-table-wrap .back-top-scroll {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  color: #e8e8e8;
  background: #222222;
  opacity: 0.4;
  padding: 2px;
  align-self: flex-end;
  position: absolute;
  bottom: 55px;
  z-index: 20;
}
.biz-data-table-wrap .picker-header-wrap {
  float: right;
}
.biz-data-table-wrap .anticon-down {
  font-size: 10px;
}
.biz-data-table-wrap .table-footer {
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 12px 0px 16px;
  font-size: 14px;
  background-color: #fff;
  color: #666;
}
.biz-data-table-wrap .table-footer .agg-wrap {
  flex: 1 1;
  margin-right: 20px;
}
.biz-data-table-wrap .table-footer .agg-wrap .agg-footer {
  margin-left: 0;
  width: 100%;
  max-width: 100%;
}
.biz-data-table-wrap .second-icon {
  position: absolute;
  top: 8px;
  left: 40px;
  z-index: 10;
  cursor: pointer;
}
.biz-data-table-wrap .second-icon.has-sn-row {
  left: 77px;
}
.biz-data-table-wrap .second-icon.has-tag {
  top: 45px;
}
.pagination-cursor {
  cursor: not-allowed;
  color: #e2e2e2;
}
.pagination-selection-search {
  pointer-events: none;
}
.ant-popover-open .icon-e6e6 {
  color: #1890ff;
}
.biz-tree-list-sortno {
  margin: 0 1px;
  display: inline-block;
  width: 16px;
  height: 20px !important;
  line-height: 20px;
  background-color: #fff;
  text-align: center;
  color: #222;
  font-weight: 800;
}
.biz-tree-list-sortno:active {
  border: 1px solid #1890ff;
}
.biz-tree-list-sortno:hover {
  cursor: pointer;
  background-color: #e7f3ff;
  color: #1890ff;
}
.picker-modal .biz-data-table-wrap .table-list .ant-table-thead th.right:hover .titleColumn {
  padding-right: 20px;
}
.activeViewSelect .inner-option a {
  color: #222;
}
.activeViewSelect .inner-option .ant-select-dropdown-menu-item {
  line-height: 32px;
}
.activeViewSelect .inner-option .ant-select-dropdown-menu-item:hover {
  background-color: #eff7ff;
}
.activeViewSelect .inner-option .ant-select-dropdown-menu-item:hover a {
  color: #1890ff;
}
.activeViewSelect .inner-option .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: transparent;
}
.activeViewSelect .inner-option .ant-select-item.ant-select-item-option:hover {
  background-color: #eff7ff;
  color: #1890ff;
}
.activeViewSelect .inner-option .ant-select-item.ant-select-item-option.ant-select-item-option-selected {
  background-color: rgba(24, 144, 255, 0.14);
  color: #1890ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.excel-switch-modal .ant-modal-body {
  padding-top: 32px !important;
}
.excel-switch-modal .ant-modal-body .ant-btn {
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  border-radius: 6px;
  border: 1px solid #979797;
  color: #adb4c3;
  background: transparent;
  font-weight: 400;
}
.excel-switch-modal .ant-modal-body .ant-btn-danger,
.excel-switch-modal .ant-modal-body .ant-btn-primary {
  height: 30px;
  background: #1890ff;
  border: none;
  color: #ffffff;
}
.select-product .table-list .ant-spin-container {
  height: auto;
}
.table-header-wrap {
  position: relative;
  padding-right: 96px;
  height: 32px;
  margin: 10px 0;
}
.table-header-wrap .table-header-selected {
  width: 100%;
  font-size: 12px;
  background: #e6f7ff;
  border: 1px solid #bae7ff;
  position: relative;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  border-radius: 4px;
}
.table-header-wrap .table-header-selected a {
  border-left: 1px solid #999;
  padding: 0 12px;
  display: inline-block;
  height: 14px;
  line-height: 14px;
}
.table-header-wrap .table-header-selected a:first-child {
  border-left: none;
}
.table-header-wrap .button-wrap {
  position: absolute;
  right: -10px;
  top: 0;
  height: 32px;
  line-height: 32px;
}
.table-header-wrap .button-wrap button {
  font-size: 12px;
}
.react-resizable {
  position: relative;
  background-clip: padding-box;
}
.react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -5px;
  cursor: col-resize;
  z-index: 1;
}
.submit-err-text {
  padding: 6px 0;
  background-color: #fdfcec;
  color: #f86e21;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 1px;
}
.error-text-box {
  background-color: #fdfcec;
  color: #f86e21;
  padding: 2px 0;
}
.table-error.hidden {
  display: none;
}
.table-error .submit-err-text-new {
  padding: 12px 0px 12px 0px;
  border-radius: 6px;
  background-color: #fdfcec;
  color: #f86e21;
  font-size: 13px;
  position: relative;
}
.table-error .submit-err-text-new.custom-fill-lookup {
  padding-bottom: 4px;
}
.table-error .submit-err-text-new .common-error-data-item.red {
  color: #FF3F57;
}
.table-error .submit-err-text-new .common-error-data-item.red:hover {
  font-weight: bold;
}
.table-error .submit-err-text-new .common-error-data-item.red .tree-table-span {
  border: 1px solid #FF3F57;
}
.table-error .submit-err-text-new .common-error-data-item.special-yellow {
  color: #FF9B00;
}
.table-error .submit-err-text-new .common-error-data-item.special-yellow:hover {
  font-weight: bold;
}
.table-error .submit-err-text-new .common-error-data-item.special-yellow .tree-table-span {
  border: 1px solid #FF9B00;
}
.table-error .submit-err-text-new .submit-icon {
  position: absolute;
  right: 2px;
  top: 2px;
}
.table-error .submit-err-text-new .submit-icon i {
  color: #FD6768;
  font-size: 18px;
}
.table-error .submit-err-text-new .submit-icon:hover {
  cursor: pointer;
}
.table-error .submit-err-text-new .list {
  padding: 0px 12px;
  max-height: 160px;
  overflow: auto;
}
.table-error .tree-table-span {
  padding: 0 4px;
  margin: 0 2px;
  border: 1px solid #f86e21;
  height: 18px;
  display: inline-block;
  line-height: 16px;
  border-radius: 2px;
}
.table-error .tree-table-span:hover {
  background: #FDEFEF;
  cursor: pointer;
}
.table-error .table-error-button.normal {
  display: flex;
  margin-top: 8px;
  padding: 4px 12px 0px 12px;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05);
}
.table-error .table-error-button.row {
  display: inline-block;
  margin-left: 4px;
}
.table-error .table-error-button button {
  border-radius: 10px;
  color: #FD6364;
  border-color: #FD6364;
  height: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  padding: 4px 6px;
  font-family: PingFangSC-Regular, PingFang SC;
  animation: none;
}
.table-error .table-error-button button:hover {
  cursor: pointer;
}
.allow-batch-list {
  margin-top: 0px !important;
}
.allow-batch-list .allow-batch-title {
  line-height: 17px !important;
  margin-top: 15px !important;
}
.relative-list {
  margin-top: 10px;
}
.relative-list .relative-item {
  position: relative;
}
.relative-list .relative-item .relative-title-box {
  overflow: hidden;
}
.relative-list .relative-item .relative-title-box .relative-title-left {
  float: left;
  color: #222;
}
.relative-list .relative-item .relative-title-box .relative-title-left .select-all-check {
  margin-left: 17px;
}
.relative-list .relative-item .relative-title-box .relative-title-left .select-all-check span {
  color: #1890ff;
  font-size: 12px;
}
.relative-list .relative-item .relative-title-box .relative-switch-excel {
  float: right;
  line-height: 45px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
}
.relative-list .relative-item .relative-title-box .relative-switch-excel .blue-text {
  color: #1890ff;
  cursor: pointer;
}
.relative-list .relative-item .relative-title {
  line-height: 45px;
  color: #222;
  font-weight: bold;
  font-size: 12px;
}
.relative-list .relative-item .relative-title span {
  pointer-events: auto;
}
.relative-list .relative-item .right-btn {
  right: 10px;
  top: 10px;
  position: absolute;
  font-size: 13px;
}
.relative-list .relative-item .relative-title-style {
  width: 36px;
  height: 17px;
  line-height: 17px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-radius: 0px 8px 0px 8px;
  color: #fff;
  padding: 0px 6px;
}
.relative-list .relative-item .relative-title-readOnly {
  text-align: center;
  font-size: 16px;
  color: blueviolet;
}
.relative-list .relative-item .relative-change {
  background: #3eaaff;
}
.relative-list .relative-item .relative-readOnly {
  border: 1px solid #F4A509;
  color: #F4A509;
}
.relative-list .relative-item .relative-add {
  background: #16b4ab;
}
.relative-list .relative-item .relative-del {
  background: #aaaaaa;
}
.relative-list .more {
  width: 500px;
  margin: 0 auto;
}
.relative-list .more hr {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  border-color: #d7d7d7;
  border: 1px dashed;
  color: #999999;
}
.relative-list .more span {
  padding: 0 10px;
  cursor: pointer;
  color: #1890ff;
  font-size: 14px;
}
.newData-screen-left {
  float: left;
  width: 100px;
}
.newData-screen-left a {
  display: block;
  font-size: 12px;
  line-height: 35px;
  color: #000;
}
.newData-screen-left a:hover {
  background: #f2f2f2;
}
.ant-pagination:not(.hecom-bi) {
  font-size: 12px;
}
.ant-pagination:not(.hecom-bi) > li {
  min-width: 21px !important;
  height: 20px !important;
  line-height: 20px !important;
}
.ant-pagination:not(.hecom-bi) > li.ant-pagination-item-active {
  background-color: #e2e2e2 !important;
  border-color: #e2e2e2 !important;
}
.ant-pagination:not(.hecom-bi) > li.ant-pagination-item-active a {
  color: #222 !important;
}
.ant-table-pagination {
  margin-top: 16px;
}
.lookHeader {
  position: relative;
  padding-right: 66px;
}
.lookHeader button.search-btn {
  size: 16px;
  height: 28px;
  line-height: 28px;
  width: 28px;
  padding: 0;
  color: #1890ff;
  border: 1px solid #1890ff;
  position: static;
  margin-left: 8px;
}
.lookHeader .search-ant {
  height: 28px;
  line-height: 28px;
  width: 100%;
  max-width: 400px;
}
.lookHeader .search-ant input {
  height: 25px !important;
}
.sider-tab {
  flex: unset;
  position: relative;
}
.sider-tab .ant-tabs.ant-tabs-top {
  max-height: 100%;
  overflow: auto;
}
.sider-tab .toggle-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  right: 0;
  background: #999;
  width: 12px;
  height: 40px;
  border-radius: 4px 0 0 4px;
  z-index: 100;
  line-height: 40px;
  cursor: pointer;
}
.sider-tab .toggle-icon .icon-zhankai {
  font-size: 12px;
  color: #FFF;
  transform: scale(0.834);
}
.has-sider-tab .draggablelayout-wrapper {
  background-color: #F2F2F2;
}
.detail-template .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  line-height: 24px;
}
.relative-table .ant-table-thead th {
  padding: 7px 8px !important;
  font-size: 14px;
  font-weight: bold;
  color: #222;
  background: #f3f6fa;
}
.relative-table .ant-table-thead th .ant-table-cell {
  height: 20px !important;
  line-height: 20px !important;
  white-space: nowrap;
}
.relative-table .ant-table-thead th i.required {
  margin-left: 4px;
  color: #fc3b39;
}
.relative-table .ant-table-thead th:first-child {
  border-left: none !important;
}
.relative-table .ant-table-thead .ant-table-column-sorters {
  padding: 0 8px !important;
}
.relative-table .ant-table-thead .add-operate-title {
  font-size: 10px;
  flex: 1 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.relative-table .ant-table-placeholder button {
  height: 26px;
  line-height: 26px;
  border: 1px dashed #d9d9d9;
  background: transparent;
  border-radius: 2px;
  color: #1890ff;
  display: block;
  width: 100%;
  font-size: 12px;
}
.relative-table .ant-table-placeholder button:hover {
  border-color: #1890ff;
  background: rgba(24, 144, 255, 0.07);
}
.relative-table .ant-table-placeholder .icon-e756 {
  color: #1890ff;
}
.relative-table .ant-table-footer {
  padding: 0 16px !important;
  font-size: 12px;
  background-color: #FFF;
}
.relative-table .ant-table-footer .add-table-btn {
  margin: 6px 0;
  width: 100%;
  border: 1px dashed #1890FF;
  color: #1890FF;
  font-size: 12px;
}
.relative-table .ant-table-footer .batch-btn button,
.relative-table .ant-table-footer .select-table button {
  margin-right: 10px;
  font-size: 12px;
  height: 28px;
  padding: 0 15px;
  line-height: 28px;
  background: #FFFFFF;
  border-radius: 4px;
}
.relative-table .ant-table-footer .total-wrap,
.relative-table .ant-table-footer .total-num {
  font-size: 12px;
  color: #666;
  margin-left: 8px;
}
.relative-table .ant-table-footer .clear {
  font-size: 12px;
}
.relative-table .table-foot {
  font-size: 12px;
  justify-items: center;
  padding: 10px 0;
}
.relative-table .table-foot .ant-select-selector {
  height: 20px;
}
.relative-table .table-foot .ant-select-selector .ant-select-selection-item {
  line-height: 20px;
}
.relative-table .table-foot > button {
  height: 28px;
  padding: 0 15px;
}
.relative-table .table-foot button {
  font-size: 12px;
}
.relative-table .table-foot .ant-pagination {
  flex: 6 1;
  text-align: right;
}
.relative-table .table-foot .total-num {
  flex: 1 1;
}
.relative-table .ant-table.ant-table-middle .ant-table-tbody > tr > td {
  padding: 4px 8px;
  border-bottom: 1px solid #e8e8e8;
}
.relative-table .ant-table-tbody tr td {
  font-size: 12px;
  height: 37px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.relative-table .ant-table-tbody tr td .operation {
  color: #1890ff;
}
.relative-table .ant-table-tbody tr td .ant-badge-count {
  background: rgba(24, 144, 255, 0.18);
  box-shadow: none;
  height: 18px;
  color: #1890ff;
  line-height: 19px;
  min-width: 18px;
}
.relative-table .ant-table-tbody tr td.add-row {
  color: #666;
  font-size: 14px;
  text-align: center;
  padding-right: 4px !important;
  padding-left: 4px !important;
}
.relative-table .ant-table-tbody tr td .add-del-icon {
  flex: 1 1;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #666;
}
.relative-table .ant-table-tbody tr td .add-del-icon .icon-tongji {
  color: #34A13E;
}
.relative-table .ant-table-tbody tr td .add-del-icon .icon-ziji {
  color: #9568FF;
}
.relative-table .ant-table-tbody tr td .add-del-icon.disabled {
  cursor: default;
  color: #D8D8D8;
}
.relative-table .ant-table-tbody tr td .add-del-icon.disabled i {
  color: #D8D8D8;
}
.relative-table .ant-table-tbody tr td .add-del-icon.disabled:hover {
  color: #D8D8D8;
}
.relative-table .ant-table-tbody tr td .add-del-icon.disabled:hover i {
  color: #D8D8D8;
}
.relative-table .ant-table-tbody tr td .add-del-icon:hover {
  color: #1890FF;
}
.relative-table .ant-table-tbody tr td .add-del-icon:hover i:not(.icon-tongji):not(.icon-ziji) {
  color: #1890FF;
}
.relative-table .ant-table-tbody tr td.del-row {
  color: #666;
  font-size: 14px;
  text-align: center;
  padding-left: 5px !important;
}
.relative-table .ant-table-tbody tr td .table-elem {
  line-height: 28px;
  height: 28px;
}
.relative-table .ant-table-tbody tr td .table-elem:has(.he-input-textarea),
.relative-table .ant-table-tbody tr td .table-elem:has(.role-picker),
.relative-table .ant-table-tbody tr td .table-elem:has(.he-input-magnify),
.relative-table .ant-table-tbody tr td .table-elem:has(.he-input-disabled),
.relative-table .ant-table-tbody tr td .table-elem:has(.he-select-multiple),
.relative-table .ant-table-tbody tr td .table-elem:has(.he-select-magnify) {
  display: flex;
}
.relative-table .ant-table-tbody tr td .table-elem .ant-picker .ant-picker-input > input {
  height: 18px;
}
.relative-table .ant-table-tbody tr td .table-elem .ant-select-selector {
  height: 28px;
}
.relative-table .ant-table-tbody tr td .table-elem .user-select-new {
  min-height: 28px;
}
.relative-table .ant-table-tbody tr td .table-elem .user-select-new .user-select-new-search {
  height: 28px;
}
.relative-table .ant-table-tbody tr td .table-elem .user-select-new .item-user-picker-header {
  height: 28px;
}
.relative-table .ant-table-tbody tr td .table-elem .user-select-new .item-user-picker-selected {
  min-height: 26px;
  height: 26px;
  max-height: 26px;
}
.relative-table .ant-table-tbody tr td .table-elem .select-picker .select-wrap .show-biz-modal-icon-create {
  height: 26px;
}
.relative-table .ant-table-tbody tr td .table-elem .file-count {
  color: #1890ff;
  cursor: pointer;
  line-height: 26px;
}
.relative-table .ant-table-tbody tr td .table-elem .text {
  position: relative;
  min-width: 100px;
  display: flex;
}
.relative-table .ant-table-tbody tr td .table-elem .text .ant-btn {
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  padding: 0 10px;
  margin-left: 5px;
}
.relative-table .ant-table-tbody tr td .table-elem .picture-card {
  position: relative;
  min-width: 60px;
}
.relative-table .ant-table-tbody tr td .table-elem .show-list.picture-card .ant-upload-list {
  width: 344px;
  white-space: break-spaces;
  height: 344px;
  padding: 8px 0 0 8px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: fixed;
  z-index: 11005;
  border-radius: 4px;
}
.relative-table .ant-table-tbody tr td .table-elem .show-list.picture-card .ant-upload-list .ant-upload-list-picture-card-container {
  display: inline-block;
}
.relative-table .ant-table-tbody tr td .table-elem .ant-upload.ant-upload-select-picture-card {
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 3px;
}
.relative-table .ant-table-tbody tr td .table-elem .ant-upload.ant-upload-select-picture-card .ant-upload {
  padding: 0;
  line-height: 20px;
}
.relative-table .ant-table-tbody tr td .table-elem .input-default {
  font-size: 0px;
  width: 0px;
  color: transparent;
  overflow: hidden;
}
.relative-table .ant-table-tbody tr td .table-elem .input-default.show {
  width: unset !important;
  overflow: unset !important;
  font-size: 14px !important;
  margin-left: 4px;
  line-height: 28px;
}
.relative-table .ant-table-tbody tr td .table-elem .input-default.show svg {
  color: #1890ff;
  background-color: #fff;
}
.relative-table .ant-table-tbody tr td .table-elem:hover .input-default {
  width: unset !important;
  overflow: unset !important;
  font-size: 14px !important;
  margin-left: 4px;
  line-height: 28px;
}
.relative-table .ant-table-tbody tr td .table-elem:hover .input-default svg {
  color: #1890ff;
  background-color: #fff;
}
.relative-table .ant-table-tbody tr td .table-elem:hover .he-select-multiple,
.relative-table .ant-table-tbody tr td .table-elem:hover .he-select-magnify,
.relative-table .ant-table-tbody tr td .table-elem:hover .role-picker {
  max-width: calc(100% - 12px);
}
.relative-table .ant-table-tbody tr td .table-elem .show-pop-select {
  max-width: calc(100% - 12px);
}
.relative-table .ant-table-tbody tr td .table-elem .ant-input-disabled {
  color: #222;
  height: 26px;
}
.relative-table .ant-table-tbody tr td .table-elem .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 26px;
}
.relative-table .ant-table-tbody tr td .table-elem .expr-currency .ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
  height: 28px;
}
.relative-table .ant-table-tbody tr td .ant-select,
.relative-table .ant-table-tbody tr td .ant-input,
.relative-table .ant-table-tbody tr td .select-table,
.relative-table .ant-table-tbody tr td .ant-input-number {
  font-size: 12px;
}
.relative-table .ant-table-tbody tr td .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: #222;
}
.relative-table .ant-table-tbody tr td .ant-input {
  height: 28px;
}
.relative-table .ant-table-tbody tr td .ant-input:disabled {
  color: #222;
  height: 28px;
}
.relative-table .ant-table-tbody tr td .ant-input-number,
.relative-table .ant-table-tbody tr td .ant-input-number-input,
.relative-table .ant-table-tbody tr td textarea {
  height: 28px;
}
.relative-table .ant-table-tbody tr td .select-table > div {
  height: 28px !important;
}
.relative-table .ant-table-tbody tr td .ant-select .ant-select-selection .ant-select-selection__rendered {
  height: 28px;
  line-height: 28px;
}
.relative-table .ant-table-thead tr th .expanded-all {
  color: #1890ff;
  cursor: pointer;
}
.relative-table .ant-table-thead tr th .expanded-all .expand-operate {
  font-size: 16px;
  color: '#1890FF';
  margin-right: 3px;
  top: 2px;
  position: relative;
}
.relative-table td.right {
  text-align: right !important;
}
.relative-table.high-table .ant-table-tbody tr td {
  height: 55px;
}
.relative-pick-table .ant-table-pagination.ant-pagination {
  margin: 0;
}
.pick-col .ant-table-header-column {
  min-width: 100px;
}
.all-operate-text {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
/*.picker-header-wrap {
    float: right;
}
*/
.relative-table.header-wrap-table .ant-table-thead .edit-table-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  white-space: normal;
  word-break: break-all;
}
.relative-table.edit-table .ant-table-thead .titleColumn,
.relative-table.edit-table .ant-table-thead .picker-header-wrap,
.relative-table.edit-table .ant-table-thead .showKey {
  padding: 7px 0px;
  display: inline-block;
}
.relative-table.edit-table .ant-table-thead .thead-inner .tHeaderWrap .lock-wrap {
  display: inline-block;
  opacity: 0;
}
.relative-table.edit-table .ant-table-thead th:hover .tHeaderWrap .lock-wrap {
  opacity: 1;
}
.relative-table.edit-table .ant-table-thead .showKey {
  width: 100%;
}
.relative-table.edit-table .ant-table-thead th {
  padding: 0px 8px !important;
}
.relative-table.edit-table .ant-table-thead th.add-row {
  padding: 0px 4px !important;
  cursor: default !important;
}
.relative-table.edit-table .ant-table-thead th:hover {
  cursor: default;
}
.relative-table.edit-table .thead-inner .picker-header-wrap {
  width: 40px;
}
.relative-table.edit-table .picker-header-wrap {
  width: 24px;
  text-align: right;
}
.relative-table.edit-table .ant-table-pagination.ant-pagination {
  padding: initial;
}
.relative-table.edit-table.show-scroll-bar .ant-table-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
  opacity: 0.5;
}
.relative-table.edit-table.show-scroll-bar .ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #c5c5c5;
}
.relative-table.edit-table.show-scroll-bar .ant-table-body::-webkit-scrollbar-thumb:hover {
  border-radius: 4px;
  background-color: #898989;
}
.relative-table.edit-table.show-scroll-bar .ant-table-body::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 4px;
}
.relative-table.edit-table.show-scroll-bar .ant-table-body::-webkit-scrollbar-track:hover {
  background-color: #f0f0f0;
}
.relative-table .ant-table-thead .thead-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.relative-table .ant-table-thead .thead-inner .tHeaderWrap {
  display: inline-block;
}
.relative-table .ant-table-thead .thead-inner .tHeaderWrap.showTHeader + .titleColumn,
.relative-table .ant-table-thead .thead-inner .tHeaderWrap.hasSet + .titleColumn {
  color: #1890ff;
}
.relative-table .ant-table-thead .thead-inner .tHeaderWrap .lock-wrap {
  display: none;
  width: 20px;
  text-align: center;
  cursor: pointer;
  right: 24px;
}
.relative-table .ant-table-thead .thead-inner .filter-entry {
  display: inline-block;
  width: 20px;
  text-align: center;
  cursor: pointer;
  right: 5px;
}
.relative-table .ant-table-thead .thead-inner .filter-entry.ant-popover-open .caret-down,
.relative-table .ant-table-thead .thead-inner .filter-entry.ant-popover-open .anticon-caret-down {
  visibility: visible;
}
.relative-table .ant-table-thead .thead-inner .filter-entry .caret-down,
.relative-table .ant-table-thead .thead-inner .filter-entry .anticon-caret-down {
  color: #1890ff;
  display: inline-block;
  visibility: hidden;
  transition: transform 0.2s;
}
.relative-table .ant-table-thead .thead-inner .filter-entry .caret-down.up,
.relative-table .ant-table-thead .thead-inner .filter-entry .anticon-caret-down.up {
  transform: rotate(180deg);
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover {
  cursor: pointer;
  background: #e7f0fa;
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .titleColumn:hover {
  color: #1890ff;
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-down,
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-up {
  color: #1890ff;
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .tHeaderWrap .lock-wrap {
  display: inline-block;
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .tHeaderWrap:hover .icon-e603:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .tHeaderWrap:hover .icon-e6aa:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .tHeaderWrap:hover .icon-e6aa:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .tHeaderWrap:hover .icon-e627:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .filter-entry .caret-down,
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .filter-entry .anticon-caret-down {
  visibility: visible;
}
.relative-table .ant-table-thead th:not(.__noDrop):not(.space):hover .ant-table-column-sorter {
  display: inline-block;
}
.relative-table .ant-table-thead th:not(.__noDrop):hover {
  cursor: pointer;
  background: #e7f0fa;
}
.relative-table .ant-table-thead th:not(.__noDrop):hover .titleColumn.add:hover {
  color: #000;
}
.relative-table .ant-table-thead th:not(.__noDrop):hover .titleColumn.add.pop:hover {
  cursor: pointer;
}
.relative-table .ant-table-thead th:not(.__noDrop):hover .titleColumn.add.pop:hover .title {
  cursor: default;
}
.relative-table .ant-table-thead th:not(.__noDrop):hover .titleColumn.add.disabled:hover {
  cursor: not-allowed;
}
.relative-table .ant-table-thead th.pop-hover {
  background: #e7f0fa;
}
.relative-table .ant-table-thead .titleColumn {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  flex: 1 1;
  display: flex;
}
.relative-table .ant-table-thead .titleColumn.add {
  color: #000;
  display: flex;
}
.relative-table .ant-table-thead .titleColumn.add.disabled {
  cursor: not-allowed;
}
.relative-table .ant-table-thead .titleColumn > span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.relative-table .ant-table-thead .titleColumn:hover {
  color: #010b1f;
}
.relative-table .ant-table-thead th.right {
  text-align: right !important;
}
.relative-table .ant-table-thead th.right .titleColumn {
  text-align: right;
}
.relative-table .ant-table-thead th.right .thead-inner {
  justify-content: right;
}
.relative-table .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: 0px -8px -10px 25px;
}
.relative-table .ant-table-expanded-row > td {
  padding: 0 !important;
}
.picker-table .ant-table-scroll {
  overflow-y: hidden;
}
.picker-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 20px;
  font-size: 12px;
}
.picker-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
  line-height: 20px;
}
.opt-list {
  width: 400px;
}
.main-child-modal .ant-modal-body {
  height: calc(100vh - 140px) !important;
  max-height: calc(100vh - 140px) !important;
}
.main-child-modal .main-table {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.main-child-modal .main-table .lookHeader {
  margin-top: 4px !important;
}
.main-child-modal .main-table.up {
  display: none;
}
.main-child-modal .main-table .ant-table-wrapper {
  flex: 0 1 max-content;
  min-height: 0;
}
.main-child-modal .child-table {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.main-child-modal .child-table .lookHeader {
  margin-top: 4px !important;
}
.main-child-modal .child-table .ant-tabs-tab {
  padding: 4px 0px;
}
.main-child-modal .child-table.down {
  display: none;
}
.main-child-modal .child-table .biz-list-drag-container {
  flex: 1 1;
  min-height: 248px !important;
}
.main-child-modal .child-table .biz-list-drag-container .ant-table-wrapper,
.main-child-modal .child-table .biz-list-drag-container .ant-table-middle,
.main-child-modal .child-table .biz-list-drag-container .ant-table-container {
  height: 100%;
}
.table-foot .table-foot-button {
  display: flex;
}
.table-foot .table-foot-button button {
  margin-right: 8px;
}
.biz-data-table-wrap.hasSelect.hasPagination .ant-table-middle {
  height: calc(100% - 44px);
}
.biz-data-table-wrap.hasSelect.noHasValue .ant-pagination-prev,
.biz-data-table-wrap.hasSelect.noHasValue .ant-pagination-item,
.biz-data-table-wrap.hasSelect.noHasValue .ant-pagination-next {
  display: none;
}
.biz-data-table-wrap.hasSelect .ant-pagination {
  position: relative;
}
.biz-data-table-wrap.hasSelect .ant-pagination-total-text {
  position: absolute;
  left: 0;
}
.picker-button-list {
  display: flex;
}
.picker-button-list > div {
  height: 24px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2B2B2B;
  line-height: 24px;
  display: flex;
}
.picker-button-list > div:first-child {
  margin-left: 4px;
}
.picker-button-list > div:last-child {
  margin-left: 12px;
}
.picker-button-list > div:hover {
  cursor: pointer;
  color: #1890ff;
}
.picker-button-list > div i {
  margin-right: 4px;
  font-size: 12px;
}
.multipicker-modal .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  line-height: 20px;
}
.tab-content-wrap .ant-tabs-tabpane.ant-tabs-tabpane-active {
  overflow-y: auto;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.virtuallist .ant-table-tbody > tr > td.ant-table-row-expand-icon-cell > div {
  overflow: inherit;
}
.ant-table-bordered .virtuallist > table > .ant-table-tbody > tr > td {
  border-right: 1px solid #f0f0f0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.virtuallist.remove-virtuallist-height {
  height: unset !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-8fd0f45c]::before {
  display: table;
  content: '';
}
.clearfix[data-v-8fd0f45c]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-8fd0f45c] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-8fd0f45c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-8fd0f45c] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-8fd0f45c]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-8fd0f45c] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-8fd0f45c]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-8fd0f45c] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.ant-table.ant-table-middle tfoot > .data-summary[data-v-8fd0f45c] td {
  padding: 4px 8px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.virtual-table-list .ant-table-tbody > tr > td {
  padding: 4px 8px;
}
.ant-table .ant-table-sticky-scroll {
  display: none;
}
.ant-table .draggable-handle:hover {
  cursor: move;
}
.ant-table tr.drop-over-downward td {
  border-bottom: 2px solid #1890ff !important;
}
.ant-table tr.drop-over-upward td {
  border-top: 2px solid #1890ff !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-863ef97e]::before {
  display: table;
  content: '';
}
.clearfix[data-v-863ef97e]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-863ef97e] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-863ef97e] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-863ef97e] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-863ef97e]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-863ef97e] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-863ef97e]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-863ef97e] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.draggablelayout-wrapper[data-v-863ef97e] {
  position: absolute;
  cursor: ew-resize;
  width: 10px;
  height: 100%;
  top: 0;
  bottom: 0;
}
.draggablelayout-wrapper .draggablelayout-icon[data-v-863ef97e] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
}
.draggablelayout-wrapper .draggableline-hover[data-v-863ef97e] {
  position: absolute;
  width: 10px;
  height: calc(100% - 70px);
  top: 70px;
  left: -4px;
  bottom: 0;
}
.draggablelayout-wrapper .draggableline-hover .drag-line[data-v-863ef97e] {
  position: absolute;
  height: 100%;
  width: 1px;
  left: 5px;
  top: 0;
  background-color: #DFDFDF;
}
.draggablelayout-wrapper .draggableline-hover:hover .drag-line[data-v-863ef97e] {
  left: 4px;
  width: 2px;
  background-color: #1890ff;
}
.draggablelayout-wrapper .draggableline-btn[data-v-863ef97e] {
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translate(0, -50%);
  color: #999;
  width: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(237, 237, 237, 0.7);
  border-radius: 0 4px 4px 0;
}
.draggablelayout-wrapper .draggableline-btn .draggableline-icon[data-v-863ef97e] {
  font-size: 12px;
}
.draggablelayout-wrapper .draggableline-btn[data-v-863ef97e]:hover {
  cursor: pointer;
  color: #1890ff;
  background: rgba(24, 144, 255, 0.1);
}
.draggablelayout-wrapper:active .draggablelayout-icon[data-v-863ef97e],
.draggablelayout-wrapper:hover .draggablelayout-icon[data-v-863ef97e] {
  color: #1890ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.hasred .ant-input {
  color: #FF4D4F !important;
}
.hasorange .ant-input {
  color: #FFA000 !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.AW1onNjJz6Wo7zu5_LR9::before {
  display: table;
  content: '';
}
.AW1onNjJz6Wo7zu5_LR9::after {
  display: table;
  clear: both;
  content: '';
}
.MGDX5KDLEWPbvslE0if9 {
  display: flex;
  flex-direction: column;
}
.oVJjp8lFWknAXn3NOC7i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ELgdvfPII41SwrSFbtW5 {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.ELgdvfPII41SwrSFbtW5::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.mND2wkVbMDDa9mQvOp7f {
  -ms-overflow-style: unset;
  overflow: auto;
}
.mND2wkVbMDDa9mQvOp7f::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.LNxl_ewRLkUExbCxZbaA {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.Z9CUkkuxyerCh_4nGdSA {
  width: 100%;
  height: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.Z9CUkkuxyerCh_4nGdSA .ant-col-8 {
  margin-top: 12px;
}
.Z9CUkkuxyerCh_4nGdSA .ant-row {
  width: 100%;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
._a4hctE1pt5eGrwjxFg6::before {
  display: table;
  content: '';
}
._a4hctE1pt5eGrwjxFg6::after {
  display: table;
  clear: both;
  content: '';
}
.UmENIzKWfOXjXHJv3sZ8 {
  display: flex;
  flex-direction: column;
}
.LOSZDiqrMqC8tbjhteNV {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nF4yYGxdsLGa4Z9ePNZm {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.nF4yYGxdsLGa4Z9ePNZm::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.Y5fCGsUFSuptx1aSSgZf {
  -ms-overflow-style: unset;
  overflow: auto;
}
.Y5fCGsUFSuptx1aSSgZf::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.A8xoDVilacyhVZrSWGNt {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.u_JJWwITn_dJTeWmYFrh {
  display: inline-block;
  position: relative;
  top: -1px;
}
.u_JJWwITn_dJTeWmYFrh .ant-btn,
.u_JJWwITn_dJTeWmYFrh .ant-btn:active,
.u_JJWwITn_dJTeWmYFrh .ant-btn:focus {
  height: 28px;
  line-height: 18px;
  margin-left: 8px;
}
.u_JJWwITn_dJTeWmYFrh .ant-btn:hover,
.u_JJWwITn_dJTeWmYFrh .ant-btn:active:hover,
.u_JJWwITn_dJTeWmYFrh .ant-btn:focus:hover {
  opacity: 0.9;
}
.u_JJWwITn_dJTeWmYFrh .ant-btn:disabled,
.u_JJWwITn_dJTeWmYFrh .ant-btn:active:disabled,
.u_JJWwITn_dJTeWmYFrh .ant-btn:focus:disabled {
  color: #00000040;
  border-color: #d9d9d9;
  background-color: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.u_JJWwITn_dJTeWmYFrh .custom-modal .lookHeader .ant-btn-primary {
  background-color: #1890ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.cloud-resize-table-n td.ant-table-column-sort {
  background: #fff;
}
.cloud-resize-table-n tr,
.cloud-resize-table-n th,
.cloud-resize-table-n td {
  box-sizing: border-box;
  height: 39px;
  padding: 0 8px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.cloud-resize-table-n tr > *,
.cloud-resize-table-n th > *,
.cloud-resize-table-n td > * {
  padding: 0;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table {
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead tr:first-child th {
  border-top: 1px solid #e8e8e8;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead .ant-table-cell-scrollbar {
  opacity: 0;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level5 {
  background: #adc0d1 !important;
  border-bottom: 1px solid #9bb0c3;
  border-right: 1px solid #9bb0c3;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level4 {
  background: #bdcddb !important;
  border-bottom: 1px solid #acbdcc;
  border-right: 1px solid #acbdcc;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level3 {
  background: #cfdbe6 !important;
  border-bottom: 1px solid #c3d1de;
  border-right: 1px solid #c2d1de;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level2 {
  background: #e0e8f0 !important;
  border-bottom: 1px solid #d0dbe7;
  border-right: 1px solid #d0dbe7;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level1 {
  background: #f3f6fa;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th {
  background: #f3f6fa;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-orange-level2 {
  background: rgba(250, 136, 20, 0.21) !important;
  border-bottom: 1px solid rgba(250, 136, 20, 0.21);
  border-right: 1px solid rgba(250, 136, 20, 0.21);
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-orange-level1 {
  background: rgba(250, 136, 20, 0.14) !important;
  border-bottom: 1px solid rgba(250, 136, 20, 0.14);
  border-right: 1px solid rgba(250, 136, 20, 0.14);
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .cloud-virtual-table > table > .ant-table-tbody > tr > td {
  border-right: 1px solid #f0f0f0;
}
.cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-body .table-fix-level1 {
  background: #f3f6fa !important;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.cloud-resize-table-n .ant-table-thead tr th.right .thead-inner {
  justify-content: right;
}
.cloud-resize-table-n .ant-table-thead tr th.right .thead-inner .titleColumn {
  text-align: right;
  justify-content: right;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner .titleColumn {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  display: flex;
  align-items: center;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner .titleColumn > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner .tHeaderWrap {
  float: right;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner .tHeaderWrap.showTHeader + .titleColumn,
.cloud-resize-table-n .ant-table-thead tr .thead-inner .tHeaderWrap.hasSet + .titleColumn {
  color: #1890ff;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner .tHeaderWrap .lock-wrap {
  width: 20px;
  text-align: center;
  cursor: pointer;
  right: 24px;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner .filter-entry {
  display: inline-block;
  width: 20px;
  cursor: pointer;
  right: 5px;
  text-align: center;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner .filter-entry.ant-popover-open .caret-down,
.cloud-resize-table-n .ant-table-thead tr .thead-inner .filter-entry.ant-popover-open .anticon-caret-down {
  visibility: visible;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner .filter-entry .caret-down,
.cloud-resize-table-n .ant-table-thead tr .thead-inner .filter-entry .anticon-caret-down {
  color: #1890ff;
  display: inline-block;
  visibility: hidden;
  transition: transform 0.2s;
}
.cloud-resize-table-n .ant-table-thead tr .thead-inner .filter-entry .caret-down.up,
.cloud-resize-table-n .ant-table-thead tr .thead-inner .filter-entry .anticon-caret-down.up {
  transform: rotate(180deg);
}
.cloud-resize-table-n .ant-table-thead tr th:hover {
  background: #e7f0fa;
}
.cloud-resize-table-n .ant-table-thead tr th:hover .titleColumn:hover {
  color: #1890ff;
}
.cloud-resize-table-n .ant-table-thead tr th:hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-down,
.cloud-resize-table-n .ant-table-thead tr th:hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-up {
  color: #1890ff;
}
.cloud-resize-table-n .ant-table-thead tr th:hover .tHeaderWrap .lock-wrap {
  opacity: 1;
}
.cloud-resize-table-n .ant-table-thead tr th:hover .tHeaderWrap:hover .icon-e603:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.cloud-resize-table-n .ant-table-thead tr th:hover .tHeaderWrap:hover .icon-e6aa:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.cloud-resize-table-n .ant-table-thead tr th:hover .tHeaderWrap:hover .icon-e627:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.cloud-resize-table-n .ant-table-thead tr th:hover .filter-entry .caret-down,
.cloud-resize-table-n .ant-table-thead tr th:hover .filter-entry .anticon-caret-down {
  visibility: visible;
}
.cloud-resize-table-n .ant-table-thead tr th:hover .ant-table-column-sorter {
  display: inline-block;
}
.boardFullScreen.dark .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table {
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.boardFullScreen.dark .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead tr:first-child th {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.boardFullScreen.dark .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level5 {
  background: #172B50 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.boardFullScreen.dark .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level4 {
  background: #172B50 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.boardFullScreen.dark .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level3 {
  background: #172B50 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.boardFullScreen.dark .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level2 {
  background: #182545 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.boardFullScreen.dark .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level1 {
  background: #1B1C36;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.boardFullScreen.dark .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th {
  background: #1B1C36;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.boardFullScreen.dark .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-body .table-fix-level1 {
  background: #f3f6fa !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.invoice-preview {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
}
.ant-modal.invoice-preview-modal {
  top: 25px;
  height: calc(100% - 25px);
}
.ant-modal.invoice-preview-modal .ant-modal-content {
  height: 100%;
}
.ant-modal.invoice-preview-modal .ant-modal-content .ant-modal-body {
  padding: 0 !important;
  height: calc(100% - 100px);
}
.ant-modal.invoice-preview-modal .invoice-preview-content {
  overflow: hidden;
  display: flex;
  height: 100%;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail {
  flex: 1 1;
  height: 100%;
  width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-pic {
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: calc(100% - 42px);
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-pic .viewer {
  height: 100%;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-pic img {
  width: 100%;
  height: 100%;
  z-index: 100;
  cursor: pointer;
  position: relative;
  opacity: 0;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .preview-button {
  background: #fff;
  border: 1px solid #fd6364;
  width: 82px;
  height: 32px;
  line-height: 31px;
  text-align: center;
  color: #fd6364;
  border-radius: 3px;
  font-size: 13px;
  margin: 10px auto 0;
  cursor: pointer;
  position: relative;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-info {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding: 13px 16px;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-info .invoice-info-detail {
  margin-bottom: 10px;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-info .invoice-info-detail .info-item {
  display: flex;
  font-size: 14px;
  color: #000000;
  margin-bottom: 6px;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-info .invoice-info-detail .info-item .info-label {
  width: 90px;
  white-space: normal;
  line-height: 1.4em;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-info .invoice-info-detail .info-item .item-value {
  flex: 1 1;
  white-space: normal;
  margin-left: 20px;
  line-height: 1.4em;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail .invoice-info .invoice-info-relation {
  border-top: 1px dashed #979797;
  overflow: hidden;
  padding: 24px 0 10px 0;
}
.ant-modal.invoice-preview-modal .invoice-preview-content .detail.invoice-img {
  background: #ededed;
  height: 100%;
  overflow: hidden;
  padding: 10px;
  display: flex;
  justify-content: center;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.report-no-data {
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 100%;
}
.report-no-data .report-content-img {
  width: 60px;
  height: 60px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.report-no-data .no-data-title {
  height: 16px;
  font-size: 13px;
  font-weight: 400;
  color: #404040;
  line-height: 16px;
  margin-top: 4px;
  white-space: nowrap;
  padding: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.report-no-data .report-desc {
  margin-top: 4px;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
}
.report-no-data .report-desc p:last-child {
  margin-top: 5px;
}
.boardFullScreen .board-content-detail .report-no-data.report-dark {
  background: transparent;
  border: 1px dashed #4b5b76;
  border-radius: 4px;
}
.boardFullScreen .board-content-detail .report-no-data.report-dark .report-desc {
  color: #4b5b76;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.select-picker .select-wrap {
  position: relative;
}
.select-picker .select-wrap .ant-select {
  width: 100%;
}
.select-picker .select-wrap .ant-select .ant-select-arrow {
  display: none;
}
.select-picker .select-wrap .ant-select .ant-select-clear {
  right: 40px;
}
.select-picker .select-wrap .ant-select .ant-select-selector {
  padding: 0 22px 0 11px;
}
.select-picker .select-wrap .ant-select.ant-select-show-search .ant-select-selection-item {
  padding-right: 18px;
}
.select-picker .select-wrap .show-biz-modal-icon-create {
  cursor: pointer;
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  overflow: hidden;
  color: #666;
  display: flex;
  width: 33px;
  border-left: 1px solid #d9d9d9;
  background-color: #fafafa;
  justify-content: space-evenly;
  align-items: center;
}
.select-picker .select-wrap .show-biz-modal-icon-create svg {
  height: 100%;
}
.select-picker .select-wrap .show-biz-modal-icon-create:hover {
  color: #1890ff;
}
.select-picker .select-wrap .error-tip {
  float: left;
  color: #fd6364;
}
.select-picker .select-wrap-2icon .ant-select .ant-select-clear {
  right: 74px;
}
.tree-showKey {
  color: #666;
  margin-right: 12px;
}
.picker-treenode:hover {
  background-color: #EFF7FF;
}
.picker-treenode:hover .ant-select-tree-switcher {
  background-color: #EFF7FF;
}
.picker-treenode .ant-select-tree-node-content-wrapper .ant-select-tree-title:hover {
  background-color: #EFF7FF;
}
.picker-treenode .ant-select-tree-node-content-wrapper:hover {
  background-color: #EFF7FF;
}
.picker-treenode .ant-select-tree-switcher_open .ant-select-tree-switcher-icon {
  color: #1890FF;
}
.ant-select-item-option-content .select-drop-down-option-item {
  max-width: 1200px;
}
.ant-select-item-option-content .select-drop-down-option-item span {
  color: #fd6364;
}
.ant-select-item-option-content .select-drop-down-option-item u {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  text-decoration: none;
  min-width: 26px;
}
.set-text-overflow-ellipsis .select-drop-down-option-item {
  max-width: 1200px;
}
.set-text-overflow-ellipsis .select-drop-down-option-item span {
  color: #fd6364;
}
.set-text-overflow-ellipsis .select-drop-down-option-item u {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  text-decoration: none;
  min-width: 26px;
  white-space: nowrap;
}
.price-scope {
  position: relative;
  padding-top: 20px;
}
.price-scope .select-picker {
  position: absolute;
  right: 0px;
  top: 0;
}
.biz-data-table-wrap.reset {
  height: 425px;
}
.biz-data-table-wrap.reset .ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 20px;
}
.picker-modal .ant-modal-content {
  width: 100%;
}
.picker-modal .header-filter-search {
  display: flex;
}
.picker-modal .header-filter-search .biz-filter-tag {
  width: calc(100% - 240px);
  padding: 0 20px 0 0;
  background-color: #fff;
}
.picker-modal .header-filter-search .newTagValue {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
}
.ant-select-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.batchAddEasyCostList .ant-modal-content .ant-modal-body {
  height: calc(100vh - 268px) !important;
  overflow: hidden;
}
.batchAddEasyCostList .ant-modal-content .ant-modal-body .ant-spin-nested-loading {
  height: 100%;
  overflow: hidden;
}
.batchAddEasyCostList .ant-modal-content .ant-modal-body .ant-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.batchAddEasyCostList .ant-modal-content .ant-modal-body .biz-data-table-wrap {
  flex: 1 1;
  overflow: hidden;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-94505751]::before {
  display: table;
  content: '';
}
.clearfix[data-v-94505751]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-94505751] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-94505751] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-94505751] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-94505751]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-94505751] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-94505751]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-94505751] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.biz-dataList2[data-v-94505751] .agg-footer {
  margin-left: 0px;
  color: #666;
}
.biz-dataList2[data-v-94505751] .table-list.new-header-table .repeat-center.icon-a-360shitu {
  cursor: pointer;
  color: unset;
  font-size: 22px;
  font-weight: unset;
}
.biz-dataList2[data-v-94505751] .table-list.new-header-table .repeat-center.icon-a-360shitu:hover {
  color: #1890f1;
}
.biz-dataList2[data-v-94505751] .table-list.new-header-table .ant-table-container {
  height: auto;
}
.biz-dataList2[data-v-94505751] .table-list.new-header-table .change-History {
  padding: 10px 0;
}
.biz-dataList2[data-v-94505751] .table-list.new-header-table .biz-meta-link {
  line-height: normal;
}
.biz-dataList2[data-v-94505751] .ant-table-container {
  display: flex;
  flex-direction: column;
}
.biz-dataList2[data-v-94505751] .ant-table-container .ant-table-body {
  flex: 0 1 max-content;
  overflow: hidden;
}
.biz-link-btn[data-v-94505751] {
  display: flex;
  align-items: center;
}
.biz-meta-link[data-v-94505751] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.table-name-line-1[data-v-94505751] .base-table.line-wrap-table .ant-table-body td.name.ant-table-cell-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-name-line-1[data-v-94505751] .base-table.line-wrap-table .ant-table-body td.name.ant-table-cell-ellipsis .ant-table-cell-content {
  display: inline;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-f5b9481c]::before {
  display: table;
  content: '';
}
.clearfix[data-v-f5b9481c]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-f5b9481c] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-f5b9481c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-f5b9481c] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-f5b9481c]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-f5b9481c] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-f5b9481c]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-f5b9481c] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.icon-a-360shitu[data-v-f5b9481c] {
  cursor: pointer;
  font-size: 22px;
  font-weight: unset;
}
.icon-a-360shitu[data-v-f5b9481c]:hover {
  color: #1890f1;
}
.biz-link-btn[data-v-f5b9481c] {
  display: flex;
  align-items: center;
}
.biz-stage-board-wrap .biz-link-btn[data-v-f5b9481c] {
  display: inline-flex !important;
}
.biz-meta-link[data-v-f5b9481c] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.layout-bizDetail:not(.view360-heDetail) .biz-meta-link[data-v-f5b9481c] {
  white-space: unset;
  width: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.wps-preview-drawer .web-office-iframe {
  width: 100% !important;
}
.wps-preview-drawer .ant-drawer-header {
  height: 52px;
  padding: 12px;
}
.wps-preview-drawer .wps-preview-title-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
  width: 50px;
  font-size: 14px;
  margin-right: 10px;
}
.wps-preview-drawer .wps-ope-btn {
  height: 28px;
  line-height: 1;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ababab;
  color: #222222;
  margin-right: 10px;
}
.wps-preview-drawer .wps-ope-btn:hover {
  color: #40a9ff;
  border-color: #40a9ff;
}
.wps-preview-title {
  display: flex;
  word-break: break-all;
}
.wps-preview-title .wps-preview-title-btn {
  margin-left: 40px;
}
.wps-preview-title-split-screen {
  display: flex;
  justify-content: space-between;
}
.wps-preview-title-split-screen .wps-preview-title-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1;
  min-width: 50px;
  font-size: 14px;
  margin-right: 10px;
}
.wps-preview-title-split-screen .wps-preview-title-btn {
  min-width: 0;
  display: flex;
  overflow: hidden;
}
.wps-preview-title-split-screen .wps-preview-title-btn button {
  height: 24px;
  margin-right: 8px;
  line-height: 1;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #ababab;
  color: #222222;
  padding: 0 10px;
  font-size: 12px;
}
.wps-preview-title-split-screen .wps-preview-title-btn button:hover {
  color: #40a9ff;
  border-color: #40a9ff;
}
.wps-preview-title-split-screen .wps-preview-title-btn i {
  margin-right: 8px;
  font-size: 14px;
}
.wps-preview-title-split-screen .wps-preview-title-btn i:hover {
  cursor: pointer;
  color: #1890FF;
}
.wps-preview-title-split-screen .wps-preview-title-btn i .split-screen-close {
  margin-left: 5px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.preview-item .text-show {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.preview-item .text-show .file-icon {
  height: 24px;
}
.preview-item .text-show div.ant-typography,
.preview-item .text-show .ant-typography p {
  margin-bottom: 0;
}
.preview-item .text-show .text-title {
  max-width: 100%;
}
.preview-item .preview-item-name {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.preview-item .preview-item-name .preview-item-icon {
  height: 24px;
  max-height: 24px;
}
.preview-item .preview-item-name a {
  flex: 1 1;
  overflow: hidden;
  height: 28px;
}
.span-style {
  cursor: pointer;
  color: #108ee9;
  line-height: 28px;
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: flex;
}
.ant-dropdown {
  z-index: 1072;
}
.file-table .preview-item .text-show,
.file-list-main .preview-item .text-show {
  display: inline-flex;
}
.file-table .image-line,
.file-list-main .image-line {
  width: auto !important;
}
.file-table .ant-table.ant-table-middle .ant-table-thead > tr > th,
.file-list-main .ant-table.ant-table-middle .ant-table-thead > tr > th {
  padding: 7px 8px;
}
.span-style.use-click-inview360 {
  padding-right: unset;
}
.preview-file-name {
  color: rgba(0, 0, 0, 0.85);
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  height: 23px;
}
.use-click-inview360 .text-show {
  width: 100%;
}
.base-table .ant-table-tbody > tr.ant-table-row > td.isWrap .preview-item-name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}
.base-table .ant-table-tbody > tr.ant-table-row > td.isWrap .preview-item-name .preview-file-name {
  white-space: normal;
}
.base-table .ant-table-tbody > tr.ant-table-row > td.isWrap .preview-item-name .preview-item-icon {
  display: inline-block;
  vertical-align: text-top;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.role-picker .ant-select-selector .ant-select-selection-overflow {
  overflow-y: hidden;
  overflow-x: auto;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.upload-to-aliyun-popover:has(.table-card-container) .item-spin-container .ant-spin-container {
  display: flex;
  flex-wrap: wrap;
}
.upload-to-aliyun-popover.image .ant-upload-list-item {
  margin-top: 0px;
}
.upload-to-aliyun-popover.image [role='button'],
.upload-to-aliyun-popover.image .ant-upload-list-picture-card-container {
  width: 88px !important;
  height: 88px !important;
}
.upload-to-aliyun-popover.image .ant-upload-list-item-info {
  height: 0;
}
.upload-to-aliyun-popover.image [role='button'] {
  margin: 8px 8px 8px 0px;
}
.upload-to-aliyun-popover.image [role='button']:nth-child(5) {
  margin-right: 0 !important;
}
.upload-to-aliyun-popover.image [role='button']:nth-child(10) {
  margin-right: 0 !important;
}
.upload-to-aliyun-popover.image [role='button']:nth-child(15) {
  margin-right: 0 !important;
}
.upload-to-aliyun-popover.image [role='button']:last-child {
  margin-right: 0 !important;
}
.upload-to-aliyun-modal .ant-modal-content .ant-modal-body {
  max-height: calc(100vh - 218px) !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-ad17ddbf]::before {
  display: table;
  content: '';
}
.clearfix[data-v-ad17ddbf]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-ad17ddbf] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-ad17ddbf] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-ad17ddbf] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-ad17ddbf]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-ad17ddbf] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-ad17ddbf]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-ad17ddbf] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.upload-to-aliyun.is-table[data-v-ad17ddbf] {
  display: contents !important;
}
.upload-to-aliyun.is-table[data-v-ad17ddbf] .ant-upload-btn,
.upload-to-aliyun.is-table[data-v-ad17ddbf] .upload-container .ant-upload-drag-container:not(:is(:focus-within)) {
  display: initial;
}
.upload-to-aliyun.is-table[data-v-ad17ddbf] .upload-container.clicked .upload-to-aliyun-dragger:focus-within .ant-upload-drag-container {
  display: block;
}
.upload-to-aliyun.is-table.has-file-count[data-v-ad17ddbf] {
  display: flex !important;
}
.upload-to-aliyun.is-table.has-file-count .file-flex[data-v-ad17ddbf] {
  flex: 1 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.upload-to-aliyun.is-table.has-file-count .file-flex .file-origin[data-v-ad17ddbf] {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.upload-to-aliyun.is-table.has-file-count .file-flex .file-origin.has-img .upload-container[data-v-ad17ddbf] {
  flex: unset;
  width: 66px;
}
.upload-to-aliyun.is-table.has-file-count .file-flex .image-list[data-v-ad17ddbf] {
  flex: 0 1 auto;
  margin-right: 4px;
  width: calc(100% - 92px);
  overflow: hidden;
}
.upload-to-aliyun.is-table.has-file-count .file-flex .image-list img[data-v-ad17ddbf] {
  border: 1px solid #ccc;
  height: 26px;
  width: 28px;
  margin-right: 4px;
  cursor: pointer;
  object-fit: contain;
}
.upload-to-aliyun.is-table[data-v-ad17ddbf] .file-count + span {
  flex: 1 1;
}
.upload-to-aliyun.is-table[data-v-ad17ddbf] .file-count + span .upload-to-aliyun-dragger.is-table {
  box-sizing: border-box;
}
.upload-to-aliyun.text[data-v-ad17ddbf] .ant-upload-list-text {
  max-width: 100% !important;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within {
  outline-style: solid;
  outline-width: thin;
  outline-color: #0096FF;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .click-upload,
.upload-to-aliyun[data-v-ad17ddbf] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .click-upload-plusOutlined,
.upload-to-aliyun[data-v-ad17ddbf] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .characters-no-focus {
  display: none;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .copywriting-area {
  top: 0;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .copywriting-area .characters-focus {
  display: initial;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger {
  background-color: #fff;
  max-height: 32px;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger:hover {
  background-color: #f2f9ff;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger:target {
  background-color: red;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)):hover .click-upload {
  color: #009DFF;
  border-color: #009DFF;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)):hover .copywriting-area {
  color: #009DFF;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)):hover.is-table .click-upload-plusOutlined {
  color: #1890FF;
  border: 1px solid #1890FF;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger.is-table {
  box-sizing: content-box;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger.is-table .upload-event-container {
  height: 28px;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger.is-table .right-click-menu-paste {
  height: 28px;
  margin-top: -28px;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger.is-table .click-upload-plusOutlined {
  font-size: 18px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  margin-right: 6px;
  vertical-align: sub;
  cursor: pointer;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger.is-table .upload-dragger-area {
  margin: 0 4px;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger.is-table .copywriting-area {
  top: -2px;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger.ant-upload-disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger.ant-upload-disabled > span {
  pointer-events: none;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger .ant-upload {
  padding: 0;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger .upload-dragger-area {
  font-size: 12px;
  line-height: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  width: initial;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger .upload-event-container {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger .click-upload {
  display: inline-block;
  width: 48px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  line-height: 18px;
  margin-right: 8px;
  color: #666666;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger .right-click-menu-paste {
  height: 30px;
  margin-top: -30px;
  outline-width: 0;
  caret-color: transparent;
  font-size: 0;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger .copywriting-area {
  position: relative;
  color: #999999;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger .copywriting-area .characters-focus {
  display: none;
}
.upload-to-aliyun[data-v-ad17ddbf] .upload-to-aliyun-dragger .right-click-title-menu-paste {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  outline-width: 0;
  font-size: 0;
  caret-color: transparent;
}
.upload-to-aliyun .file-count[data-v-ad17ddbf] {
  line-height: 30px !important;
  margin-right: 6px;
}
.upload-to-aliyun[data-v-ad17ddbf] .ant-upload-list-picture-card {
  margin-top: 8px;
}
.upload-to-aliyun[data-v-ad17ddbf] .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  background-color: #f2f9ff;
  border-color: #40a9ff;
}
.upload-to-aliyun[data-v-ad17ddbf] .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) .click-upload {
  color: #009DFF;
  border-color: #009DFF;
}
.upload-to-aliyun[data-v-ad17ddbf] .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) .copywriting-area {
  color: #009DFF;
}
.upload-to-aliyun[data-v-ad17ddbf] .ant-upload-drag-container,
.upload-to-aliyun[data-v-ad17ddbf] .ant-upload-btn {
  display: block;
}
.table-card-container[data-v-ad17ddbf] .table-action-btn {
  position: absolute;
  top: 0;
}
.table-card-container[data-v-ad17ddbf] .table-action-btn .ant-btn {
  position: absolute !important;
  top: 2px !important;
  right: 6px !important;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
}
.table-card-container[data-v-ad17ddbf] .ant-upload-list-item:hover {
  background-color: unset;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.more-file-reName-input {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', 'tnum', "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.more-file-reName-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.more-file-reName-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.Blue {
  background: rgba(61, 163, 249, 0.16);
  border-left: 2px solid #3da3f9;
}
.Yellow {
  background: rgba(255, 139, 48, 0.16);
  border-left: 2px solid #ff8b30;
}
.Green {
  background: rgba(22, 180, 171, 0.16);
  border-left: 2px solid #16b4ab;
}
.Red {
  background: rgba(253, 99, 100, 0.16);
  border-left: 2px solid #fd6364;
}
.calendar-link,
.calendar-link > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #181d20;
}
.calendar-link > a {
  height: 100%;
  width: 100%;
}
.calendar-relation {
  font-size: 12px;
  padding-left: 10px;
  position: relative;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  height: 24px;
  line-height: 24px;
  display: inline-block;
}
.calendar-relation i {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  left: 0;
  top: 8px;
}
.calendar-pop {
  max-width: 400px;
  display: block;
  text-overflow: ellipsis;
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.calendar-pop-content {
  padding-right: 4px;
  min-width: 100px;
}
.calendar-pop-content .calendar-name-content {
  display: flex;
  justify-content: space-between;
}
.calendar-pop-content .calendar-name {
  font-size: 15px;
  color: #222;
  font-weight: 400;
}
.calendar-pop-content .calendar-type {
  line-height: 32px;
}
.calendar-pop-content .calendar-timer,
.calendar-pop-content .calendar-owner {
  font-size: 13px;
  color: #666666;
  line-height: 24px;
}
.calendar-pop-content .calendar-timer i,
.calendar-pop-content .calendar-owner i {
  margin-right: 6px;
  display: inline-block;
  width: 14px;
  height: 24px;
  margin-left: -2px;
  color: #bbb;
}
.calendar-pop-content .icon-e653 {
  color: #999999;
  font-size: 16px;
  cursor: pointer;
}
.calendar-pop-content .icon-e653:hover {
  color: #1890ff;
}
.calendar-pop-content .icon-e617 {
  color: #999999;
  font-size: 16px;
  margin-left: 10px;
  cursor: pointer;
}
.calendar-pop-content .icon-e617:hover {
  color: #1890ff;
}
.calendar-helper-list {
  height: 100%;
  flex: 1 1;
  width: 0;
  position: relative;
}
.for-scroll-box {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  box-sizing: content-box;
  position: absolute;
  left: 0;
  right: -8px;
}
.for-scroll-box > div {
  position: absolute;
  left: 0;
  right: 0;
  box-sizing: content-box;
}
.for-scroll-box::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
}
.for-scroll-box::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
.for-scroll-box::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
}
.for-scroll-box::-webkit-scrollbar-track {
  background-color: #f2f2f2;
}
.calendar-list-month {
  position: relative;
  height: 100%;
  width: 100%;
}
.calendar-list-month .month-header {
  display: flex;
  align-items: center;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
}
.calendar-list-month .week-name {
  flex: 1 1;
  border-right: 1px solid #e6e8ea;
  color: #222222;
}
.calendar-list-month .week-name:last-child {
  border: none;
}
.calendar-list-month .week-name.cur-week {
  color: #fc3b39;
}
.calendar-list-month .month-body {
  height: 100%;
  padding-top: 38px;
  width: 100%;
  padding-bottom: 1px;
}
.calendar-list-month .month-row {
  height: 20%;
  min-height: 129px;
  border-bottom: 1px solid #e6e8ea;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.calendar-list-month .month-day {
  width: 0;
  flex: 1 1;
  border-right: 1px solid #e6e8ea;
  position: relative;
}
.calendar-list-month .month-day:last-child {
  border: none;
}
.calendar-list-month .month-day-header {
  color: #666666;
  font-weight: 400;
  padding: 4px 0 0 3px;
  line-height: 16px;
  font-size: 14px;
}
.calendar-list-month .month-day-header.today {
  color: #fc3b39;
}
.calendar-list-month .month-day-body.can-click {
  cursor: pointer;
}
.calendar-list-month .month-day-body.can-click:hover {
  background: rgba(51, 157, 249, 0.05);
}
.calendar-list-month .month-day-body {
  position: absolute;
  top: 24px;
  bottom: 0;
  right: 3px;
  left: 3px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
.calendar-list-month .month-day-body .month-day-item {
  font-size: 12px;
  font-weight: 400;
  color: #181d20;
  cursor: pointer;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 3px;
  -webkit-font-smoothing: antialiased;
  height: 24px;
}
.calendar-list-month .month-day-body .month-day-item > a {
  align-items: center;
  display: flex;
}
.calendar-list-month .month-day-body .month-day-item .calendar-pop {
  min-height: 18px;
  line-height: 18px;
  color: #181d20;
  display: flex;
  align-items: center;
}
.calendar-list-month .month-day-body .month-day-item .time {
  color: #999999;
  margin-left: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-overflow: ellipsis;
  overflow: hidden;
}
.calendar-list-month .month-day-body .show-more {
  background: rgba(170, 170, 170, 0.16);
  border-left: 2px solid #aaaaaa;
}
.calendar-month-more {
  height: 300px;
  width: 400px;
  overflow: auto;
}
.calendar-month-more .more-title {
  line-height: 32px;
  height: 42px;
  border-bottom: 1px solid #f0f0f0;
}
.calendar-month-more .more-title h3 {
  display: inline-block;
  font-size: 15px;
  color: #110e0e;
  font-weight: normal;
}
.calendar-month-more .more-title .total {
  color: #747779;
  margin-left: 12px;
  font-size: 13px;
}
.calendar-month-more .more-p {
  border-bottom: 1px solid #f0f0f0;
  height: 41px;
  line-height: 41px;
  font-size: 14px;
  color: #111111;
}
.calendar-month-more .more-p > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calendar-month-more .more-p .name {
  width: 0;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 18px 0 10px;
}
.calendar-month-more .more-p .timer {
  font-size: 12px;
  color: #747779;
  width: 70px;
}
.calendar-list-week {
  position: relative;
  height: 100%;
  width: 100%;
}
.calendar-list-week .week-header {
  display: flex;
  align-items: center;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
}
.calendar-list-week .week-name-empty {
  width: 56px;
  border-right: 1px solid #e6e8ea;
  height: 100%;
}
.calendar-list-week .week-name {
  flex: 1 1;
  border-right: 1px solid #e6e8ea;
}
.calendar-list-week .week-name:last-child {
  border: none;
}
.calendar-list-week .week-name .day-label {
  color: #666666;
  font-size: 12px;
}
.calendar-list-week .week-name.today {
  color: #fc3b39;
}
.calendar-list-week .week-name.today .day-label {
  color: #fc3b39;
}
.calendar-list-week .week-body {
  height: 100%;
  padding-top: 38px;
  padding-bottom: 5px;
}
.calendar-list-week .week-list {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.calendar-list-week .week-list .week-timer {
  width: 56px;
  border-right: 1px solid #e6e8ea;
}
.calendar-list-week .week-list .week-timer .week-hour {
  padding: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  height: 42px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
}
.calendar-list-week .week-list .week-col {
  width: 0;
  flex: 1 1;
  position: relative;
  border-right: 1px solid #e6e8ea;
}
.calendar-list-week .week-list .week-col:last-child {
  border-right: none;
}
.calendar-list-week .week-list .day-current-line {
  position: absolute;
  left: -3px;
  right: 0;
  height: 1px;
  background: #ff4f4b;
  z-index: 101;
}
.calendar-list-week .week-list .day-current-line::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #ff4f4b;
  border-radius: 3px;
  display: block;
  margin-top: -2px;
}
.calendar-list-week .week-list .week-col-data {
  position: absolute;
  top: 0;
  left: 3px;
  right: 3px;
  bottom: 0;
}
.calendar-list-week .week-list .week-item {
  border-bottom: 1px solid #e6e8ea;
  height: 42px;
  position: relative;
  cursor: pointer;
}
.calendar-list-week .week-list .week-item:hover {
  background: rgba(51, 157, 249, 0.05);
}
.calendar-list-week .week-list .data-item {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  color: #181d20;
  padding-left: 4px;
  cursor: pointer;
  z-index: 10;
}
.calendar-list-week .week-list .data-item:hover {
  z-index: 100;
}
.calendar-list-week .week-list .data-item .week-day-name {
  margin-right: 10px;
  color: #181d20;
}
.calendar-list-week .week-list .data-item .time {
  color: #999999;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-list-week .week-allday {
  display: flex;
  border-bottom: 1px solid #e6e8ea;
  min-height: 42px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.calendar-list-week .week-allday .allday-timer {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  width: 56px;
  border-right: 1px solid #e6e8ea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-list-week .week-allday .allday-item {
  border-right: 1px solid #e6e8ea;
  flex: 1 1;
  padding: 3px 3px 0 3px;
  min-height: 42px;
  overflow: hidden;
  cursor: pointer;
}
.calendar-list-week .week-allday .allday-item:hover {
  background: rgba(51, 157, 249, 0.05);
}
.calendar-list-week .week-allday .allday-item:last-child {
  border-right: none;
}
.calendar-list-week .week-allday .allday-item div.allday-content {
  line-height: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #181d20;
  margin-bottom: 3px !important;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
}
.calendar-list-week .week-allday .allday-item div.allday-content .time {
  color: #999999;
  margin-right: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-list-day {
  position: relative;
  height: 101%;
}
.calendar-list-day .time {
  color: #999999;
  margin-right: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-list-day .day-allday {
  display: flex;
  border-bottom: 1px solid #e6e8ea;
  min-height: 42px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.calendar-list-day .day-allday .allday-timer {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  width: 56px;
  border-right: 1px solid #e6e8ea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-list-day .day-allday .allday-list {
  display: flex;
  flex: 1 1;
  cursor: pointer;
}
.calendar-list-day .day-allday .allday-list .allday-item {
  width: 0;
  flex: 1 1;
  font-size: 12px;
  line-height: 42px;
  font-weight: 400;
  padding-left: 6px;
  padding-right: 6px;
}
.calendar-list-day .day-allday .allday-list .allday-item .day-name {
  color: #181d20;
}
.calendar-list-day .day-allday .allday-list .allday-item .calendar-relation {
  margin: 0 16px;
}
.calendar-list-day .day-allday .allday-list .allday-item .day-time {
  color: #999999;
}
.calendar-list-day .day-body {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.calendar-list-day .day-body .day-timer {
  width: 56px;
  border-right: 1px solid #e6e8ea;
}
.calendar-list-day .day-body .day-timer .day-hour {
  padding: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  height: 42px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
}
.calendar-list-day .day-body .day-list {
  flex: 1 1;
  position: relative;
}
.calendar-list-day .day-body .day-list .day-current-line {
  position: absolute;
  left: -3px;
  right: 0;
  height: 1px;
  background: #ff4f4b;
  z-index: 101;
}
.calendar-list-day .day-body .day-list .day-current-line::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #ff4f4b;
  border-radius: 3px;
  display: block;
  margin-top: -2px;
}
.calendar-list-day .day-body .day-list .day-grid {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.calendar-list-day .day-body .day-list .day-grid-item {
  border-bottom: 1px solid #e6e8ea;
  height: 42px;
  position: relative;
  cursor: pointer;
}
.calendar-list-day .day-body .day-list .day-grid-item:hover {
  background: rgba(51, 157, 249, 0.05);
}
.calendar-list-day .day-body .day-list .day-content {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  padding-left: 6px;
  z-index: 10;
}
.calendar-list-day .day-body .day-list .day-content .day-name,
.calendar-list-day .day-body .day-list .day-content .calendar-relation,
.calendar-list-day .day-body .day-list .day-content .day-time {
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
.calendar-list-day .day-body .day-list .day-content .day-name {
  color: #181d20;
}
.calendar-list-day .day-body .day-list .day-content .calendar-relation {
  margin: 0 16px;
}
.calendar-list-day .day-body .day-list .day-content .day-time {
  color: #999999;
}
.calendar-list-other {
  position: relative;
  height: 100%;
  width: 100%;
}
.calendar-list-other .other-header {
  display: flex;
  align-items: center;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
}
.calendar-list-other .other-header .first {
  width: 80px;
  border-right: 1px solid #e6e8ea;
  height: 100%;
}
.calendar-list-other .other-header .week-name {
  flex: 1 1;
  color: #222222;
  font-size: 14px;
  border-right: 1px solid #e6e8ea;
}
.calendar-list-other .other-header .week-name .day-label {
  color: #666666;
  font-size: 12px;
}
.calendar-list-other .other-header .week-name:last-child {
  border-right: none;
}
.calendar-list-other .other-header .week-name.today {
  color: #fc3b39;
}
.calendar-list-other .other-header .week-name.today .day-label {
  color: #fc3b39;
}
.calendar-list-other .other-body {
  padding-top: 38px;
  padding-bottom: 5px;
  height: 100%;
}
.calendar-list-other .other-body.empty {
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 28%;
  background-position: center 30%;
  color: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  text-align: center;
}
.calendar-list-other .other-body.empty .tips-add {
  margin-top: 32%;
  padding-right: 28px;
  cursor: pointer;
  line-height: 80px;
}
.calendar-list-other .other-body.empty .tips-add:hover {
  color: var(--theme-op4, rgba(252, 59, 57, 0.4));
}
.calendar-list-other .other-row {
  height: 128px;
  border-bottom: 1px solid #e6e8ea;
  display: flex;
  width: 100%;
}
.calendar-list-other .other-row .emp-title {
  height: 127px;
  width: 80px;
  border-right: 1px solid #e6e8ea;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.calendar-list-other .other-row .emp-title > p {
  word-break: break-all;
  padding: 0 6px;
  line-height: 1.4;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  margin-top: 5px !important;
  max-height: 80px;
  overflow: hidden;
}
.calendar-list-other .other-row .other-col {
  width: 0;
  flex: 1 1;
  border-right: 1px solid #e6e8ea;
  position: relative;
  overflow: hidden;
  padding: 3px 3px 0 3px;
}
.calendar-list-other .other-row .other-col:last-child {
  border-right: none;
}
.calendar-list-other .other-row .can-click:hover {
  cursor: pointer;
  background: rgba(51, 157, 249, 0.05);
}
.calendar-list-other .other-row .other-item {
  line-height: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #181d20;
  cursor: pointer;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 3px;
}
.calendar-list-other .other-row .other-item .time {
  color: #999999;
  margin-left: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-list-other .other-row .show-more {
  background: rgba(170, 170, 170, 0.16);
  border-left: 2px solid #aaaaaa;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.calendar-right {
  position: relative;
  height: 100%;
}
.calendar-right .Blue {
  background: rgba(61, 163, 249, 0.16);
  border-left: 2px solid #3da3f9;
}
.calendar-right .Blue[data-edit='true'] {
  border-left: unset;
  border: 2px solid #3da3f9;
}
.calendar-right .Yellow {
  background: rgba(255, 139, 48, 0.16);
  border-left: 2px solid #ff8b30;
}
.calendar-right .Yellow[data-edit='true'] {
  border-left: unset;
  border: 2px solid #ff8b30;
}
.calendar-right .Green {
  background: rgba(22, 180, 171, 0.16);
  border-left: 2px solid #16b4ab;
}
.calendar-right .Green[data-edit='true'] {
  border-left: unset;
  border: 2px solid #16b4ab;
}
.calendar-right .Red {
  background: rgba(253, 99, 100, 0.16);
  border-left: 2px solid #fd6364;
}
.calendar-right .Red[data-edit='true'] {
  border-left: unset;
  border: 2px solid #fd6364;
}
.calendar-right .warning {
  background: rgba(252, 59, 57, 0.25);
  border: 1px solid #FC3B39;
}
.calendar-right .button {
  background: #ffffff;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  border: 1px solid #979797;
}
.calendar-right .today-button {
  background: #fe6364;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.calendar-right .calendar-header-date {
  position: relative;
  padding: 0 32px;
  line-height: 32px;
  font-size: 14px;
  color: #181d20;
}
.calendar-right .calendar-prev-month {
  left: 0;
  position: absolute;
  color: #999999;
  font-size: 22px;
  width: 24px;
  cursor: pointer;
  text-align: center;
}
.calendar-right .calendar-prev-month:after {
  content: '\2039';
}
.calendar-right .calendar-next-month {
  position: absolute;
  right: 0;
  color: #999999;
  font-size: 22px;
  width: 24px;
  cursor: pointer;
  text-align: center;
}
.calendar-right .calendar-next-month:after {
  content: '\203A';
}
.calendar-right .calendar-over {
  height: 100%;
  background: #d8d8d8;
  opacity: 0.7;
  z-index: 200;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-right .calendar-over .over-text {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
}
.calendar-right .calendar-list-week {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.calendar-right .calendar-list-week .week-header {
  display: flex;
  align-items: center;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
}
.calendar-right .calendar-list-week .week-name-empty {
  flex: 0 0 56px;
  border-right: 1px solid #e6e8ea;
  height: 100%;
}
.calendar-right .calendar-list-week .week-name {
  min-width: 84px;
  flex: 1 1;
  border-right: 1px solid #e6e8ea;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar-right .calendar-list-week .week-name:last-child {
  border: none;
}
.calendar-right .calendar-list-week .week-name .day-label {
  color: #666666;
  font-size: 12px;
}
.calendar-right .calendar-list-week .week-name.today {
  min-width: 84px;
  color: #fc3b39;
}
.calendar-right .calendar-list-week .week-name.today .day-label {
  color: #fc3b39;
}
.calendar-right .calendar-list-week .week-body {
  height: 100%;
  padding-top: 38px;
  padding-bottom: 5px;
}
.calendar-right .calendar-list-week .week-list {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.calendar-right .calendar-list-week .week-list .week-timer {
  flex: 0 0 56px;
  border-right: 1px solid #e6e8ea;
}
.calendar-right .calendar-list-week .week-list .week-timer .week-hour {
  padding: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  height: 42px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
}
.calendar-right .calendar-list-week .week-list .week-col {
  min-width: 84px ;
  flex: 1 1;
  position: relative;
  border-right: 1px solid #e6e8ea;
}
.calendar-right .calendar-list-week .week-list .week-col:last-child {
  border-right: none;
}
.calendar-right .calendar-list-week .week-list .day-current-line {
  position: absolute;
  left: -3px;
  right: 0;
  height: 1px;
  background: #ff4f4b;
  z-index: 101;
}
.calendar-right .calendar-list-week .week-list .day-current-line::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #ff4f4b;
  border-radius: 3px;
  display: block;
  margin-top: -2px;
}
.calendar-right .calendar-list-week .week-list .week-col-data {
  position: absolute;
  top: 0;
  left: 3px;
  right: 3px;
  bottom: 0;
}
.calendar-right .calendar-list-week .week-list .week-item {
  min-width: 84px;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #e6e8ea;
  height: 42px;
  position: relative;
  cursor: pointer;
}
.calendar-right .calendar-list-week .week-list .week-item:hover {
  background: rgba(51, 157, 249, 0.05);
}
.calendar-right .calendar-list-week .week-list .data-item {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  color: #181d20;
  padding-left: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  z-index: 10;
}
.calendar-right .calendar-list-week .week-list .data-item:hover {
  z-index: 100;
}
.calendar-right .calendar-list-week .week-list .data-item .week-day-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 10px;
  color: #181d20;
}
.calendar-right .calendar-list-week .week-list .data-item .time {
  color: #999999;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-right .calendar-list-week .week-list .schedule-conflict {
  position: absolute;
  width: calc(100% - 56px);
  margin-left: 56px;
  font-size: 12px;
  font-weight: 600;
  color: #181d20;
  padding-left: 4px;
  cursor: pointer;
  z-index: 2;
  text-align: center;
}
.calendar-right .calendar-list-week .week-list .schedule-conflict .week-day-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FC3B39;
}
.calendar-right .calendar-list-week .week-allday {
  display: flex;
  border-bottom: 1px solid #e6e8ea;
  min-height: 42px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.calendar-right .calendar-list-week .week-allday .allday-timer {
  padding: 0 8px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  flex: 0 0 56px;
  border-right: 1px solid #e6e8ea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-right .calendar-list-week .week-allday .allday-item {
  min-width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right: 1px solid #e6e8ea;
  flex: 1 1;
  padding: 3px 3px 0 3px;
  min-height: 42px;
  cursor: pointer;
}
.calendar-right .calendar-list-week .week-allday .allday-item:hover {
  background: rgba(51, 157, 249, 0.05);
}
.calendar-right .calendar-list-week .week-allday .allday-item:last-child {
  border-right: none;
}
.calendar-right .calendar-list-week .week-allday .allday-item div.allday-content {
  line-height: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #181d20;
  margin-bottom: 3px !important;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
}
.calendar-right .calendar-list-week .week-allday .allday-item div.allday-content .time {
  color: #999999;
  margin-right: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-right .calendar-list-day {
  position: relative;
  height: 101%;
}
.calendar-right .calendar-list-day .time {
  color: #999999;
  margin-right: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-right .calendar-list-day .day-allday {
  display: flex;
  border-bottom: 1px solid #e6e8ea;
  min-height: 42px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.calendar-right .calendar-list-day .day-allday .allday-timer {
  padding: 0 8px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  flex: 0 0 56px;
  border-right: 1px solid #e6e8ea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-right .calendar-list-day .day-allday .allday-list {
  display: flex;
  flex: 1 1;
  cursor: pointer;
}
.calendar-right .calendar-list-day .day-allday .allday-list .allday-item {
  width: 0;
  flex: 1 1;
  font-size: 12px;
  line-height: 42px;
  font-weight: 400;
  padding-left: 6px;
  padding-right: 6px;
}
.calendar-right .calendar-list-day .day-allday .allday-list .allday-item .day-name {
  color: #181d20;
}
.calendar-right .calendar-list-day .day-allday .allday-list .allday-item .calendar-relation {
  margin: 0 16px;
}
.calendar-right .calendar-list-day .day-allday .allday-list .allday-item .day-time {
  color: #999999;
}
.calendar-right .calendar-list-day .day-body {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.calendar-right .calendar-list-day .day-body .day-timer {
  width: 56px;
  border-right: 1px solid #e6e8ea;
}
.calendar-right .calendar-list-day .day-body .day-timer .day-hour {
  padding: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  height: 42px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
}
.calendar-right .calendar-list-day .day-body .day-list {
  flex: 1 1;
  position: relative;
}
.calendar-right .calendar-list-day .day-body .day-list .day-current-line {
  position: absolute;
  left: -3px;
  right: 0;
  height: 1px;
  background: #ff4f4b;
  z-index: 101;
}
.calendar-right .calendar-list-day .day-body .day-list .day-current-line::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #ff4f4b;
  border-radius: 3px;
  display: block;
  margin-top: -2px;
}
.calendar-right .calendar-list-day .day-body .day-list .day-grid {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.calendar-right .calendar-list-day .day-body .day-list .day-grid-item {
  border-bottom: 1px solid #e6e8ea;
  height: 42px;
  position: relative;
  cursor: pointer;
}
.calendar-right .calendar-list-day .day-body .day-list .day-grid-item:hover {
  background: rgba(51, 157, 249, 0.05);
}
.calendar-right .calendar-list-day .day-body .day-list .day-content {
  position: absolute;
  font-size: 12px;
  font-weight: 400;
  padding-left: 6px;
  z-index: 10;
}
.calendar-right .calendar-list-day .day-body .day-list .day-content .day-name,
.calendar-right .calendar-list-day .day-body .day-list .day-content .calendar-relation,
.calendar-right .calendar-list-day .day-body .day-list .day-content .day-time {
  display: inline-block;
  height: 24px;
  line-height: 24px;
}
.calendar-right .calendar-list-day .day-body .day-list .day-content .day-name {
  color: #181d20;
}
.calendar-right .calendar-list-day .day-body .day-list .day-content .calendar-relation {
  margin: 0 16px;
}
.calendar-right .calendar-list-day .day-body .day-list .day-content .day-time {
  color: #999999;
}
.calendar-right .calendar-list-other {
  position: relative;
  height: 100%;
  width: 100%;
}
.calendar-right .calendar-list-other .other-header {
  display: flex;
  align-items: center;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
}
.calendar-right .calendar-list-other .other-header .first {
  width: 80px;
  border-right: 1px solid #e6e8ea;
  height: 100%;
}
.calendar-right .calendar-list-other .other-header .week-name {
  flex: 1 1;
  color: #222222;
  font-size: 14px;
  border-right: 1px solid #e6e8ea;
}
.calendar-right .calendar-list-other .other-header .week-name .day-label {
  color: #666666;
  font-size: 12px;
}
.calendar-right .calendar-list-other .other-header .week-name:last-child {
  border-right: none;
}
.calendar-right .calendar-list-other .other-header .week-name.today {
  color: #fc3b39;
}
.calendar-right .calendar-list-other .other-header .week-name.today .day-label {
  color: #fc3b39;
}
.calendar-right .calendar-list-other .other-body {
  padding-top: 38px;
  padding-bottom: 5px;
  height: 100%;
}
.calendar-right .calendar-list-other .other-body.empty {
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 28%;
  background-position: center 30%;
  color: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  text-align: center;
}
.calendar-right .calendar-list-other .other-body.empty .tips-add {
  margin-top: 32%;
  padding-right: 28px;
  cursor: pointer;
  line-height: 80px;
}
.calendar-right .calendar-list-other .other-body.empty .tips-add:hover {
  color: var(--theme-op4, rgba(252, 59, 57, 0.4));
}
.calendar-right .calendar-list-other .other-row {
  height: 128px;
  border-bottom: 1px solid #e6e8ea;
  display: flex;
  width: 100%;
}
.calendar-right .calendar-list-other .other-row .emp-title {
  height: 127px;
  width: 80px;
  border-right: 1px solid #e6e8ea;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.calendar-right .calendar-list-other .other-row .emp-title > p {
  word-break: break-all;
  padding: 0 6px;
  line-height: 1.4;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  margin-top: 5px !important;
  max-height: 80px;
  overflow: hidden;
}
.calendar-right .calendar-list-other .other-row .other-col {
  width: 0;
  flex: 1 1;
  border-right: 1px solid #e6e8ea;
  position: relative;
  overflow: hidden;
  padding: 3px 3px 0 3px;
}
.calendar-right .calendar-list-other .other-row .other-col:last-child {
  border-right: none;
}
.calendar-right .calendar-list-other .other-row .can-click:hover {
  cursor: pointer;
  background: rgba(51, 157, 249, 0.05);
}
.calendar-right .calendar-list-other .other-row .other-item {
  line-height: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #181d20;
  cursor: pointer;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 3px;
}
.calendar-right .calendar-list-other .other-row .other-item .time {
  color: #999999;
  margin-left: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-right .calendar-list-other .other-row .show-more {
  background: rgba(170, 170, 170, 0.16);
  border-left: 2px solid #aaaaaa;
}
.calendar-right .for-scroll-box {
  height: 100%;
  box-sizing: content-box;
  position: absolute;
  left: 0;
  right: -8px;
}
.calendar-right .for-scroll-box > div {
  position: absolute;
  left: 0;
  right: 0;
  box-sizing: content-box;
}
.calendar-right .for-scroll-box::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
}
.calendar-right .for-scroll-box::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
.calendar-right .for-scroll-box::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
}
.calendar-right .for-scroll-box::-webkit-scrollbar-track {
  background-color: #f2f2f2;
}
.calendar-right .calendar-link,
.calendar-right .calendar-link > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #181d20;
}
.calendar-right .calendar-link > a {
  height: 100%;
  width: 100%;
}
.calendar-right .calendar-relation {
  font-size: 12px;
  padding-left: 10px;
  position: relative;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  height: 24px;
  line-height: 24px;
  display: inline-block;
}
.calendar-right .calendar-relation i {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  left: 0;
  top: 8px;
}
.calendar-right .calendar-pop {
  display: block;
  text-overflow: ellipsis;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.calendar-right .calendar-pop-content {
  padding-right: 4px;
  min-width: 100px;
}
.calendar-right .calendar-pop-content .calendar-name {
  font-size: 15px;
  color: #222;
  font-weight: 400;
}
.calendar-right .calendar-pop-content .calendar-type {
  line-height: 32px;
}
.calendar-right .calendar-pop-content .calendar-timer,
.calendar-right .calendar-pop-content .calendar-owner {
  font-size: 13px;
  color: #666666;
  line-height: 24px;
}
.calendar-right .calendar-pop-content .calendar-timer i,
.calendar-right .calendar-pop-content .calendar-owner i {
  margin-right: 6px;
  display: inline-block;
  width: 14px;
  height: 24px;
  margin-left: -2px;
  color: #bbb;
}
.calendar-right .calendar-pop-content .icon-e653 {
  color: #999999;
  font-size: 16px;
}
.calendar-right .calendar-pop-content .icon-e653:hover {
  color: #1890ff;
}
.calendar-right .calendar-pop-content .icon-e617 {
  color: #999999;
  font-size: 16px;
  margin-left: 8px;
}
.calendar-right .calendar-pop-content .icon-e617:hover {
  color: #1890ff;
}
.calendar-right .calendar-helper-list {
  height: 100%;
  flex: 1 1;
  width: 0;
  position: relative;
}
.calendar-right .calendar-list-month {
  position: relative;
  height: 100%;
  width: 100%;
}
.calendar-right .calendar-list-month .month-header {
  display: flex;
  align-items: center;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
}
.calendar-right .calendar-list-month .week-name {
  flex: 1 1;
  border-right: 1px solid #e6e8ea;
  color: #222222;
}
.calendar-right .calendar-list-month .week-name:last-child {
  border: none;
}
.calendar-right .calendar-list-month .week-name.cur-week {
  color: #fc3b39;
}
.calendar-right .calendar-list-month .month-body {
  height: 100%;
  padding-top: 38px;
  width: 100%;
  padding-bottom: 1px;
}
.calendar-right .calendar-list-month .month-row {
  height: 20%;
  min-height: 129px;
  border-bottom: 1px solid #e6e8ea;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.calendar-right .calendar-list-month .month-day {
  width: 0;
  flex: 1 1;
  border-right: 1px solid #e6e8ea;
  position: relative;
}
.calendar-right .calendar-list-month .month-day:last-child {
  border: none;
}
.calendar-right .calendar-list-month .month-day-header {
  color: #666666;
  font-weight: 400;
  padding: 4px 0 0 3px;
  line-height: 16px;
  font-size: 14px;
}
.calendar-right .calendar-list-month .month-day-header.today {
  color: #fc3b39;
}
.calendar-right .calendar-list-month .month-day-body.can-click {
  cursor: pointer;
}
.calendar-right .calendar-list-month .month-day-body.can-click:hover {
  background: rgba(51, 157, 249, 0.05);
}
.calendar-right .calendar-list-month .month-day-body {
  position: absolute;
  top: 24px;
  bottom: 0;
  right: 3px;
  left: 3px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
.calendar-right .calendar-list-month .month-day-body .month-day-item {
  font-size: 12px;
  font-weight: 400;
  color: #181d20;
  cursor: pointer;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 3px;
  -webkit-font-smoothing: antialiased;
  height: 22px;
  display: flex;
  align-items: center;
}
.calendar-right .calendar-list-month .month-day-body .month-day-item > a {
  align-items: center;
  display: flex;
}
.calendar-right .calendar-list-month .month-day-body .month-day-item .calendar-pop {
  min-height: 18px;
  line-height: 18px;
  color: #181d20;
}
.calendar-right .calendar-list-month .month-day-body .month-day-item .time {
  color: #999999;
  margin-left: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-right .calendar-list-month .month-day-body .show-more {
  background: rgba(170, 170, 170, 0.16);
  border-left: 2px solid #aaaaaa;
}
.calendar-right .calendar-month-more {
  height: 300px;
  width: 400px;
  overflow: auto;
}
.calendar-right .calendar-month-more .more-title {
  line-height: 32px;
  height: 42px;
  border-bottom: 1px solid #f0f0f0;
}
.calendar-right .calendar-month-more .more-title h3 {
  display: inline-block;
  font-size: 15px;
  color: #110e0e;
  font-weight: normal;
}
.calendar-right .calendar-month-more .more-title .total {
  color: #747779;
  margin-left: 12px;
  font-size: 13px;
}
.calendar-right .calendar-month-more .more-p {
  border-bottom: 1px solid #f0f0f0;
  height: 41px;
  line-height: 41px;
  font-size: 14px;
  color: #111111;
}
.calendar-right .calendar-month-more .more-p > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calendar-right .calendar-month-more .more-p .name {
  width: 0;
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 18px 0 10px;
}
.calendar-right .calendar-month-more .more-p .timer {
  font-size: 12px;
  color: #747779;
  width: 70px;
}
.calendar-right .calendar-list-other {
  position: relative;
  height: 100%;
  width: 100%;
}
.calendar-right .calendar-list-other .other-header {
  display: flex;
  align-items: center;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid #e6e8ea;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
}
.calendar-right .calendar-list-other .other-header .first {
  width: 80px;
  border-right: 1px solid #e6e8ea;
  height: 100%;
}
.calendar-right .calendar-list-other .other-header .week-name {
  flex: 1 1;
  color: #222222;
  font-size: 14px;
  border-right: 1px solid #e6e8ea;
}
.calendar-right .calendar-list-other .other-header .week-name .day-label {
  color: #666666;
  font-size: 12px;
}
.calendar-right .calendar-list-other .other-header .week-name:last-child {
  border-right: none;
}
.calendar-right .calendar-list-other .other-header .week-name.today {
  color: #fc3b39;
}
.calendar-right .calendar-list-other .other-header .week-name.today .day-label {
  color: #fc3b39;
}
.calendar-right .calendar-list-other .other-body {
  padding-top: 38px;
  padding-bottom: 5px;
  height: 100%;
}
.calendar-right .calendar-list-other .other-body.empty {
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 28%;
  background-position: center 30%;
  color: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  text-align: center;
}
.calendar-right .calendar-list-other .other-body.empty .tips-add {
  margin-top: 32%;
  padding-right: 28px;
  cursor: pointer;
  line-height: 80px;
}
.calendar-right .calendar-list-other .other-body.empty .tips-add:hover {
  color: var(--theme-op4, rgba(252, 59, 57, 0.4));
}
.calendar-right .calendar-list-other .other-row {
  height: 128px;
  border-bottom: 1px solid #e6e8ea;
  display: flex;
  width: 100%;
}
.calendar-right .calendar-list-other .other-row .emp-title {
  height: 127px;
  width: 80px;
  border-right: 1px solid #e6e8ea;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.calendar-right .calendar-list-other .other-row .emp-title > p {
  word-break: break-all;
  padding: 0 6px;
  line-height: 1.4;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  margin-top: 5px !important;
  max-height: 80px;
  overflow: hidden;
}
.calendar-right .calendar-list-other .other-row .other-col {
  width: 0;
  flex: 1 1;
  border-right: 1px solid #e6e8ea;
  position: relative;
  overflow: hidden;
  padding: 3px 3px 0 3px;
}
.calendar-right .calendar-list-other .other-row .other-col:last-child {
  border-right: none;
}
.calendar-right .calendar-list-other .other-row .can-click:hover {
  cursor: pointer;
  background: rgba(51, 157, 249, 0.05);
}
.calendar-right .calendar-list-other .other-row .other-item {
  line-height: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #181d20;
  cursor: pointer;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 3px;
}
.calendar-right .calendar-list-other .other-row .other-item .time {
  color: #999999;
  margin-left: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.calendar-right .calendar-list-other .other-row .show-more {
  background: rgba(170, 170, 170, 0.16);
  border-left: 2px solid #aaaaaa;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.calendar-repeat-mode {
  background-color: #f7f7f7;
  padding: 5px;
  margin: 6px 0 16px 0;
  position: relative;
}
.calendar-repeat-mode .repeat-mode-custom {
  display: flex;
  align-items: center;
}
.calendar-repeat-mode .time-select-type .ant-select-selector {
  background-color: #f2f2f2;
  padding: 0 7px;
}
.calendar-repeat-mode .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  line-height: unset;
}
.calendar-repeat-mode .tooltip-hidden {
  display: none;
}
.calendar-repeat-mode .week-select {
  cursor: pointer;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: #ffffff;
  border: 1px solid #c5c5c5;
  border-radius: 50%;
  margin-right: 8px;
  color: #222222;
  text-align: center;
}
.calendar-repeat-mode .check-week {
  cursor: pointer;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: #1890ff;
  border-radius: 50%;
  margin-right: 8px;
  color: #fff;
  text-align: center;
}
.ant-select-dropdown {
  padding: 0 !important;
}
.select-month {
  width: 360px;
  height: 200px;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 4px;
}
.select-month .rc-virtual-list-holder-inner {
  flex-direction: row !important;
  flex-wrap: wrap;
}
.select-month .rc-virtual-list-holder-inner .select-month-option {
  width: 40px;
  height: 24px;
  background: #ffffff;
  border-radius: 4px;
  margin: 3px 5px;
  text-align: center;
}
.select-month .rc-virtual-list-holder-inner .select-month-option:hover {
  background: #f2f2f2;
}
.select-month .rc-virtual-list-holder-inner .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #ffffff;
  font-weight: 600;
  background: #1890ff !important;
}
.select-month .rc-virtual-list-holder-inner .ant-select-item-option-content {
  flex: auto;
  text-overflow: initial;
}
.select-month .rc-virtual-list-holder-inner .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  display: none;
}
.select-year {
  width: 282px;
  height: 262px;
}
.select-year .rc-virtual-list-holder-inner {
  flex-direction: row !important;
  flex-wrap: wrap;
}
.select-year .rc-virtual-list-holder-inner .select-year-option {
  width: 60px;
  height: 24px;
  background: #ffffff;
  border-radius: 4px;
  margin: 16px 17px;
  text-align: center;
}
.select-year .rc-virtual-list-holder-inner .select-year-option:hover {
  background: #f2f2f2;
}
.select-year .rc-virtual-list-holder-inner .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #ffffff;
  font-weight: 600;
  background: #1890ff !important;
}
.select-year .rc-virtual-list-holder-inner .ant-select-item-option-content {
  flex: auto;
  text-overflow: initial;
}
.select-year .rc-virtual-list-holder-inner .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  display: none;
}
.calendar-repeat-mode.disabled::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(20, 10, 0, 0.05);
}
.calendar-modal .ant-modal-body {
  overflow: hidden !important;
}
.calendar-modal.isMultiTabMode .ant-modal-body {
  overflow: auto !important;
}
.calendar-layout {
  display: flex;
}
.calendar-form {
  height: calc(100vh - 235px);
  overflow: auto;
  padding-right: 5px;
}
.calendar-form .ant-form-item-label > label {
  flex-direction: row-reverse;
}
.calendar-form .icon-eafc {
  margin-left: 4px;
  margin-top: 38px;
  font-size: 16px;
  color: #666666;
}
.calendar-form .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  margin-left: 4px;
}
.calendar-form .ant-form-item {
  margin-bottom: 10px;
}
.calendar-form .ant-form-item .ant-form-item-label {
  line-height: 25px;
}
.calendar-form .user-group {
  position: relative;
}
.calendar-form .user-group .show-other {
  position: absolute;
  top: 78px;
  right: 10px;
}
.calendar-form .ant-picker-suffix {
  font-size: 12px;
}
.calendar-form .desc-text {
  width: 100%;
  color: #666;
  font-size: 12px;
}
.calendar-form .ant-input-suffix > .icon-e75a {
  color: #999;
  cursor: pointer;
  font-size: 12px;
  margin-top: 3px;
}
.expansion-flag {
  display: flex;
  align-items: center;
  padding: 0 16px 0 8px;
}
.expansion-flag .toggle-line {
  width: 2px;
  height: 100%;
  background: #ededed;
}
.expansion-flag .toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #ededed;
  width: 10px;
  height: 36px;
  border-radius: 4px 0 0 4px;
}
.expansion-flag .toggle-icon .icon-shouqi,
.expansion-flag .toggle-icon .icon-zhankai {
  font-size: 12px;
  color: #666666;
  transform: scale(0.834);
}
.expansion-flag .toggle-icon:hover {
  width: 10px;
}
.expansion-flag .toggle-icon:hover .icon-zhankai {
  font-size: 12px;
}
.time-range .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 32px;
  padding: 0 7px;
}
.time-range .ant-picker-status-error.ant-picker,
.time-range .ant-picker-status-error.ant-picker:not([disabled]):hover {
  border-color: #d9d9d9;
}
.time-range .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  border-color: #d9d9d9 !important;
}
.time-range .ant-col {
  max-height: 32px;
}
.time-range .anticon-calendar {
  color: #999;
}
.time-range .time-type .ant-select-selector {
  background-color: #f2f2f2;
  padding: 0 7px;
}
.time-range .ant-picker {
  /*width: 126px;*/
  /*height: 28px;*/
}
.time-range .ant-input-disabled {
  padding: 4px 9px;
  width: 92px;
  background-color: #f2f2f2;
  color: #222;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.calendar-list-meeting {
  position: relative;
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #e6e8ea 1px, transparent 1px);
  background-position: 200px;
}
.calendar-list-meeting .meeting-table {
  height: 100%;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row td {
  cursor: pointer;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row.ant-table-cell-fix-left {
  background-color: #FFF;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row .range-start {
  border-left: 1px solid #1890FF;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row .range-end {
  border-right: 1px solid #1890FF !important;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row .range-top {
  border-top: 1px solid #1890FF;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row .range-btm {
  border-bottom: 1px solid #1890FF;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row .cur-hour {
  position: relative;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row .cur-hour .red-line {
  position: absolute;
  height: 70px;
  width: 0;
  border-right: 1px solid #FD6364;
  top: 0;
  z-index: 101;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row .cur-hour .red-pot::after {
  position: absolute;
  top: 0px;
  width: 4px;
  height: 4px;
  content: '';
  border-radius: 50%;
  background-color: #FD6364;
  margin-left: -2px;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row:hover td {
  background: unset;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row:hover .blue {
  background: rgba(61, 163, 249, 0.6);
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row:hover .blue.past-time {
  background: rgba(61, 163, 249, 0.6);
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-left {
  background-color: #FFF;
  z-index: 101;
}
.calendar-list-meeting .meeting-table .ant-table-tbody > tr.ant-table-row:hover .past-time {
  background-color: #f2f2f2;
}
.calendar-list-meeting .meeting-table .ant-table-cell-fix-left {
  z-index: 101;
}
.calendar-list-meeting .meeting-table .time-th {
  width: 120px;
}
.calendar-list-meeting .ant-table-placeholder {
  display: none;
}
.calendar-list-meeting .past-time {
  background-color: #f2f2f2;
}
.calendar-list-meeting .blue {
  background: rgba(61, 163, 249, 0.6);
  position: relative;
}
.calendar-list-meeting .blue .on-tips {
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 100;
  color: #222;
  padding: 4px;
}
.calendar-list-meeting .blue .on-tips .tip-name {
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar-list-meeting .blue .on-tips .tip-owner {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar-list-meeting .room-title {
  height: 50px;
  position: relative;
  background-color: #FFF;
}
.calendar-list-meeting .room-title .room-name {
  font-size: 15px;
  font-weight: bold;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  white-space: nowrap;
}
.calendar-list-meeting .room-title .room-desc {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar-list-meeting .room-title .room-num {
  position: absolute;
  right: 0;
  top: 0;
}
.calendar-list-meeting .room-title:hover .ope {
  display: flex;
}
.calendar-list-meeting .room-title .ope {
  position: absolute;
  width: 35px;
  right: 0;
  top: 30px;
  justify-content: space-between;
  display: none;
}
.calendar-list-meeting .room-title .ope i:hover {
  color: #1890FF;
}
.calendar-header-button {
  display: inline-flex;
}
.calendar-header-button .search-box {
  width: 150px;
  margin-right: 8px;
}
.calendar-header-button .search-select {
  width: 200px;
  margin-right: 8px;
}
.calendar-header-button .search-count {
  width: 110px;
}
.calendar-header-button .create-btn {
  margin-left: 10px;
  border-color: #fd6364;
  background-color: #fd6364;
  color: #FFF;
  /*&:hover > i {
            color: #1890FF!important;
        }*/
}
.flex-row-center {
  display: flex;
  justify-content: space-between;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.multi-tab-mode .calendar-helper {
  padding-top: 0;
}
.calendar-helper {
  position: relative;
  padding-top: 10px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.calendar-helper .ant-spin-spinning {
  max-height: 800px !important;
}
.calendar-helper .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  border-color: var(--theme, #fd6364);
  background-color: var(--theme, #fd6364);
  box-shadow: -1px 0 0 0 var(--theme, #fd6364);
}
.calendar-helper .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: var(--theme, #fd6364);
}
.calendar-helper .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
.calendar-helper .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus {
  color: #fff;
}
.calendar-helper .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover > i,
.calendar-helper .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus > i {
  color: #fff;
}
.calendar-helper .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: var(--theme, #fd6364);
}
.calendar-helper .ant-btn:hover > i,
.calendar-helper .ant-btn:focus > i {
  color: var(--theme, #fd6364);
}
.calendar-helper .ant-radio-button-wrapper:hover {
  color: var(--theme, #fd6364);
}
.calendar-helper-header {
  height: 46px;
  position: absolute;
  background: #fff;
  left: 10px;
  right: 10px;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 1px 1px 0 #e6e8ea;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  z-index: 200;
}
.calendar-helper-header .calendar-header-view {
  display: flex;
  align-items: center;
}
.calendar-helper-header .calendar-header-view .biz-icon {
  line-height: 40px;
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 7px;
  font-size: 20px;
  text-align: center;
}
.calendar-helper-header .calendar-header-view .calendar-view-select {
  min-width: 100px;
}
.calendar-helper-header .calendar-header-view .calendar-view-select .ant-select-selector {
  border: none;
  outline: none !important;
  box-shadow: none !important;
}
.calendar-helper-header .calendar-header-view .calendar-view-select .ant-select-selector .ant-select-selection-item {
  font-size: 16px;
  color: #222;
  margin-right: 30px;
  margin-left: 0;
}
.calendar-helper-header .calendar-header-view .see-other-title {
  font-size: 16px;
  color: #181d20;
  width: 80px;
}
.calendar-helper-header .calendar-header-view .calendar-header-more {
  cursor: pointer;
  margin-left: 10px;
  font-size: 14px;
  color: var(--theme, #fd6364);
}
.calendar-helper-header .calendar-header-view .calendar-header-more:hover {
  color: var(--theme-op7, rgba(252, 59, 57, 0.7));
}
.calendar-header-date {
  position: relative;
  padding: 0 32px;
  line-height: 32px;
  font-size: 14px;
  color: #181d20;
}
.calendar-helper-content {
  height: 100%;
  padding-top: 46px;
  position: relative;
  background: #fff;
  display: flex;
  margin: auto 10px;
}
.calendar-prev-month {
  left: 0;
  position: absolute;
  color: #999999;
  font-size: 22px;
  width: 24px;
  cursor: pointer;
  text-align: center;
}
.calendar-prev-month:hover {
  color: var(--theme, #fd6364);
}
.calendar-prev-month:after {
  content: '\2039';
}
.calendar-next-month {
  position: absolute;
  right: 0;
  color: #999999;
  font-size: 22px;
  width: 24px;
  cursor: pointer;
  text-align: center;
}
.calendar-next-month:hover {
  color: var(--theme, #fd6364);
}
.calendar-next-month:after {
  content: '\203A';
}
.calendar-line-set h4 {
  line-height: 24px;
  color: #222;
  font-size: 15px;
  font-weight: 400;
  margin-top: 5px;
}
.calendar-line-set .line {
  display: inline-block;
  width: 48%;
}
.calendar-line-set .line label {
  line-height: 24px;
  color: #494949;
  margin: 5px 0 4px 0;
  display: block;
}
.calendar-line-set .line p {
  margin-bottom: 10px !important;
}
.calendar-line-set .line p .ant-time-picker {
  width: 75%;
}
.see-other .ant-modal-body {
  padding: 0 10px 0 0 !important;
}
.see-other .see-other-title {
  height: 60px;
  line-height: 60px;
  display: flex;
  border-bottom: 1px solid #e6e8ea;
  align-items: center;
}
.see-other .see-other-title > h4 {
  font-size: 16px;
  width: 100px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 400;
  padding-left: 30px;
}
.see-other .see-other-title .calendar-header-date {
  height: 60px;
  line-height: 60px;
  margin-left: 220px;
}
.see-other .see-other-title .today-button {
  margin-left: 10px;
}
.calendar-btn {
  display: inline-block;
}
.calendar-btn .ant-btn.ant-btn-primary {
  border-color: #fd6364;
  background-color: #fd6364;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.input-fast-comment {
  margin-top: 4px;
  width: 100%;
}
.input-fast-comment .fast-comment-header {
  font-size: 12px;
  color: #666;
}
.input-fast-comment .fast-comment-header .ant-btn {
  margin-left: 6px;
  font-size: 12px;
}
.input-fast-comment .fast-comment-header .ant-btn i {
  margin-right: 2px;
}
.input-fast-comment .fast-comment-content {
  display: flex;
  row-gap: 8px;
  column-gap: 8px;
  flex-wrap: wrap;
}
.input-fast-comment .fast-comment-content .comment-tag {
  cursor: pointer;
  padding: 5px 7px;
  border-radius: 6px;
  border: 1px solid #979797;
  max-width: 100%;
  font-size: 12px;
  line-height: 16px;
  margin-right: 0;
  color: #303030;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff;
  display: flex;
  align-items: center;
}
.input-fast-comment .fast-comment-content .comment-tag:hover {
  border: 1px solid #1990FF;
  background-color: #0093FF1A;
  color: #1990FF;
}
.input-fast-comment .fast-comment-content .comment-tag .tag-text {
  max-width: 254px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-fast-comment .fast-comment-content .comment-add {
  border: 1px solid #1990FF;
  color: #1990FF;
}
.input-fast-comment .fast-comment-content .comment-add:hover {
  background-color: #0093FF1A;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.comment-wrap {
  width: 100%;
}
.comment-wrap .content {
  position: relative;
  min-height: 80px;
  border-radius: 4px;
  border: 1px solid #ccced2;
  padding: 1px;
}
.comment-wrap .content .ant-mentions {
  border: 0;
}
.comment-wrap .content .ant-mentions:hover {
  border: 0;
  box-shadow: unset;
}
.comment-wrap .content .ant-mentions-focused {
  border: 0;
  box-shadow: unset;
}
.comment-wrap .content .ope {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.comment-wrap .content .ope .ope-left {
  display: flex;
  padding-left: 5px;
  align-items: baseline;
}
.comment-wrap .content .ope .ope-left .aita {
  padding-left: 30px;
  font-size: 12px;
  color: #ccc;
}
.comment-wrap .content .ope .ope-left .comment-image-upload .ant-btn,
.comment-wrap .content .ope .ope-left .comment-file-upload .ant-btn {
  border: 0;
  padding: 0 10px;
}
.comment-wrap .content .ope .ope-left .comment-image-upload .ant-btn label,
.comment-wrap .content .ope .ope-left .comment-file-upload .ant-btn label {
  cursor: pointer;
}
.comment-wrap .content .ope .ope-right .ant-btn {
  border: 0;
  padding: 0 14px;
}
.comment-wrap .content .ope .ope-right .ant-btn label {
  cursor: pointer;
}
.comment-wrap .img-list .picture-card {
  margin-top: 8px;
}
.comment-wrap .img-list .picture-card .ant-upload-list-picture-card .ant-upload-list-item {
  padding: 0;
}
.comment-wrap .img-list .picture-card .anticon-eye,
.comment-wrap .img-list .picture-card .anticon-download,
.comment-wrap .img-list .picture-card .anticon-delete {
  margin: 0;
}
.comment-top-tips {
  margin-bottom: 8px;
  font-size: 16px;
  padding: 10px;
  border-radius: 4px;
  word-break: break-all;
  white-space: pre-wrap;
  color: #222;
  background-color: rgba(255, 150, 0, 0.08);
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.layout-comment .layout-comment-content {
  margin-top: 10px;
}
.layout-comment .layout-comment-content .comment-item {
  position: relative;
  line-height: 20px;
  padding: 15px 0;
  word-break: break-all;
  word-wrap: break-word;
  zoom: 1;
  border-bottom: 1px solid #e8ecee;
}
.layout-comment .layout-comment-content .comment-item:last-child {
  border-bottom: none;
}
.layout-comment .layout-comment-content .comment-item .comment-head {
  position: absolute;
  top: 15px;
  left: 0;
  display: flex;
  align-items: center;
}
.layout-comment .layout-comment-content .comment-item .comment-head .user {
  font-family: PingFangSC-Regular;
  margin-left: 16px;
  vertical-align: text-top;
  font-size: 14px;
  color: #666;
  line-height: 1;
}
.layout-comment .layout-comment-content .comment-item .comment-main {
  font-family: PingFangSC-Regular;
  margin: 26px auto auto 45px;
  line-height: 22px;
  font-size: 13px;
  color: #222;
  text-align: justify;
  padding-right: 5px;
  white-space: pre-wrap;
}
.layout-comment .layout-comment-content .comment-item .comment-image {
  margin-left: 45px;
}
.layout-comment .layout-comment-content .comment-item .comment-image image {
  margin-right: 20px;
}
.layout-comment .layout-comment-content .comment-item .comment-image .text-show {
  width: calc(100% - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-comment .layout-comment-content .comment-item .time {
  margin-left: 45px;
  font-size: 12px;
  color: #747779;
  vertical-align: bottom;
  line-height: 1;
}
.layout-comment .layout-comment-content .comment-item .comment-btn {
  font-family: PingFangSC-Regular;
  -webkit-font-smoothing: antialiased;
  margin: 5px 0 0 55px;
  float: right;
}
.layout-comment .layout-comment-content .comment-item .comment-btn .del {
  position: relative;
  cursor: pointer;
  font-size: 14px;
}
.layout-comment .layout-comment-content .comment-item .comment-btn .rep {
  position: relative;
  cursor: pointer;
  font-size: 14px;
}
.layout-comment .layout-comment-content .comment-more {
  padding-top: 10px;
  cursor: pointer;
  font-size: 12px;
}
.comment-edit-wrap {
  overflow: hidden;
  position: relative;
}
.comment-edit-wrap .content {
  position: relative;
  min-height: 80px;
  border-radius: 4px;
  border: 1px solid #ccced2;
}
.comment-edit-wrap .content .comment-content {
  min-height: 70px;
  padding: 5px;
  border-radius: 4px;
  outline: 0;
  font-size: 13px;
  margin-bottom: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.comment-edit-wrap .content .comment-content i {
  font-size: 16px;
  font-style: normal;
}
.comment-edit-wrap .content .ope {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.comment-edit-wrap .content .ope .ant-btn {
  border: none;
}
.comment-edit-wrap .content .ope .ope-left {
  display: flex;
  cursor: pointer;
}
.comment-edit-wrap .content .ope .ope-left .aita {
  width: 44px;
  line-height: 32px;
  font-size: 16px;
  color: black;
  font-weight: bold;
  text-align: center;
}
.comment-edit-wrap .content .ope .ope-left .aita:hover {
  color: #1890ff;
}
.comment-edit-wrap .comment-image-upload .ant-upload.ant-upload-select,
.comment-edit-wrap .comment-file-upload .ant-upload.ant-upload-select {
  display: inline;
}
.comment-edit-wrap .comment-image-upload .upload-to-aliyun-upload-btn,
.comment-edit-wrap .comment-file-upload .upload-to-aliyun-upload-btn {
  position: absolute;
  height: 28px;
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}
.comment-edit-wrap .comment-image-upload .upload-to-aliyun-upload-btn label,
.comment-edit-wrap .comment-file-upload .upload-to-aliyun-upload-btn label {
  cursor: pointer;
}
.comment-edit-wrap .comment-image-upload .upload-to-aliyun-upload-btn {
  left: 45px;
  top: 113px;
}
.comment-edit-wrap .comment-file-upload .upload-to-aliyun-upload-btn {
  left: 89px;
  top: 113px;
}
.comment-edit-wrap .file-list .ant-upload-list-item-info a {
  color: rgba(0, 0, 0, 0.65);
}
.comment-edit-wrap .img-list {
  margin-top: 5px;
  padding: 6px 6px 0;
  border: 1px solid #c5c5c5;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  min-height: 90px;
}
.comment-edit-wrap .img-list .ant-upload-list-item,
.comment-edit-wrap .img-list .ant-upload {
  width: 70px;
  height: 70px;
}
.comment-edit-wrap .img-list .anticon-plus {
  font-size: 24px;
}
.comment-edit-wrap .img-list .picture-card .ant-upload-list-picture-card-container {
  width: 70px;
  height: 70px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.calendar-detail {
  height: 100%;
  position: relative;
  background-color: #eeeeee;
}
.calendar-detail .detail-wrap-header {
  display: flex;
  background: #fff;
  line-height: 58px;
  padding-left: 20px;
  padding-right: 20px;
}
.calendar-detail .detail-wrap-header .header-title {
  flex: 1 1;
  width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
}
.calendar-detail .detail-wrap-header .header-subName {
  color: #222222;
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}
.calendar-detail .detail-wrap-header .header-name {
  color: #999999;
  font-size: 12px;
}
.calendar-detail .detail-wrap-header .calendar-relation {
  margin-right: 15px;
}
.calendar-detail .detail-wrap-header .header-ope {
  display: flex;
  white-space: nowrap;
}
.calendar-detail .detail-wrap-header .header-ope button {
  padding: 0 10px;
  font-size: 12px;
  height: 30px;
  font-weight: normal;
}
.calendar-detail .detail-wrap-header .header-ope .user-defined-action button {
  background-color: #fd6364;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}
.calendar-detail .calendar-content {
  display: flex;
  margin-top: 8px;
  height: calc(100% - 68px);
}
.calendar-detail .calendar-content .content-left {
  width: 0;
  flex: 2 1;
  margin-right: 10px;
  background: #fff;
  padding: 10px 20px;
  height: 100%;
  overflow: auto;
}
.calendar-detail .calendar-content .content-right {
  width: 0;
  flex: 1 1;
  background: #fff;
  height: 100%;
  overflow: auto;
}
.calendar-detail .calendar-content .layout-comment-content {
  margin-bottom: 150px;
}
.calendar-biz-detail {
  padding: 10px 0;
}
.calendar-biz-detail .title {
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  line-height: 22px;
  margin-bottom: 15px !important;
}
.calendar-biz-detail .c-list-item {
  margin-bottom: 10px;
  font-size: 13px;
  display: flex;
  align-items: flex-start;
  line-height: 24px;
}
.calendar-biz-detail .c-list-item .c-item-label {
  color: #999999;
  margin-right: 20px;
  width: 96px;
  font-size: 13px;
}
.calendar-biz-detail .c-list-item .c-item-label i {
  display: inline-block;
  width: 24px;
  height: 20px;
}
.calendar-biz-detail .c-list-item .c-item-value {
  color: #181d21;
  flex: 1 1;
  width: 0;
}
.calendar-biz-detail .c-list-item .c-item-value .empty {
  color: #cccccc;
}
.calendar-history {
  padding: 0 20px 15px 20px;
  margin-bottom: 90px;
}
.calendar-history .history-title {
  height: 36px;
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  line-height: 36px;
  margin-bottom: 15px !important;
}
.calendar-history .history-title > span {
  color: #666;
  font-weight: 400;
  font-size: 14px;
}
.calendar-history .ant-timeline-item-content {
  margin-left: 20px;
}
.calendar-history .act-record {
  padding: 8px;
  background: #f8f8f8;
  border-radius: 4px;
}
.calendar-history .act-record .header-dom .createdBy {
  color: #999999;
  font-size: 12px;
  margin-right: 10px;
}
.calendar-history .act-record .header-dom .title {
  color: #181d21;
  font-size: 14px;
}
.calendar-history .act-record .record-content {
  padding: 5px 2px 10px 0;
}
.calendar-history .act-record .record-content p {
  color: #666666;
  font-size: 12px;
  line-height: 1.4;
  margin: 10px 0;
}
.calendar-history .act-record .footer-dom {
  color: #666666;
  font-size: 12px;
  line-height: 20px;
}
.calendar-participants {
  background: #fff;
  margin-bottom: 10px;
  padding: 0 20px 15px 20px;
}
.calendar-participants .header {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  line-height: 50px;
  margin: 0;
}
.calendar-participants .header .add {
  float: right;
  color: #666;
  font-size: 20px;
}
.calendar-participants .header .add:hover {
  color: #1890ff;
}
.calendar-participants .content .content-list {
  position: relative;
  padding-left: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  min-height: 32px;
  margin: 10px 0;
}
.calendar-participants .content .title {
  position: absolute;
  left: 0;
  top: 10px;
  width: 45px;
  font-size: 12px;
  color: #222;
}
.calendar-participants .content .calendar-user {
  margin: 0 0 5px 0;
  width: 48px;
  text-align: center;
}
.calendar-participants .content .calendar-user .emp-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  display: block;
  font-size: 12px;
  margin-top: 4px;
}
.no-partic {
  height: 120px;
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: center 0;
  line-height: 220px;
  color: #bbb;
  font-size: 15px;
  text-align: center;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.price-total-wrap {
  display: flex;
  flex-direction: column;
  background-color: #f2f6fa;
  height: 100%;
}
.price-total-wrap .price-total-header {
  display: flex;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 0 20px;
}
.price-total-wrap .price-total-header .price-total-title {
  color: #222;
  font-weight: bold;
  font-size: 16px;
}
.price-total-wrap .price-total-header .price-total-close {
  height: 60px;
  line-height: 60px;
  padding: 0 8px;
}
.price-total-wrap .price-total-list {
  flex: 1 1;
  margin-top: 12px;
  background-color: #fff;
  padding: 0 20px;
  overflow: hidden;
  position: relative;
}
.price-total-wrap .price-total-list .ant-tabs,
.price-total-wrap .price-total-list .list-inner {
  height: 100%;
}
.price-total-wrap .price-total-list .ant-tabs-content-holder {
  flex: 1 1;
}
.price-total-wrap .price-total-list .ant-tabs-content-holder .ant-tabs-content {
  height: 100%;
}
.price-total-wrap .price-total-list .export-easy-price {
  position: absolute;
  right: 20px;
  top: 8px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-641f5119]::before {
  display: table;
  content: '';
}
.clearfix[data-v-641f5119]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-641f5119] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-641f5119] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-641f5119] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-641f5119]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-641f5119] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-641f5119]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-641f5119] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.biz-selected[data-v-641f5119] {
  display: inline-block;
}
.biz-selected .biz-icon[data-v-641f5119] {
  margin-right: 12px;
}
.biz-selected .biz-selected-icon i[data-v-641f5119] {
  color: #fff;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  padding: 2px;
  margin-right: 4px;
}
.biz-selected .biz-selected-menu[data-v-641f5119] {
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  left: 0px;
  top: 31px;
  height: 214px;
  overflow: auto;
  border: 1px solid #e8e8e8;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.agenda-detail .visite-content {
  padding: 15px;
}
.agenda-detail .visite-content .visite-map {
  width: 100%;
  height: 275px;
  background: #ccc;
  position: relative;
}
.agenda-detail .visite-content .visite-map .visite-detail {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 320px;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-time {
  font-size: 16px;
  color: #222;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 15px;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-time i {
  color: #999;
  margin-right: 12px;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-record {
  display: flex;
  padding: 10px 0;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-record p {
  font-size: 15px;
  color: #222;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-record p a {
  font-size: 15px;
  color: #222;
  cursor: pointer;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-record p span {
  display: block;
  height: 36px;
  line-height: 36px;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-record p span:first-of-type {
  font-size: 12px;
  color: #696969;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-record p:first-of-type {
  width: 96px;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-record p:nth-of-type(2) {
  flex: 1 1;
}
.agenda-detail .visite-content .visite-map .visite-detail .visite-record p:last-of-type {
  width: 60px;
}
.agenda-detail .detail-tabs-report .add-report {
  font-size: 13px;
  color: #ccc;
  border: 1px solid;
  padding: 7px;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 10px;
}
.agenda-detail .detail-tabs-report .add-report i {
  margin-right: 10px;
}
.agenda-detail .agenda-detail-relative {
  background: #ffffff;
  font-size: 14px;
}
.agenda-detail .agenda-detail-relative .title {
  font-size: 17px;
  color: #3c3a3a;
  padding: 20px 0;
  font-weight: bold;
  width: 100%;
}
.agenda-detail .agenda-detail-relative .title .total {
  font-size: 14px;
  color: #999999;
  font-weight: normal;
}
.agenda-detail .agenda-detail-relative .ant-table-wrapper {
  width: 100%;
}
.agenda-detail .agenda-detail-relative .relative-btn {
  float: right;
  margin-top: 3px;
}
.agenda-detail .ant-dropdown-menu-item .menu-img {
  display: flex;
  margin-right: 12px;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
  line-height: 22px;
}
.agenda-detail .ant-dropdown-menu-item .menu-img i {
  color: #fff;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 6px;
  padding: 5px;
  margin-right: 12px;
}
.agenda-detail .ant-dropdown-menu-item .menu-img .menu-title {
  display: inline-block;
  flex: 10 1;
  text-align: left;
}
.agenda-detail .ant-dropdown-menu-item .menu-img .menu-status {
  flex-grow: 1;
  text-align: right;
}
.agenda-detail .ant-dropdown-menu-item .menu-img .menu-required {
  color: red;
  flex-grow: 1;
  text-align: right;
}
.agenda-detail .report-card {
  margin-top: 15px;
  padding: 10px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eeeeee;
}
.agenda-detail .report-card .title {
  font-size: 16px;
  color: #1890ff;
  padding-bottom: 7px;
  line-height: 1.2;
  cursor: pointer;
}
.agenda-detail .report-card .ant-row {
  border-top: 1px solid #d8d8d8;
  padding: 12px 0;
}
.agenda-detail .report-card .ant-row .label-value {
  border-left: 1px solid #d8d8d8;
}
.agenda-detail .report-card .ant-row .label-value .label {
  color: #747779;
  font-size: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.agenda-detail .report-card .ant-row .label-value .value {
  color: #181d20;
  font-size: 14px;
  overflow: hidden;
  margin-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.agenda-detail .report-card .ant-row .label-value:first-child {
  border-left: none;
}
.agenda-detail .report-card .ant-row .label-value:first-child .label {
  margin-left: 0;
}
.agenda-detail .report-card .ant-row .label-value:first-child .value {
  margin-left: 0;
}
.agenda-detail .report-card .ant-row:last-child {
  padding-bottom: 0;
}
.agenda-detail .agenda-comment .layout-comment {
  transform: none !important;
}
.detail-modal .agenda-detail {
  padding-top: 80px !important;
}
.schedule-menu-img i {
  width: 22px;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-3497a685]::before {
  display: table;
  content: '';
}
.clearfix[data-v-3497a685]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-3497a685] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-3497a685] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-3497a685] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-3497a685]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-3497a685] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-3497a685]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-3497a685] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.visited-map-content[data-v-3497a685] {
  position: relative;
  height: 450px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.detail-modal {
  position: absolute;
  z-index: 998;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  box-shadow: 0px 2px 22px 2px rgba(188, 189, 213, 0.55);
  background-color: #fff;
  transition: opacity 600ms, transform 600ms, left 50ms;
}
.detail-modal.coming {
  opacity: 0.5;
  transform: translateX(110%);
}
.detail-modal.coming .biz-header-wrap {
  left: 0 !important;
  top: 0 !important;
}
.detail-modal.active {
  opacity: 1;
  transform: translateX(0);
}
.detail-modal.active .biz-header-wrap {
  left: 0 !important;
  top: 0 !important;
}
.detail-modal.exiting {
  opacity: 0.5;
  transform: translateX(110%);
}
.detail-modal.exiting .biz-header-wrap {
  left: 0 !important;
  top: 0 !important;
}
.detail-modal .biz-header-wrap {
  right: 0 !important;
  left: 0 !important;
}
.detail-modal .close-btn {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  color: var(--theme, #fc3b39);
  box-shadow: 0px 2px 22px 2px rgba(188, 189, 213, 0.55);
}
.detail-modal .toggle-btn {
  position: absolute;
  z-index: 1000;
  top: 30px;
  left: 0px;
  width: 30px;
  height: 30px;
  color: var(--theme, #fc3b39);
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  box-shadow: 0px 2px 22px 2px rgba(188, 189, 213, 0.55);
}
.detail-modal .biz-header-detail-wrap {
  height: 100%;
  padding-top: 70px;
  position: relative;
  background: #eeeeee;
}
.detail-modal .biz-header-detail-wrap .biz-header-wrap .header-ope button {
  font-size: 12px;
}
.detail-modal .biz-detail-wrap {
  padding-left: 0 !important;
}
.narrow {
  left: 228px;
}
.narrow .close-btn {
  left: -30px;
}
.narrow .toggle-btn {
  left: -30px;
}
.narrow .biz-header-wrap {
  left: 228px !important;
}
.slideLeft {
  transform: translate(-200px, 0px);
  transition-delay: 0s;
  transition-timing-function: ease;
  transition-duration: 1s;
}
.biz-detail-wrap {
  height: 100%;
  overflow: auto;
}
.biz-detail-wrap .ping-layout {
  display: flex;
  flex-direction: column;
}
.biz-detail-wrap .ping-layout .common-wrap {
  background-color: #fff;
  position: relative;
  margin-bottom: 10px;
  overflow: auto;
}
.biz-detail-wrap .ping-layout .common-header {
  position: relative;
  color: #000;
  line-height: 50px;
}
.biz-detail-wrap .ping-layout .common-header .new-schedule-btn {
  position: absolute;
  right: 12px;
  top: 0;
}
.biz-detail-wrap .ping-layout .common-header .right {
  float: right;
}
.biz-detail-wrap .ping-layout .common-header .right .ant-btn {
  line-height: 26px;
  padding: 0 13px;
  border: 1px solid #ccced2;
  font-size: 11px;
  border-radius: 4px;
}
.biz-detail-wrap .ping-layout .common-header .right .ant-btn i {
  width: 10px;
  height: 10px;
  color: #000000;
  margin-right: 3px;
}
.biz-detail-wrap .ping-layout .common-header .right .ant-btn span {
  color: #181d20;
}
.biz-detail-wrap .ping-layout .common-header .right .ant-btn-sm {
  line-height: 22px;
}
.biz-detail-wrap .ping-layout .common-header .common-title {
  font-size: 16px;
  font-weight: 400;
  color: #222;
}
.biz-detail-wrap .ping-layout .common-header .common-title .common-count {
  color: #999999;
  font-size: 14px;
}
.biz-detail-wrap .ping-layout .common-header .common-title i {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  line-height: 22px;
  margin-right: 10px;
}
.biz-detail-wrap .ping-layout .common-header .ope {
  position: absolute;
  right: 0;
  top: 0;
}
.biz-detail-wrap .ping-layout .ping-top {
  flex-grow: 1;
}
.biz-detail-wrap .ping-layout .ping-top .layout-relative {
  padding: 0 20px;
  background: #fff;
}
.biz-detail-wrap .ping-layout .ping-bottom {
  display: flex;
  justify-content: space-around;
  min-width: 660px;
}
.biz-detail-wrap .ping-layout .ping-bottom .ping-bottom-left {
  flex: 2 1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow-x: auto;
}
.biz-detail-wrap .ping-layout .ping-bottom .ping-bottom-right {
  margin-left: 10px;
  flex: 1 1;
}
.biz-detail-wrap .ping-layout .ping-bottom .ping-bottom-right .ant-affix {
  z-index: 0;
}
.biz-detail-wrap .ping-layout .ping-bottom .common-wrap {
  margin-bottom: 10px;
  padding: 0 20px;
  overflow: auto;
}
.biz-detail-wrap .ping-layout .layout-tab {
  padding-top: 8px;
  background-color: #ffffff;
  /*.ant-tabs-tab {
                padding: 8px 0;
                margin-right: 70px;
            }*/
}
.biz-detail-wrap .ping-layout .layout-tab .ant-tabs-nav {
  padding-left: 20px;
}
.biz-detail-wrap .ping-layout .layout-tab .ant-tabs-bar {
  padding: 0 20px;
  margin-bottom: 4px;
}
.biz-detail-wrap .ping-layout .layout-tab .layout-relative {
  padding: 0 20px;
  background: #fff;
}
.biz-detail-wrap .ping-layout .ant-table-body {
  overflow: auto;
}
.biz-detail-wrap .ping-layout .ant-table-body .ant-table-row > td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 9px 8px;
}
.biz-detail-wrap .ping-layout .ant-table-body .multiText {
  max-width: 130px;
  width: 130px;
  min-width: 80px;
}
.biz-detail-wrap .ping-layout .layout-followers {
  margin-bottom: 10px;
}
.biz-detail-wrap .ping-layout .layout-followers .content {
  display: flex;
  flex-direction: column;
}
.biz-detail-wrap .ping-layout .layout-followers .content .double-item {
  display: flex;
}
.biz-detail-wrap .ping-layout .layout-followers .content .item {
  margin-bottom: 10px;
  padding: 10px 8px;
  flex-grow: 1;
  position: relative;
  background-color: #fafafa;
  border-radius: 4px;
  display: flex;
  align-items: flex-start;
}
.biz-detail-wrap .ping-layout .layout-followers .content .item .itemWrap {
  padding-bottom: 5px;
}
.biz-detail-wrap .ping-layout .layout-followers .content .item .avatar {
  margin-left: 15px;
  display: inline-block;
}
.biz-detail-wrap .ping-layout .layout-followers .content .item .ope-btn {
  position: absolute;
  right: 15px;
  top: 10px;
}
.biz-detail-wrap .ping-layout .layout-followers .content .circleImg {
  background-color: gray;
  width: 32px;
  height: 32px;
  border-radius: 30px;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
}
.biz-detail-wrap .ping-layout .layout-followers .content .followInfo {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 10px;
  font-size: 14px;
}
.biz-detail-wrap .ping-layout .layout-followers .content .followInfo .owner {
  font-size: 12px;
  color: darkgray;
}
.biz-detail-wrap .ping-layout .layout-comment {
  font-size: 14px;
  padding: 0 20px;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content {
  display: flex;
  flex-direction: column;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .layout-comment-item {
  margin-top: 10px;
  padding: 5px 10px;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .layout-comment-item .itemWrap {
  border-bottom: 1px #f2f2f2 solid;
  display: flex;
  align-items: flex-start;
  padding-bottom: 5px;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .circleImg {
  background-color: gray;
  width: 32px;
  height: 32px;
  border-radius: 30px;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .commentInfo {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 10px;
  font-size: 14px;
  margin-right: 10px;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .commentInfo .user {
  font-size: 12px;
  color: #8d8f94;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .commentInfo .commentImage {
  display: inline-block;
  vertical-align: top;
  max-width: 40px;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .commentInfo .commentImage:not(:first-child) {
  margin-left: 10px;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .right {
  display: inline-flex;
  flex-direction: column;
  min-width: 150px;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .right .ope .delete {
  display: inline-block;
  padding: 6px;
  cursor: pointer;
  color: #aa2222;
}
.biz-detail-wrap .ping-layout .layout-comment .layout-comment-content .right .ope .delete:hover {
  color: darkred;
}
.biz-detail-wrap .ping-layout .layout-summary {
  padding: 0 20px 20px;
}
.biz-detail-wrap .ping-layout .layout-summary .layout-content {
  display: flex;
  flex-wrap: wrap;
}
.biz-detail-wrap .ping-layout .layout-summary .layout-content .layout-summary-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}
.biz-detail-wrap .ping-layout .layout-summary .layout-content .layout-summary-item .summary-box {
  display: flex;
  flex-direction: column;
}
.biz-detail-wrap .ping-layout .layout-summary .layout-content .layout-summary-item .summary-box .layout-summary-item-title {
  font-size: 14px;
  color: #999;
}
.biz-detail-wrap .ping-layout .layout-summary .layout-content .layout-summary-item .summary-box .layout-summary-item-value {
  font-size: 18px;
  color: #222;
}
.biz-detail-wrap .ping-layout .layout-summary .layout-content .layout-summary-item .summary-box span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}
.biz-detail-wrap .ping-layout .layout-summary .layout-content .fenge {
  padding-right: 30px;
  margin-left: 30px;
  border-left: 1px solid #e9e9e9;
  font-size: 0;
  height: 40px;
}
.biz-detail-wrap .ping-layout .layout-schedule {
  margin-bottom: 10px;
  position: relative;
}
.biz-detail-wrap .ping-layout .layout-schedule .newAgenda-button-group {
  position: absolute;
  top: 0;
  right: 0;
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content {
  font-size: 12px;
  color: darkgrey;
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item {
  line-height: 40px;
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item .bizType {
  display: inline;
  padding: 1px 2px;
  font-size: 10px;
  color: #fff;
  border-radius: 4px;
  background: #18b7c1;
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small {
  display: flex;
  padding-bottom: 10px;
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .left {
  width: 80px;
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .middle {
  flex-grow: 1;
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .middle > span {
  display: block;
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .middle .title {
  color: rgba(0, 0, 0, 0.65);
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .middle .bizType {
  display: inline;
  padding: 1px 2px;
  font-size: 10px;
  color: #fff;
  border-radius: 4px;
  background: #18b7c1;
}
.biz-detail-wrap .ping-layout .layout-schedule .layout-schedule-content .layout-schedule-item-small .right {
  width: 100px;
}
.biz-detail-wrap .ping-layout .layout-bizDetail {
  font-size: 12px;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content {
  padding: 20px;
  background-color: #fff;
  transform: translateX(0);
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-header {
  font-size: 14px;
  padding: 14px 0 6px 10px;
  color: #222;
  font-weight: bold;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content > .ant-row {
  margin-top: 1px;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item {
  border-radius: 4px;
  padding: 10px;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-label {
  font-size: 12px;
  color: #999;
  margin-bottom: 4px;
  line-height: 17px;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value {
  font-size: 14px;
  color: #222;
  word-break: break-all;
  line-height: 20px;
  min-height: 20px;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img {
  padding-right: 10px;
  line-height: 20px;
  display: flex;
  position: relative;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img > a.heicon {
  position: absolute;
  right: 10px;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img img {
  top: 0;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img .viewer {
  width: calc(100% - 20px);
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .item-value .file-img .viewer > div {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item .short-value {
  /*white-space: pre;*/
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-label {
  color: #b9bbbc;
  font-size: 11px;
  line-height: 16px;
  display: block;
  background-color: #f9f9f9;
  position: relative;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-label .edit {
  cursor: pointer;
  position: absolute;
  right: 15px;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-value {
  color: #181d20;
  line-height: 0;
  font-size: 0;
  background-color: #f9f9f9;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-value .value {
  padding-top: 4px;
  padding-bottom: 9px;
  line-height: 19px;
  min-height: 32px;
  font-size: 13px;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .row-value .value a {
  color: #108ee9;
}
.biz-detail-wrap .ping-layout .layout-bizDetail .blank {
  height: 10px;
  width: 100%;
  background-color: #eee;
}
.biz-detail-wrap .ping-layout .layout-flow {
  padding: 0 20px 20px;
}
.biz-detail-wrap .ping-layout .layout-flow .layout-flow-content {
  padding-top: 10px;
  font-size: 12px;
}
.biz-detail-wrap .ping-layout .layout-flow .layout-flow-content .flow-content-item {
  display: flex;
  margin-top: 10px;
}
.biz-detail-wrap .ping-layout .layout-flow .layout-flow-content .flow-content-item .left {
  flex-grow: 1;
}
.biz-detail-wrap .ping-layout .layout-flow .layout-flow-content .flow-content-item .left > span {
  display: block;
}
.biz-detail-wrap .ping-layout .layout-flow .layout-flow-content .flow-content-item .right {
  width: 100px;
  color: darkgrey;
}
.biz-detail-wrap .ping-layout .layout-affairs .quick-add {
  border: 1px dashed #d9d9d9;
  color: #666;
  cursor: pointer;
  font-size: 11px;
  text-align: center;
  line-height: 30px;
  margin-bottom: 14px;
}
.biz-detail-wrap .ping-layout .layout-affairs .quick-add i {
  margin-right: 5px;
}
.biz-detail-wrap .ping-layout .layout-affairs .ant-timeline-item-content {
  padding: 0 0 0 20px;
}
.biz-detail-wrap .ping-layout .layout-affairs .has-bgcolor {
  background-color: #f8f8f8;
}
.biz-detail-wrap .ping-layout .layout-affairs .act-record {
  padding: 4px 5px;
  border-radius: 4px;
  color: #666;
  font-size: 12px;
}
.biz-detail-wrap .ping-layout .layout-affairs .act-record .header-dom .createdBy {
  color: #999;
  font-size: 12px;
  margin-right: 10px;
  margin-left: 5px;
  vertical-align: text-bottom;
}
.biz-detail-wrap .ping-layout .layout-affairs .act-record .header-dom .title {
  font-size: 15px;
  color: #181d21;
}
.biz-detail-wrap .ping-layout .layout-affairs .act-record .record-content {
  font-size: 15px;
  line-height: 21px;
  padding: 10px 0px;
}
.biz-detail-wrap .ping-layout .layout-affairs .act-record .footer-dom {
  padding-right: 5px;
}
.biz-detail-wrap .ping-layout .layout-affairs .act-record .footer-dom i {
  float: right;
}
.biz-detail-wrap .ping-layout .layout-affairs .layout-affairs-content {
  padding: 8px 3px 0;
  overflow: auto;
}
.biz-detail-wrap .ping-layout .layout-affairs .layout-affairs-content .ant-timeline-item-tail {
  border-left: 1px solid #b9bbbc;
}
.biz-detail-wrap .ping-layout .layout-affairs .layout-affairs-content .line-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 0 auto;
  color: #fff;
  line-height: 14px;
  text-align: center;
  background-color: #b9bbbc;
}
.biz-detail-wrap .ping-layout .layout-affairs .layout-affairs-content .line-dot i {
  font-size: 12px;
  transform: scale(0.7);
  display: inline-block;
}
.biz-detail-wrap .ping-layout .layout-affairs .layout-affairs-content .title {
  font-size: 14px;
  color: #000000;
}
.biz-detail-wrap .ping-layout .layout-affairs .layout-affairs-content .content {
  font-size: 12px;
  color: #666666;
}
.biz-detail-wrap .ping-layout .layout-affairs .layout-affairs-content .footer {
  font-size: 12px;
  color: #000000;
}
.biz-detail-wrap .ping-layout .layout-affairs .layout-comment {
  padding: 20px 0 0;
}
.biz-detail-wrap .ping-layout .layout-affairs .layout-comment {
  padding: 0;
  margin-bottom: 0;
}
.biz-detail-wrap .ping-layout .layout-relative {
  background: #fff;
  margin-bottom: 10px;
  padding-left: 25px;
}
.biz-detail-wrap .ping-layout .layout-relative .ant-timeline {
  padding: 0 20px;
}
.biz-detail-wrap .ping-layout .layout-workflow {
  font-size: 12px;
  padding: 0 20px 0 25px;
}
.biz-detail-wrap .ping-layout .layout-workflow > .flow-title {
  line-height: 22px;
  height: 46px;
  font-size: 16px;
  font-weight: bold;
  padding-top: 24px;
  color: #222222;
}
.biz-detail-wrap .ping-layout .layout-workflow > .flow-title .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #fc3b39;
  line-height: 15px;
  font-size: 13px;
}
.biz-detail-wrap .ping-layout .layout-workflow > .flow-title .title {
  color: #222222;
}
.biz-detail-wrap .ping-layout .layout-workflow > .flow-title .right {
  float: right;
  font-weight: 400;
  color: #666666;
  line-height: 17px;
  font-size: 20px;
  margin-right: 4px;
  cursor: pointer;
}
.biz-detail-wrap .ping-layout .layout-workflow > .flow-title .right:hover {
  color: #1890ff;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap {
  border-bottom: 1px solid #cccccc;
  padding-top: 20px;
  padding-bottom: 21px;
  overflow: hidden;
  width: 100%;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap:last-child {
  border-bottom: none;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .flow-title {
  line-height: 21px;
  height: 21px;
  font-size: 15px;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .flow-title .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #fc3b39;
  line-height: 15px;
  font-size: 13px;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .flow-title .title {
  margin-left: 3px;
  color: #333333;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .flow-title .right {
  float: right;
  font-size: 12px;
  font-weight: 400;
  color: #b9bbbc;
  line-height: 17px;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .flow-title .right .arrow {
  color: #b9bbbc;
  display: inline-block;
  width: 4px;
  height: 7px;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .manual-label {
  line-height: 18px;
  margin-top: 8px;
  color: #b9bbbc;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .message {
  line-height: 20px;
  font-size: 14px;
  color: #999999;
  font-weight: 400;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .btn-list {
  margin-top: 20px;
  float: left;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .btn-list button {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-right: 15px;
  font-weight: 400;
  font-size: 14px;
  color: #747779;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .btn-list button span {
  margin-left: 4px;
}
.biz-detail-wrap .ping-layout .layout-workflow .flow-todo-wrap .btn-list button:last-child {
  margin-right: 0;
}
.biz-detail-wrap .ping-layout .layout-workflow .footer {
  line-height: 30px;
  text-align: center;
  background-color: #e6e6e6;
  cursor: pointer;
}
.biz-detail-wrap .ping-layout .layout-workflow .footer:hover {
  background-color: #dddddd;
  color: #000000;
}
.biz-detail-wrap .ping-layout .layout-workflow .none-flow-todo {
  font-size: 20px;
  line-height: 49px;
  font-weight: bold;
  color: #dddddd;
  text-align: center;
}
.biz-detail-wrap .ping-layout .layout-workflow .none-flow-todo > i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ccc;
  border-radius: 40px;
  color: #aaa;
}
.biz-detail-wrap .ping-layout .layout-workflow .none-flow-todo > .text {
  margin-left: 20px;
  font-size: 13px;
}
.biz-detail-wrap .ping-layout .text-right {
  text-align: right;
}
.action-container {
  margin-left: 0 !important;
}
.relative-filter .cwc-filter .cwc-filter-exprWrap .disabled-link {
  color: #cdcdcd;
  opacity: 1;
}
.icon-btn {
  vertical-align: middle;
  font-size: 18px;
  display: inline-block;
  width: 15px;
  cursor: pointer;
}
.detail-more-btn .ant-dropdown-menu-item:hover,
.detail-more-btn .ant-dropdown-menu-submenu-title:hover {
  background-color: #efefef;
  color: #222;
  font-weight: bold;
}
.detail-more-btn .ant-dropdown-menu-item:hover button span,
.detail-more-btn .ant-dropdown-menu-submenu-title:hover button span {
  color: #222;
  font-weight: bold;
}
.detail-more-btn .ant-dropdown-menu-title-content {
  height: 22px;
}
.detail-more-btn .ant-dropdown-menu-title-content .span-style {
  line-height: 22px;
}
.header-ope .bizList-operation-appPayment {
  border: 1px solid #fd6364;
  border-radius: 2px;
  margin-left: 10px;
}
.header-ope .bizList-operation-appPayment:empty {
  border: none;
  margin-left: 0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.main-body-wrap {
  height: 100%;
  padding: 10px 12px 0;
  position: relative;
  background: #eeeeee;
  overflow: hidden;
}
.main-body-wrap-content {
  background: #fff;
  position: relative;
  overflow: hidden;
}
.main-body-wrap-header {
  height: 70px;
  background: #fff;
  border-bottom: 1px solid #f3f3f3;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-body-wrap-header .left-view {
  margin-left: 20px;
}
.main-body-wrap-header .left-view > i {
  line-height: 28px;
  display: inline-block;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  font-size: 17px;
}
.main-body-wrap-header .left-view .title {
  color: #222;
  font-weight: bold;
  margin-left: 12px;
  line-height: 28px;
  font-size: 16px;
}
.main-body-wrap-header .right-view {
  margin-right: 20px;
}
.main-body-wrap-header .center-view {
  width: calc(100% - 370px);
  overflow: hidden;
  float: left;
}
.main-body-wrap-header .center-view button {
  height: 30px;
  padding: 4px 5px;
  margin-bottom: 20px;
}
.main-body-wrap-table {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 20px 20px 50px;
}
.main-body-wrap-table .relative-table .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.main-body-wrap-table .relative-table .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.main-body-wrap-table .relative-table .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.main-body-wrap-table .relative-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  cursor: auto;
}
.main-body-wrap-table .relative-table .ant-table-thead th.right .titleColumn {
  padding-right: 16px;
}
.main-body-wrap-table .relative-table .ant-table-thead th.right:hover .titleColumn {
  padding-right: 40px;
}
.main-body-wrap-table .relative-table .ant-table-thead th {
  padding: 0px 8px !important;
  font-size: 13px;
  font-weight: 400;
  color: #676d79;
  height: 34px;
  line-height: 34px;
}
.main-body-wrap-table .relative-table .ant-table-thead th .thead-inner {
  /*display: flex;*/
  justify-content: flex-end;
  width: 100%;
}
.main-body-wrap-table .relative-table .ant-table-thead th .thead-inner .filter-entry {
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-left: 5px;
  cursor: pointer;
}
.main-body-wrap-table .relative-table .ant-table-thead th .thead-inner .tHeaderWrap {
  display: flex;
}
.main-body-wrap-table .relative-table .ant-table-thead th .thead-inner .titleColumn {
  cursor: pointer;
  float: left;
  width: 100%;
}
.main-body-wrap-table .relative-table td .color-span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  border-radius: 4px;
  height: 20px;
  padding: 0 4px;
}
.main-body-wrap-table .relative-table td span.icon-e714,
.main-body-wrap-table .relative-table td span.icon-e715 {
  cursor: pointer;
}
.main-body-wrap-table .relative-table td span.icon-e714 + *,
.main-body-wrap-table .relative-table td span.icon-e715 + * {
  margin-left: 6px;
}
.main-body-wrap-table .relative-table td span.code-level {
  margin-left: 6px;
}
.main-body-wrap-table .table-pagination {
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #f3f3f3;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.main-body-wrap-table .table-pagination .table-total {
  font-size: 12px;
  color: #747779;
  position: absolute;
  left: 18px;
}
.main-body-wrap-table .table-pagination .ant-pagination {
  float: right;
  margin-top: 15px !important;
  margin-right: 20px;
  font-size: 12px;
}
.main-body-wrap-table .table-pagination .ant-pagination .ant-select-selector {
  height: 20px;
  line-height: 20px;
}
.main-body-wrap-table .table-pagination .ant-pagination .ant-pagination-options-quick-jumper input {
  height: 20px;
  text-align: center;
  width: 28px;
  font-size: 12px;
  padding: 4px;
}
.main-body-wrap-table .table-pagination .ant-select-single .ant-select-selector .ant-select-selection-item,
.main-body-wrap-table .table-pagination .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 20px;
  font-size: 12px;
}
.main-body-wrap-table .ant-table-wrapper {
  height: 100%;
}
.main-body-wrap-table .ant-table-wrapper .ant-table-middle {
  height: 100%;
}
.main-body-wrap-table .ant-table-wrapper .ant-table-middle .ant-table-container {
  height: 100%;
}
.main-body-wrap-table div.ant-typography,
.main-body-wrap-table .ant-typography p {
  margin-bottom: unset;
}
.number-pover-wrap {
  display: flex;
  align-items: center;
}
.number-pover-wrap .title-label {
  flex: 1 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.number-pover-wrap > i {
  display: block;
  width: 14px;
  margin-left: 2px;
}
.number-pover-wrap > i:hover {
  color: #1890ff;
}
.number-pover-wrap > i.isSet {
  color: #1890ff;
}
.number-range-wrap {
  width: 256px;
}
.number-range-wrap .title {
  margin-bottom: 12px;
}
.number-range-wrap .number-range-box {
  display: flex;
  align-items: center;
}
.number-range-wrap .number-range-box .number-left {
  margin: 0 8px 0 0;
}
.number-range-wrap .number-range-box .number-right {
  margin-left: 8px;
}
.number-range-wrap .number-range-box .ant-input-number {
  width: 116px;
}
.number-range-wrap .number-buttom {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.number-range-wrap .number-buttom span {
  cursor: pointer;
  font-size: 12px;
  color: #adb4c2;
}
.number-range-wrap .number-buttom a {
  color: #1890ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.build-or-business {
  display: flex;
}
.build-or-business .select-type {
  width: 118px;
}
.build-or-business .select-type .ant-select {
  width: 100%;
}
.build-or-business .select-type .ant-select .ant-select-selector {
  background: #f2f2f2;
}
.build-or-business .ant-form-item {
  flex: 1 1;
  margin-left: -2px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.pmp-select-and-table {
  width: 720px;
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.pmp-select-and-table .pmp-select-content {
  flex: 1 1;
  max-height: 580px;
  overflow: auto;
  width: 100%;
}
.pmp-select-and-table .pmp-select-content .pmp-select-filter {
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}
.pmp-select-and-table .pmp-select-content .pmp-select-filter .pmp-select-filter-button {
  margin-left: 8px;
  background: #1890ff;
  color: #fff;
  width: 64px;
  height: 30px;
  border-radius: 6px;
  font-size: 12px;
}
.pmp-select-and-table .pmp-select-content .pmp-select-filter .cwc-filter-filterCtrl {
  margin-top: 4px;
}
.pmp-select-and-table * {
  font-size: 12px;
}
.pmp-select-and-table .ant-table-small .ant-table-thead > tr > th {
  background-color: #f0f2f5;
}
.pmp-select-and-table .ant-pagination {
  text-align: right;
}
.pmp-select-and-table .pmp-select-and-table-footer {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.pmp-select-and-table .pmp-select-and-table-footer .pmp-select-and-table-footer-blank {
  font-size: 12px;
}
.pmp-select-and-table .pmp-select-and-table-footer .pmp-select-and-table-footer-right .pmp-select-footer-clear {
  font-size: 12px;
  color: #adb4c2;
}
.pmp-select-and-table .pmp-select-and-table-footer .pmp-select-and-table-footer-right .ant-btn {
  margin-left: 8px;
  background: #1890ff;
  color: #fff;
  width: 64px;
  height: 30px;
  border-radius: 6px;
  font-size: 12px;
}
.pmp-select-and-table .pmp-select-and-table-footer .check-box-span-content {
  font-size: 14px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.dynamic-relation {
  display: flex;
}
.dynamic-relation .choose-meta {
  width: 140px;
}
.dynamic-relation .choose-meta .ant-select-selector {
  border-radius: 2px 0 0 2px;
}
.dynamic-relation > .ant-select {
  margin-left: -1px;
}
.dynamic-relation > .ant-select > .ant-select-selector {
  border-radius: 0 2px 2px 0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.material-detail-modal .ant-modal-body {
  height: calc(100vh - 40px) !important;
  max-height: calc(100vh - 40px) !important;
  background: #f2f2f2;
  padding: 0;
}
.material-detail-modal-content {
  display: flex;
  flex-direction: column;
  background: #f2f2f2;
  padding: 12px;
  height: 100%;
}
.material-detail-modal-content .detail-title {
  display: flex;
  justify-content: space-between;
  background: #fff;
  height: 48px;
  align-items: center;
  padding: 0 16px;
}
.material-detail-modal-content .detail-title .title-label {
  height: 24px;
  font-size: 16px;
  font-weight: 600;
  color: #222222;
  line-height: 24px;
}
.material-detail-field-map {
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  padding: 16px 0 0 16px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.material-detail-field-map .field-map-item {
  width: calc(20% - 16px);
  margin-bottom: 16px;
  margin-right: 16px;
}
.material-detail-field-map .field-map-item .map-title {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.material-detail-field-map .field-map-item .map-text {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.material-detail-tab {
  flex: 1 1;
  background: #fff;
  padding: 0 16px;
}
.material-detail-tab .ant-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.material-detail-tab .ant-tabs .ant-tabs-content-holder {
  flex: 1 1;
}
.material-detail-tab .ant-tabs .ant-tabs-content-holder .ant-tabs-content {
  height: 100%;
}
.material-detail-tab .cloud-resize-table-n .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead tr:first-child th {
  opacity: unset;
}
.search-pover-wrap {
  display: flex;
  align-items: center;
}
.search-pover-wrap .title-label {
  flex: 1 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-pover-wrap > i {
  display: block;
  width: 14px;
  margin-left: 2px;
}
.search-pover-wrap > i:hover {
  color: #1890ff;
}
.search-pover-wrap > i.isSet {
  color: #1890ff;
}
.search-pover-wrap .icon-quxiaosuodinglie,
.search-pover-wrap .icon-suodinglie {
  display: none;
  margin-right: 4px;
}
.search-pover-wrap:hover .icon-quxiaosuodinglie,
.search-pover-wrap:hover .icon-suodinglie {
  display: block;
}
.search-input-wrap {
  width: 168px;
}
.search-input-wrap .title {
  margin-bottom: 6px;
}
.search-input-wrap .input-content {
  width: 100%;
}
.search-input-wrap .input-buttom {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.search-input-wrap .input-buttom span {
  cursor: pointer;
  font-size: 12px;
  color: #adb4c2;
}
.search-input-wrap .input-buttom a {
  color: #1890ff;
}
.material-detail-filter {
  background: #fff;
  margin-bottom: 8px;
  padding-left: 16px;
}
.material-detail-filter .ant-form {
  display: flex;
  align-items: center;
  position: relative;
  height: 64px;
}
.material-detail-filter .ant-form .ant-form-item {
  width: 29%;
  padding-right: 18px;
  margin-bottom: 0;
}
.material-detail-filter .ant-form .pmp-header-button {
  position: absolute;
  right: 16px;
  top: 16px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-b535a0b7]::before {
  display: table;
  content: '';
}
.clearfix[data-v-b535a0b7]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-b535a0b7] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-b535a0b7] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-b535a0b7] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-b535a0b7]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-b535a0b7] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-b535a0b7]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-b535a0b7] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.change-record-valueArea[data-v-b535a0b7] {
  color: #999;
  display: flex;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 16px;
}
.change-record-valueArea .change-record-yuan[data-v-b535a0b7] {
  width: 20px;
  height: 16px;
  background-color: #999;
  color: #ffffff;
  padding: 0 2px;
  text-align: center;
}
.change-record-valueArea[data-v-b535a0b7] .change-record-value {
  display: flex;
  width: fit-content;
  padding: 0 4px;
  border: 1px solid;
  line-height: 14px;
}
.change-record-valueArea[data-v-b535a0b7] .change-record-value > div {
  text-decoration: line-through;
}
.multi-lookup-value[data-v-b535a0b7] .biz-link-btn {
  margin-right: 10px;
  display: inline-block !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.budget-record-btn .ant-modal-content .ant-modal-body {
  height: calc(100vh - 268px) !important;
  overflow: hidden;
}
.budget-record-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.budget-record-content .budget-record-header {
  display: flex;
  align-items: center;
}
.budget-record-content .budget-record-table {
  flex: 1 1;
  overflow: hidden;
  margin-top: 12px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.gantt-container {
  height: 100%;
  max-width: 100%;
  background: #fff;
  z-index: 10;
  position: relative;
  box-shadow: -10px 0 8px -8px rgba(0, 0, 0, 0.2);
  margin-left: 2px;
}
.gantt-container .drag-resize-line {
  position: absolute;
  cursor: ew-resize;
  width: 12px;
  height: 100%;
  background: #E7F3FF;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.gantt-container .drag-resize-line .draggablelayout-icon {
  position: absolute;
  left: 50%;
  top: 2px;
  transform: translateX(-50%);
  color: #999;
}
.gantt-container .drag-resize-line .show-icon {
  position: absolute;
  top: calc(50% + 10px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 15;
}
.gantt-container .drag-resize-line .show-icon i {
  color: #777;
  background: #CFE7FE;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 0;
  height: 20px;
}
.gantt-container .drag-resize-line .show-icon i::before {
  font-size: 11px;
}
.gantt-container .drag-resize-line .show-icon i:hover {
  color: #1890ff;
  background: #B7DAFE;
}
.gantt-container .drag-resize-line .show-icon .show-icon-br {
  display: block;
  height: 6px;
}
.gantt-container .drag-resize-line:active .draggablelayout-icon,
.gantt-container .drag-resize-line:hover .draggablelayout-icon {
  color: #1890ff;
  background: #DAEBFD;
}
.gantt-container .drag-resize-box {
  position: absolute;
  cursor: ew-resize;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  z-index: 10;
}
.gantt-container .gantt-toolbar-top {
  position: absolute;
  top: -40px;
  right: 0;
  padding-right: 8px;
  height: 40px;
  display: flex;
  align-items: center;
  background: #fff;
  min-width: 190px;
  justify-content: flex-end;
  padding-left: 8px;
}
.gantt-container .gantt-toolbar-top .full-screen-icon-span {
  cursor: pointer;
  color: #666;
  padding-right: 8px;
  margin-right: 12px;
  border-right: 1px solid #999;
  height: 20px;
  white-space: nowrap;
}
.gantt-container .gantt-toolbar-top .full-screen-icon-span .full-screen-text {
  display: inline-block;
  margin-left: 5px;
  white-space: nowrap;
}
.gantt-container .gantt-toolbar-top .gantt-toolbar-today:hover,
.gantt-container .gantt-toolbar-top .full-screen-icon-span:hover {
  color: #1890ff;
}
.gantt-container .gantt-toolbar-top .gantt-toolbar-today {
  height: 20px;
  line-height: 20px;
  width: 38px;
  text-align: center;
  background: #F2F2F2;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  border-radius: 2px;
}
.gantt-container .gantt-toolbar-top .gantt-toolbar-box {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.gantt-container .gantt-toolbar-top .gantt-toolbar-box .gantt-toolbar-label {
  white-space: nowrap;
}
.gantt-container .gantt-toolbar-top .gantt-toolbar-box .gantt-toolbar-select {
  margin-left: 6px;
}
.gantt-container .gantt-toolbar-top .gantt-toolbar-box .gantt-toolbar-select .ant-select-selector {
  height: 28px;
}
.gantt-container .gantt-toolbar-top .gantt-toolbar-box .gantt-toolbar-select .ant-select-selection-item {
  line-height: 27px;
}
.gantt-container .gantt-toolbar-top.use-full-screen {
  min-width: 518px;
}
.gantt-chart {
  width: calc(100% - 12px);
  margin-left: 12px;
  height: 100%;
  display: flex;
  position: relative;
}
.gantt-chart .left-line,
.gantt-chart .right-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #D4D4D4;
  z-index: 10;
}
.gantt-chart .bottom-line {
  position: absolute;
  background: #D4D4D4;
  bottom: -1px;
  left: 0;
  right: 8px;
  height: 1px;
  z-index: 10;
}
.gantt-chart .left-line {
  left: 0;
}
.gantt-chart .right-line {
  right: 8px;
}
.gantt-chart .gantt-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 8px;
  overflow: hidden;
  z-index: 1;
}
.gantt-chart .gantt-content {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 2;
}
.gantt-chart .gantt-content canvas + div::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
  opacity: 0.5;
}
.gantt-chart .gantt-content canvas + div::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #D9D9D9;
}
.gantt-chart .gantt-content canvas + div::-webkit-scrollbar-thumb:hover {
  border-radius: 3px;
  background-color: #898989;
}
.gantt-chart .gantt-content canvas + div::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 3px;
}
.gantt-chart .gantt-content canvas + div::-webkit-scrollbar-track:hover {
  background-color: #f0f0f0;
}
.gantt-chart .gantt-range-zoom {
  position: absolute;
  width: 110px;
  height: 30px;
  right: 18px;
  bottom: 12px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 18;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gantt-chart .gantt-range-zoom .ant-slider {
  width: 90px;
}
.gantt-chart .gantt-range-zoom .ant-slider-handle {
  background: #1890ff;
  border: 1px solid #fff;
  width: 13px;
  height: 13px;
  margin-top: -4px;
}
.gantt-chart .gantt-range-zoom .ant-slider-track {
  height: 5px;
  background: #1890ff;
}
.gantt-chart .gantt-range-zoom .ant-slider-rail {
  height: 5px;
  background: rgba(24, 144, 255, 0.2);
}
.gantt-hight-light-bar {
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(24, 144, 255, 0.08);
  height: 0;
  z-index: 10;
  pointer-events: none;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-642f4bfe]::before {
  display: table;
  content: '';
}
.clearfix[data-v-642f4bfe]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-642f4bfe] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-642f4bfe] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-642f4bfe] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-642f4bfe]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-642f4bfe] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-642f4bfe]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-642f4bfe] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.common-header[data-v-642f4bfe] {
  pointer-events: none;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.layout-relative[data-v-642f4bfe] .base-table .use-click-inview360 {
  display: initial;
}
.layout-relative[data-v-642f4bfe] .ant-table-footer .agg-footer {
  max-width: 95%;
}
.layout-relative[data-v-642f4bfe] .ant-table-container .ant-table-body {
  max-height: 600px!important;
}
.layout-file-content[data-v-642f4bfe] {
  position: relative;
}
.layout-file-content[data-v-642f4bfe] .ant-table-tbody a {
  color: #000000d9;
  cursor: text;
  pointer-events: none;
}
.layout-file-content[data-v-642f4bfe] .cloud-th-resizeable-content .picker-header-wrap.tHeaderWrap {
  display: none;
}
.layout-file-content[data-v-642f4bfe] .biz-meta-link {
  color: #000000d9;
}
.layout-file-content[data-v-642f4bfe] .operation {
  display: none;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.summary-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  font-weight: bold;
  font-size: 12px;
  width: fit-content;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.add-assignee-content-panel .add-assignee-content-header {
  margin-top: 5px;
  padding-left: 12px;
  padding-right: 12px;
  color: #222;
}
.add-assignee-content-panel .add-assignee-content-header .ant-input-search {
  margin-top: 5px;
}
.add-assignee-content-panel .add-assignee-content {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 5px 0;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-wrapper {
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-wrapper .select-content {
  width: 100%;
  display: flex;
  align-items: center;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper {
  position: relative;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper:hover {
  background: #F5F5F5;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper:hover .only-select-cur-item {
  visibility: visible;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper .ant-checkbox + span {
  width: 100%;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper .select-item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper .only-select-cur-item {
  margin-left: 32px;
  width: 80px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #1990FF;
  color: #1990FF;
  background: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  visibility: hidden;
}
.add-assignee-content-panel .add-assignee-content .recent-tip {
  padding: 0 12px;
  color: #999;
}
.add-assignee-content-panel .add-assignee-content .recent-devide {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.add-assignee-content-panel .add-assignee-content .recent-devide .recent-devide-line {
  height: 0.5px;
  border-bottom: 1px dashed #D8D8D8;
  width: 100%;
}
.add-assignee-content-panel .add-assignee-content .ant-select-item-option .ant-select-item-option-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
.add-assignee-content-panel .add-assignee-content .ant-select-item-option .ant-select-item-option-content .option-name {
  flex-shrink: 0;
}
.add-assignee-content-panel .add-assignee-content .ant-select-item-option .ant-select-item-option-content .option-right {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  margin-left: 12px;
}
.add-assignee-content-panel .add-assignee-content .ant-select-item-option .ant-select-item-option-content .option-right .option-org {
  max-width: 100%;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  padding: 0 8px;
  border-radius: 2px;
  background-color: #0000000F;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-size: 12px;
}
.add-assignee-content-panel .add-assignee-content .ant-select-item:not(.ant-select-item-option-selected):hover {
  background-color: #f5f5f5;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-fea0a9a8]::before {
  display: table;
  content: '';
}
.clearfix[data-v-fea0a9a8]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-fea0a9a8] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-fea0a9a8] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-fea0a9a8] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-fea0a9a8]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-fea0a9a8] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-fea0a9a8]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-fea0a9a8] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.btns-section > span[data-v-fea0a9a8] {
  color: #222222;
  line-height: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.btns-section > span[data-v-fea0a9a8]:last-child {
  margin-right: unset;
}
.btns-section > span i[data-v-fea0a9a8] {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-07e5a165]::before {
  display: table;
  content: '';
}
.clearfix[data-v-07e5a165]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-07e5a165] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-07e5a165] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-07e5a165] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-07e5a165]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-07e5a165] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-07e5a165]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-07e5a165] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.common-header[data-v-07e5a165] {
  height: 50px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .item[data-v-07e5a165] {
  align-items: center;
}
.btns-section > span[data-v-07e5a165] {
  color: #222222;
  line-height: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.btns-section > span[data-v-07e5a165]:last-child {
  margin-right: unset;
}
.btns-section > span i[data-v-07e5a165] {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.show-all-follower[data-v-07e5a165],
.pack-up[data-v-07e5a165] {
  position: relative;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.layout-file .file-table-list {
  margin-bottom: 10px;
}
.layout-file .file-table-list .ant-table-middle {
  height: 100%;
}
.layout-file .file-table-list .ant-table-middle .ant-table-container {
  height: 100%;
}
.layout-file .file-table-list .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th {
  padding: 0 8px;
}
.layout-file .file-table-list .ant-table-row > td,
.layout-file .file-table-list .ant-table-row > td > div {
  height: 36px;
}
.layout-file .file-tree {
  padding-bottom: 40px;
}
.layout-file .file-tree .file-tree-top {
  display: flex;
  justify-content: space-between;
  background: #fafafa;
  height: 32px;
  align-items: center;
}
.layout-file .file-tree .file-tree-top .file-tree-pack {
  overflow: hidden;
  display: flex;
  align-items: center;
  line-height: 32px;
  height: 32px;
}
.layout-file .file-tree .file-tree-top .file-tree-pack .pack-button {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.layout-file .file-tree .file-tree-top .file-tree-pack .pack-button .old-file-url {
  font-size: 12px;
  color: #1890ff;
  display: flex;
  align-items: center;
  margin-right: 10px;
  flex: 1 1;
  max-width: calc(100% - 74px);
}
.layout-file .file-tree .file-tree-top .file-tree-pack .pack-button .file-packing {
  opacity: 0.5;
  font-size: 12px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  color: #666;
}
.layout-file .file-tree .file-tree-top .file-tree-pack .ant-btn {
  color: #1890ff;
  border-color: #1890ff;
  height: 30px;
  font-size: 12px;
  min-width: 64px;
}
.layout-file .file-tree .file-tree-name {
  height: 32px;
  line-height: 32px;
  color: #666666;
  font-size: 14px;
  background: #fafafa;
  padding-left: 8px;
  min-width: 96px;
}
.layout-file .ope {
  display: flex;
  align-items: center;
  line-height: 50px;
  height: 50px;
}
.layout-file .ope .pack-button {
  display: flex;
  align-items: center;
  margin-right: 10px;
  max-width: 88%;
}
.layout-file .ope .old-file-url {
  font-size: 12px;
  color: #1890ff;
  display: flex;
  align-items: center;
  margin-right: 10px;
  max-width: 72%;
}
.layout-file .ope .pack-start,
.layout-file .ope .pack-update,
.layout-file .ope .add-file {
  border: 1px solid #1890ff;
  color: #1890ff;
  border-radius: 2px;
  height: 24px;
  font-size: 12px;
}
.layout-file .ope .ant-btn[disabled] {
  color: #d5d6da;
  background: none;
  border: 1px solid #d5d6da;
}
.layout-file .ope .add-file {
  width: 24px;
  padding: 0;
}
.layout-file .ope .file-packing {
  opacity: 0.5;
  font-size: 12px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  color: #666;
}
.layout-file .batch-btn-wrap {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  transition: all 0.2s;
  line-height: 44px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
          user-select: none;
}
.layout-file .batch-btn-wrap .info-warning {
  padding-left: 20px;
  height: 44px;
  background-color: #e9eff5;
  box-shadow: 0px 1px 0px 0px rgba(188, 188, 188, 0.5);
  display: none;
}
.layout-file .batch-btn-wrap .count {
  cursor: pointer;
}
.layout-file .batch-btn-wrap .count .anticon-info-circle {
  color: #1890ff;
  margin-right: 7px;
}
.layout-file .batch-btn-wrap .count .count-num {
  color: #1890ff;
  margin: 0 5px;
}
.layout-file .batch-btn-wrap .batch-btn {
  display: inline-block;
  padding: 0 15px;
  line-height: 14px;
  position: relative;
  cursor: pointer;
  color: #1890ff;
}
.layout-file .batch-btn-wrap .batch-btn:last-child {
  border: none;
}
.layout-file .batch-btn-wrap .batch-btn:last-child:after {
  display: none;
}
.layout-file .batch-btn-wrap .batch-btn:after {
  content: '';
  width: 1px;
  position: absolute;
  right: 0;
  top: 2px;
  bottom: 2px;
  background: #d5d6d7;
}
.layout-file .batch-btn-wrap .batch-btn .heicon {
  font-size: 13px;
  margin-right: 8px;
}
.layout-file .showBatch.batch-btn-wrap {
  top: -44px;
}
.layout-file .showBatch.batch-btn-wrap .info-warning {
  display: block;
  overflow: auto;
  white-space: nowrap;
}
.layout-file .ant-table-cell.isHide .thead-inner .titleColumn {
  width: 100%;
  text-align: center;
}
.layout-file .thead-inner .tHeaderWrap .lock-wrap {
  display: none;
}
.layout-file .thead-inner .titleColumn {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  display: block;
}
.layout-file .thead-inner .filter-entry {
  display: inline-block;
  width: 20px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 5px;
}
.layout-file .thead-inner .tHeaderWrap.hasSet + .titleColumn {
  color: #1890ff;
  border-radius: 4px;
}
.layout-file .icon-e6e6 {
  cursor: pointer;
  border-radius: 4px;
  font-size: 16px;
}
.layout-file .icon-e6e6:hover,
.layout-file .icon-e6e6:active {
  color: #1890ff;
}
.layout-file .ant-dropdown-menu-item {
  padding: 8px 20px;
}
.layout-file .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
  background: #eff7ff;
  color: #1890ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.week {
  height: 100%;
  overflow: auto;
  padding: 10px;
  display: flex;
}
.week::-webkit-scrollbar {
  display: none;
}
.week .day-ctn {
  width: 14.2%;
  flex: 1 1;
  margin-right: 6px;
  max-width: 250px;
}
.week .day-ctn:last-child {
  margin-right: 0;
}
.week .day-ctn > h3 {
  box-sizing: content-box;
  font-size: 15px;
  color: #181d20;
  padding: 4px 0 10px 4px;
  border-bottom: 3px solid #b9bbbc;
}
.week .day-ctn > h3 .newAgenda-button-group {
  margin-left: 10px;
}
.week .day-ctn > h3 .agenda-add-icon {
  color: #888;
  cursor: pointer;
}
.week .day-ctn > h3 .agenda-add-icon:hover {
  opacity: 0.7;
}
.week .day-ctn > h3.today .agenda-add-icon {
  color: var(--theme, #fc3b39);
}
.week .time-line-card {
  height: 40px;
  width: 100%;
  background-color: #f8f8f8;
  margin: 6px 0;
  padding: 5px 8px;
  cursor: pointer;
  font-size: 13px;
  color: #888888;
  -webkit-font-smoothing: antialiased;
}
.week .active {
  margin: 5px 0;
}
.week .active .slice {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.week .active .slice:hover:after {
  height: 30px;
}
.week .week-list-card {
  font-size: 12px;
  line-height: 20px;
  height: 100%;
  width: 100%;
  background-color: #fff;
  margin: 6px 0;
  padding: 5px 8px;
}
.week .week-list-card > h3 {
  font-size: 15px;
  height: 28px;
  line-height: 28px;
  margin-bottom: 8px;
  color: #111;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.week .week-list-card > div {
  cursor: pointer;
}
.week .week-list-card > div:hover {
  background: rgba(255, 255, 255, 0.4);
}
.week .week-list-card .card-type {
  display: flex;
  align-items: center;
}
.week .week-list-card .card-type .card-icon {
  color: #fff;
  padding: 0 3px;
  height: 15px;
  display: inline-block;
  line-height: 16px;
  border-radius: 2px;
  max-width: 64px;
  width: auto;
}
.week .week-list-card .card-type span:nth-of-type(2) {
  color: #5b5d5f;
  font-size: 12px;
  margin-left: 8px;
  -webkit-font-smoothing: antialiased;
}
.week .week-list-card .card-emp {
  color: #5b5d5f;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  height: 20px;
  line-height: 20px;
  margin-top: 6px;
  position: relative;
  display: flex;
}
.week .week-list-card .card-emp > span {
  flex: 1 1;
  width: 0;
}
.week .week-list-card .card-emp i {
  font-size: 20px;
  font-weight: bold;
  color: #747779;
}
.week .week-list-card .card-title {
  cursor: pointer;
}
.week .card-del {
  color: #cccccc;
}
.ant-popover-inner-content .week-list-card {
  width: 400px;
  font-size: 12px;
  line-height: 24px;
  height: 100%;
  background-color: #fff;
  margin: 5px 0;
  padding: 5px;
}
.ant-popover-inner-content .week-list-card .card-type {
  overflow: hidden;
}
.ant-popover-inner-content .week-list-card .card-type span:nth-of-type(1) {
  float: left;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-inner-content .week-list-card .card-type span:nth-of-type(2) {
  float: right;
  font-weight: bold;
}
.ant-popover-inner-content .week-list-card .card-type .card-icon {
  height: 8px;
  display: inline-block;
  width: 8px;
  border-radius: 50%;
  margin-right: 4px;
}
.ant-popover-inner-content .week-list-card .card-line {
  position: relative;
  padding: 4px 0 4px 0;
}
.ant-popover-inner-content .week-list-card .card-line:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #756f6f;
  transform: scaleY(0.5);
}
.ant-popover-inner-content .week-list-card .card-emp {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.65);
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-cfe17997]::before {
  display: table;
  content: '';
}
.clearfix[data-v-cfe17997]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-cfe17997] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-cfe17997] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-cfe17997] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-cfe17997]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-cfe17997] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-cfe17997]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-cfe17997] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.newAgenda-button-list[data-v-cfe17997] .ant-dropdown-menu-item {
  padding: 8px 12px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.newAgenda-button-list[data-v-cfe17997] .ant-dropdown-menu-item i {
  font-size: 18px;
  color: #999;
  display: inline-block;
  width: 24px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 3px;
  margin-right: 14px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.designer-item-ele {
  margin-bottom: 10px;
  background: #fff;
}
.designer-item-ele:hover {
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
}
.designer-item-ele:hover h3 {
  color: #1890ff;
}
.designer-item-ele:hover h3.undo-title > .undo-label {
  color: #1890ff;
}
.designer-item-ele .report-no-data {
  border: 1px dashed #e4e4e4;
  border-radius: 4px;
}
.designer-item-announce {
  padding: 15px 20px 0px 20px;
}
.designer-item-announce .none-announcement {
  height: 150px;
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center 0;
  line-height: 260px;
  margin-top: 15px;
  color: #999999;
  font-size: 12px;
  text-align: center;
}
.designer-item-announce h3 {
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  position: relative;
  cursor: pointer;
}
.designer-item-announce h3:hover {
  color: #1890ff;
}
.designer-item-announce h3 span.see-more {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  height: 20px;
  line-height: 20px;
}
.designer-item-announce h3 span.see-more:hover {
  color: #1890ff;
}
.designer-item-announce .announce-list {
  margin-top: 10px;
}
.designer-item-announce.big .announce-list-item {
  height: 66px;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
}
.designer-item-announce.big .item-introduce {
  border-bottom: 1px solid #e8e8e8;
  height: 66px;
  width: 0;
  flex: 1 1;
  margin-right: 15px;
  -webkit-font-smoothing: antialiased;
}
.designer-item-announce.big .item-introduce p.announce-item-name {
  height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  line-height: 22px;
  margin-top: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.designer-item-announce.big .item-introduce p.announce-item-time {
  height: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 22px;
  text-indent: 9px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.designer-item-announce.big .item-pic {
  height: 60px;
  width: 156px;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ebf7ff;
}
.designer-item-announce.small .announce-list-item {
  cursor: pointer;
}
.designer-item-announce.small .announce-list-item.first {
  height: 0;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 36%;
}
.designer-item-announce.small .announce-list-item.first .announce-item-name {
  position: absolute;
  height: 32px;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  line-height: 32px;
  font-size: 14px;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  font-size: 16px;
}
.designer-item-announce.small .announce-list-item.normal {
  display: flex;
  height: 66px;
  align-items: flex-end;
}
.designer-item-announce.small .announce-list-item.normal .announce-item-name {
  flex: 1 1;
  border-bottom: 1px solid #e8e8e8;
  height: 66px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  -webkit-font-smoothing: antialiased;
  padding: 11px 0;
}
.designer-item-announce.small .announce-list-item.normal .announce-item-name p {
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.designer-item-announce.small .announce-list-item.normal .item-pic {
  height: 60px;
  width: 60px;
  border-radius: 4px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.designer-item-announce.small .see-more {
  line-height: 12px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #999999;
  margin-top: 20px;
}
.designer-item-announce.small .see-more:hover {
  color: #1890ff;
}
.home-page-content .page-top .designer-item-undo,
.home-page-content .page-bottom .designer-item-undo {
  padding: 15px 20px 10px 20px;
}
.home-page-content .page-top .designer-item-calendar,
.home-page-content .page-bottom .designer-item-calendar {
  padding: 15px 20px 10px 20px;
}
.designer-item-ele .designer-item-undo,
.grid-item .designer-item-undo {
  padding: 15px 20px 10px 20px;
}
.designer-item-ele .designer-item-undo h3.undo-title,
.grid-item .designer-item-undo h3.undo-title {
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
.designer-item-ele .designer-item-undo h3.undo-title .undo-label,
.grid-item .designer-item-undo h3.undo-title .undo-label {
  color: #222222;
}
.designer-item-ele .designer-item-undo h3.undo-title .undo-label:hover,
.grid-item .designer-item-undo h3.undo-title .undo-label:hover {
  color: #1890ff;
}
.designer-item-ele .designer-item-undo h3.undo-title .grid-right-jump,
.grid-item .designer-item-undo h3.undo-title .grid-right-jump {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 999;
  visibility: hidden;
  cursor: pointer;
  color: #2098f7;
  font-size: 13px;
}
.designer-item-ele .designer-item-undo h3.undo-title span.see-more,
.grid-item .designer-item-undo h3.undo-title span.see-more {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  height: 20px;
  line-height: 20px;
}
.designer-item-ele .designer-item-undo h3.undo-title span.see-more:hover,
.grid-item .designer-item-undo h3.undo-title span.see-more:hover {
  color: #1890ff;
}
.designer-item-ele .designer-item-undo:hover h3.undo-title .grid-right-jump,
.grid-item .designer-item-undo:hover h3.undo-title .grid-right-jump {
  visibility: visible;
}
.designer-item-ele .designer-item-undo .none-undo,
.grid-item .designer-item-undo .none-undo {
  height: 150px;
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center 0;
  line-height: 260px;
  margin-top: 15px;
  color: #999999;
  font-size: 12px;
  text-align: center;
}
.designer-item-ele .designer-item-undo div.see-more.big,
.grid-item .designer-item-undo div.see-more.big {
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #999999;
  margin-top: 10px;
}
.designer-item-ele .designer-item-undo div.see-more.big:hover,
.grid-item .designer-item-undo div.see-more.big:hover {
  color: #1890ff;
}
.designer-item-ele .designer-item-undo .undo-list,
.grid-item .designer-item-undo .undo-list {
  margin-top: 15px;
}
.designer-item-ele .designer-item-undo .undo-list.big,
.grid-item .designer-item-undo .undo-list.big {
  min-height: 150px;
}
.designer-item-ele .designer-item-undo .undo-list.big .undo-tr,
.grid-item .designer-item-undo .undo-list.big .undo-tr {
  display: flex;
  border-bottom: 1px solid #e6e8ea;
  height: 35px;
  line-height: 34px;
  background: #fff;
  cursor: pointer;
}
.designer-item-ele .designer-item-undo .undo-list.big .undo-tr:hover,
.grid-item .designer-item-undo .undo-list.big .undo-tr:hover {
  background: #fbfbfb;
}
.designer-item-ele .designer-item-undo .undo-list.big .undo-tr:hover .undo-td,
.grid-item .designer-item-undo .undo-list.big .undo-tr:hover .undo-td {
  color: #1890ff;
}
.designer-item-ele .designer-item-undo .undo-list.big .undo-td,
.grid-item .designer-item-undo .undo-list.big .undo-td {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #222222;
  padding: 0 20px;
}
.designer-item-ele .designer-item-undo .undo-list.big .header.undo-tr,
.grid-item .designer-item-undo .undo-list.big .header.undo-tr {
  background: #f0f2f5;
  height: 33px;
  line-height: 32px;
  margin: 0;
}
.designer-item-ele .designer-item-undo .undo-list.big .header.undo-tr .undo-td,
.grid-item .designer-item-undo .undo-list.big .header.undo-tr .undo-td {
  color: #676d79;
  font-weight: bold;
}
.designer-item-ele .designer-item-undo .undo-list.small,
.grid-item .designer-item-undo .undo-list.small {
  min-height: 120px;
  border-top: 1px solid #e6e8ea;
}
.designer-item-ele .designer-item-undo .undo-list.small .undo-item,
.grid-item .designer-item-undo .undo-list.small .undo-item {
  border-bottom: 1px solid #e6e8ea;
  cursor: pointer;
}
.designer-item-ele .designer-item-undo .undo-list.small .undo-item > p,
.grid-item .designer-item-undo .undo-list.small .undo-item > p,
.designer-item-ele .designer-item-undo .undo-list.small .undo-item > p span,
.grid-item .designer-item-undo .undo-list.small .undo-item > p span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.designer-item-ele .designer-item-undo .undo-list.small .undo-item .undo-item-name,
.grid-item .designer-item-undo .undo-list.small .undo-item .undo-item-name {
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  margin: 6px 0 4px 0 !important;
}
.designer-item-ele .designer-item-undo .undo-list.small .undo-item .undo-item-name .undo-label,
.grid-item .designer-item-undo .undo-list.small .undo-item .undo-item-name .undo-label {
  width: 0;
  flex: 1 1;
  padding-right: 12px;
}
.designer-item-ele .designer-item-undo .undo-list.small .undo-item .undo-item-name .undo-item-type,
.grid-item .designer-item-undo .undo-list.small .undo-item .undo-item-name .undo-item-type {
  max-width: 120px;
  padding-left: 12px;
  position: relative;
  font-size: 12px;
}
.designer-item-ele .designer-item-undo .undo-list.small .undo-item .undo-item-name .undo-item-type i,
.grid-item .designer-item-undo .undo-list.small .undo-item .undo-item-name .undo-item-type i {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  left: 0;
  top: 6px;
}
.designer-item-ele .designer-item-undo .undo-list.small .undo-item .undo-item-content,
.grid-item .designer-item-undo .undo-list.small .undo-item .undo-item-content {
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 17px;
}
.designer-item-ele .designer-item-undo .undo-list.small .undo-item .undo-item-time,
.grid-item .designer-item-undo .undo-list.small .undo-item .undo-item-time {
  height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
  margin: 4px 0 4px 0 !important;
}
.designer-window-config {
  display: flex;
  align-items: center;
}
.designer-window-config .ant-transfer {
  flex: 1 1;
}
.designer-window-config .ant-transfer .ant-transfer-list {
  width: 300px;
  height: 400px;
}
.designer-window-config .sortImportColumn {
  width: 32px;
}
.designer-item-window {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 10px 10px 10px;
}
.designer-item-window .empty {
  width: 100%;
  height: 70px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 20px;
  text-align: center;
  line-height: 60px;
}
.designer-item-window .item-window-item {
  width: 25%;
  margin-bottom: 10px;
}
.designer-item-window .item-window-item .window-item-icon {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin: 0 auto;
  font-size: 23px;
}
.designer-item-window .item-window-item .window-item-name {
  width: 60px;
  font-size: 12px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
  color: #222;
  height: 24px;
  line-height: 24px;
  margin-top: 5px;
}
.designer-item-calendar {
  background: #fff;
}
.designer-item-calendar .none-calendar {
  height: 150px;
  background-image: url(../../static/media/report_noData.14104bfadd8af54fe088.png);
  background-repeat: no-repeat;
  background-size: auto 55%;
  background-position: center 0;
  line-height: 170px;
  margin-top: 15px;
  color: #999999;
  font-size: 12px;
  text-align: center;
}
.designer-item-calendar .see-more {
  line-height: 12px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #999999;
  margin-top: 20px;
}
.designer-item-calendar .see-more:hover {
  color: #1890ff;
}
.designer-item-calendar .calendar-title {
  height: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  line-height: 50px;
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding: 0 10px;
}
.designer-item-calendar .calendar-title .calendar-time {
  color: #222222;
  cursor: pointer;
}
.designer-item-calendar .calendar-title .calendar-time:hover {
  color: #1890ff;
}
.designer-item-calendar .calendar-title .calendar-add {
  float: right;
  font-size: 18px;
  color: #aaa;
  cursor: pointer;
}
.designer-item-calendar .calendar-title .calendar-add:hover {
  color: #1890ff;
}
.designer-item-calendar .calendar-date {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 15px;
  padding: 0 15px;
}
.designer-item-calendar .calendar-date .calendar-date-item {
  text-align: center;
  cursor: pointer;
}
.designer-item-calendar .calendar-date .week-title {
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #999999;
  font-size: 12px;
}
.designer-item-calendar .calendar-date .week-title.is-today {
  color: #ff4f4b;
}
.designer-item-calendar .calendar-date .day-title {
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  color: #222222;
  font-size: 12px;
}
.designer-item-calendar .calendar-date .day-title.is-today {
  color: #ff4f4b;
}
.designer-item-calendar .calendar-date .day-title.num {
  position: relative;
}
.designer-item-calendar .calendar-date .day-title.num::after {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #ff4f4b;
  content: '';
  border-radius: 3px;
  bottom: 1px;
  left: 12px;
}
.designer-item-calendar .calendar-date .day-title.current {
  background: #ff4f4b;
  color: #fff;
}
.designer-item-calendar .calendar-date .day-title.current::after {
  display: none;
}
.designer-item-calendar .calendar-list {
  min-height: 80px;
  position: relative;
  margin-top: 20px;
}
.designer-item-calendar .calendar-list .home-cal-link {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.designer-item-calendar .calendar-list-item.big {
  margin-bottom: 4px;
  border-radius: 4px;
  background: #f5f7fb;
  height: 28px;
  line-height: 28px;
  display: flex;
  justify-content: space-between;
}
.designer-item-calendar .calendar-list-item.big .calendar-link-btn,
.designer-item-calendar .calendar-list-item.big .biz-link-btn {
  display: flex;
  width: 100%;
  align-items: initial;
}
.designer-item-calendar .calendar-list-item.big .calendar-link-btn .calendar-link-name,
.designer-item-calendar .calendar-list-item.big .biz-link-btn .calendar-link-name,
.designer-item-calendar .calendar-list-item.big .calendar-link-btn .biz-meta-link,
.designer-item-calendar .calendar-list-item.big .biz-link-btn .biz-meta-link {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.designer-item-calendar .calendar-list-item.big .calendar-link-btn .icon-a-360shitu,
.designer-item-calendar .calendar-list-item.big .biz-link-btn .icon-a-360shitu {
  margin-right: -20px;
}
.designer-item-calendar .calendar-list-item.big:last-child {
  margin-bottom: 0;
}
.designer-item-calendar .calendar-list-item.big > div {
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.designer-item-calendar .calendar-list-item.big .item-name {
  flex: 1 1;
  font-size: 14px;
  font-weight: 400;
  color: #181d20;
  max-width: 40%;
  padding: 0 10px 0 26px;
  cursor: pointer;
}
.designer-item-calendar .calendar-list-item.big .item-name > div,
.designer-item-calendar .calendar-list-item.big .item-name a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #181d20;
}
.designer-item-calendar .calendar-list-item.big .item-time,
.designer-item-calendar .calendar-list-item.big .item-relation {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  flex: 1 1;
  max-width: 20%;
  padding: 0 10px;
}
.designer-item-calendar .calendar-list-item.big .item-time {
  max-width: 180px;
}
.designer-item-calendar .calendar-list-item.big .item-relation {
  padding-left: 12px;
  position: relative;
}
.designer-item-calendar .calendar-list-item.big .item-relation i {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  left: 0;
  top: 11px;
}
.designer-item-calendar .calendar-list-item.big .item-owner {
  color: #666666;
  flex: 1 1;
  max-width: 20%;
  text-align: right;
  padding-right: 20px;
}
.designer-item-calendar .calendar-list-item.big .item-owner a {
  color: #666666;
  font-size: 12px;
  font-weight: 400;
}
.designer-item-calendar .calendar-list-item.big .item-participants {
  color: #666666;
  flex: 1 1;
  max-width: 25%;
  padding-right: 10px;
}
.designer-item-calendar .calendar-list-item.big .item-participants a {
  color: #666666;
  font-size: 12px;
  font-weight: 400;
}
.designer-item-calendar .calendar-list-item.big .item-progress {
  width: 32px;
  color: #747779;
  text-align: center;
  height: 28px;
  padding-top: 2px;
}
.designer-item-calendar .calendar-list-item.small {
  border-radius: 4px;
  margin-bottom: 4px;
  background: #f5f7fb;
  display: flex;
  align-items: flex-start;
  padding: 8px 0;
  position: relative;
  justify-content: space-between;
  height: 54px;
}
.designer-item-calendar .calendar-list-item.small .calendar-link-btn,
.designer-item-calendar .calendar-list-item.small .biz-link-btn {
  display: block;
  width: 100%;
}
.designer-item-calendar .calendar-list-item.small .calendar-link-btn .calendar-link-name,
.designer-item-calendar .calendar-list-item.small .biz-link-btn .calendar-link-name,
.designer-item-calendar .calendar-list-item.small .calendar-link-btn .biz-meta-link,
.designer-item-calendar .calendar-list-item.small .biz-link-btn .biz-meta-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.designer-item-calendar .calendar-list-item.small:last-child {
  margin-bottom: 0;
}
.designer-item-calendar .calendar-list-item.small .item-time {
  width: 60px;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  height: 38px;
}
.designer-item-calendar .calendar-list-item.small .item-progress {
  position: absolute;
  right: 10px;
  bottom: 2px;
}
.designer-item-calendar .calendar-list-item.small .item-time.small {
  height: 38px;
}
.designer-item-calendar .calendar-list-item.small .item-time.small > p {
  height: 12px;
  line-height: 12px;
}
.designer-item-calendar .calendar-list-item.small .item-time.small p.space {
  height: 14px;
  line-height: 14px;
}
.designer-item-calendar .calendar-list-item.small .item-time.small p.space::after {
  content: '|';
  font-size: 14px;
  display: block;
  transform: scale(0.6);
}
.designer-item-calendar .calendar-list-item.small .center {
  width: 0;
  flex: 1 1;
  padding-right: 10px;
  height: 38px;
}
.designer-item-calendar .calendar-list-item.small .center .item-name {
  font-size: 14px;
  color: #181d20;
  cursor: pointer;
  height: 20px;
  line-height: 14px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}
.designer-item-calendar .calendar-list-item.small .center .item-name > div,
.designer-item-calendar .calendar-list-item.small .center .item-name a {
  display: block;
  height: 20px;
  line-height: 14px;
  overflow: hidden;
  color: #181d20;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.designer-item-calendar .calendar-list-item.small .center .item-owner {
  height: 18px;
  line-height: 20px;
  font-size: 12px;
  color: #666;
}
.designer-item-calendar .calendar-list-item.small .center .item-owner a {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
.designer-item-calendar .calendar-list-item.small .center .item-participants {
  height: 18px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.designer-item-calendar .calendar-list-item.small .center .item-participants a {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
.designer-item-calendar .calendar-list-item.small .item-relation {
  font-size: 12px;
  font-weight: 400;
  padding-right: 10px;
  max-width: 120px;
  padding-left: 12px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
}
.designer-item-calendar .calendar-list-item.small .item-relation i {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  left: 0;
  top: 6px;
}
.designer-item-calendar.very-big {
  padding: 15px 50px 100px 50px;
}
.designer-item-calendar.very-big .calendar-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px !important;
  height: 50px;
  align-items: center;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 12px;
}
.designer-item-calendar.very-big .calendar-title .calendar-time {
  font-size: 18px;
}
.designer-item-calendar.very-big .calendar-title .calendar-header-date {
  font-size: 15px;
}
.designer-item-calendar.very-big .see-more {
  line-height: 36px;
  font-size: 13px;
  background: #fafafa;
  color: #666;
}
.designer-item-calendar.very-big .see-more:hover {
  background: rgba(52, 144, 255, 0.1);
  color: #3490ff;
}
.designer-none-params {
  height: 180px;
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center 0;
  line-height: 307px;
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 16px;
  text-align: center;
}
.designer-none-params.risk-none {
  height: 100%;
  line-height: 20px;
  font-size: 14px;
  margin-top: 0;
  background-size: auto 90px;
  background-position: center;
}
.designer-none-params.risk-none p {
  position: relative;
  top: 50%;
  padding-top: 35px;
}
.designer-item-table {
  padding: 0 20px;
  position: relative;
  overflow: auto;
  max-height: 700px;
  background: #fff;
  margin-bottom: 10px;
}
.designer-item-table h3.undo-title {
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  -webkit-font-smoothing: antialiased;
  position: relative;
  height: 50px;
  line-height: 50px;
}
.designer-item-table h3.undo-title .undo-label {
  color: #222222;
}
.designer-item-table h3.undo-title .undo-label:hover {
  color: #1890ff;
}
.designer-item-table h3.undo-title .grid-right-jump {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 999;
  visibility: hidden;
  cursor: pointer;
  color: #2098f7;
  font-size: 13px;
}
.designer-item-table h3.undo-title span.see-more {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  height: 20px;
  line-height: 20px;
}
.designer-item-table h3.undo-title span.see-more:hover {
  color: #1890ff;
}
.designer-item-table:hover h3.undo-title .grid-right-jump {
  visibility: visible;
}
.designer-item-table .empty {
  text-align: center;
  font-size: 20px;
  height: 150px;
  color: rgba(0, 0, 0, 0.2);
  line-height: 150px;
}
.designer-item-table .item-table-title {
  position: absolute;
  left: 20px;
  top: 15px;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
}
.designer-item-table .item-table-title:hover {
  color: #1890ff;
}
.designer-item-table.mobile {
  height: auto;
}
.designer-item-table.mobile .mobile-content {
  display: flex;
  width: 100%;
}
.designer-item-table.mobile .mobile-content .mobile-card {
  width: 0;
  flex: 1 1;
  margin-right: 5px;
}
.designer-item-table.mobile .mobile-content .mobile-card:last-child {
  margin-right: 0;
}
.designer-item-table.mobile .mobile-content .mobile-card > p {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  overflow: hidden;
}
.designer-item-table.mobile .mobile-content .mobile-card .count-num {
  font-size: 24px;
  line-height: 42px;
  color: #222;
}
.designer-item-table.mobile .mobile-content .mobile-card .count-label {
  color: #666666;
  font-size: 12px;
  line-height: 24px;
}
.designer-item-table.mobile .mobile-content .designer-none-params {
  height: 132px;
  line-height: 239px;
  width: 100%;
  margin-top: 0;
  color: #999999;
  font-size: 12px;
}
.designer-item-refObject {
  padding: 15px 20px 10px 20px;
}
.designer-item-refObject .none-params {
  height: 180px;
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center 0;
  line-height: 307px;
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 16px;
  text-align: center;
}
.designer-item-refObject .refObject-title {
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.designer-item-refObject .refObject-title .title-text {
  cursor: pointer;
}
.designer-item-refObject .refObject-title .title-text:hover {
  color: #1890ff;
}
.designer-item-refObject .refObject-title .see-more {
  font-size: 20px;
  color: #aaa;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  height: 20px;
  line-height: 20px;
}
.designer-item-refObject .refObject-title .see-more:hover {
  color: #1890ff;
}
.designer-item-refObject .refObject-list {
  overflow: hidden;
  margin-top: 20px;
}
.designer-item-refObject .refObject-list .ant-table {
  min-height: 219px;
}
.designer-item-refObject .refObject-list .ant-table-thead tr {
  background: #f7f8fa !important;
}
.designer-item-refObject .refObject-list .ant-table-thead tr th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #676d79;
  padding: 0 16px !important;
  height: 34px;
  line-height: 34px;
  background: #f0f2f5;
  border-left: 1px solid rgba(230, 231, 235, 0.5);
  border-bottom: none;
}
.designer-item-refObject .refObject-list .ant-table-thead tr th:first-child,
.designer-item-refObject .refObject-list .ant-table-thead tr th:nth-child(2) {
  border-left: none;
}
.designer-item-refObject .refObject-list .ant-table-tbody tr td {
  border-bottom: 1px solid #e8e8e8;
}
.designer-item-refObject .refObject-list .ant-table-tbody tr td,
.designer-item-refObject .refObject-list .ant-table-tbody tr td > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #222;
  line-height: 34px;
  padding: 0 16px !important;
}
.designer-item-refObject .refObject-list .ant-table-tbody tr td > div > a {
  color: #1890ff;
}
.designer-item-refObject .refObject-list .ant-table-tbody tr td.name a {
  white-space: pre;
}
.designer-item-refObject .refObject-list-mobile {
  margin-bottom: 0;
}
.designer-item-refObject .refObject-list-mobile li {
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}
.designer-item-refObject .refObject-list-mobile li h3 {
  font-size: 13px;
  color: #222;
  font-weight: 400;
  margin-top: 4px;
}
.designer-item-refObject .refObject-list-mobile li p {
  line-height: 20px;
  margin-top: 5px;
  font-size: 12px;
  color: #666;
}
.designer-item-refObject .refObject-list-mobile li.see-more {
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #999999;
  margin-top: 10px;
  border-bottom: none;
  padding-bottom: 0;
}
.designer-item-refObject .refObject-list-mobile li.see-more:hover {
  color: #1890ff;
}
.designer-item-noadd {
  overflow: auto;
  width: 100%;
  height: 100%;
}
.designer-item-brief {
  padding: 12px 20px 10px 20px;
}
.designer-item-brief .brief-title {
  height: 24px;
  font-size: 14px;
  font-weight: bold;
  color: #222222;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  position: relative;
  cursor: pointer;
}
.designer-item-brief .brief-title:hover {
  color: #1890ff;
}
.designer-item-brief .brief-title .brief-page {
  float: right;
  height: 24px;
  line-height: 24px;
}
.designer-item-brief .brief-title .brief-page .page-cur {
  display: inline-block;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  padding: 0 6px;
}
.designer-item-brief .brief-list {
  margin-top: 10px;
}
.designer-item-brief .brief-list .brief-line {
  display: flex;
  border-bottom: 1px dashed #e6e7eb;
}
.designer-item-brief .brief-list .brief-line:last-child {
  border-bottom: none;
}
.brief-item {
  position: relative;
  min-height: 70px;
  padding: 10px 15px;
}
.brief-item > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.brief-item::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 26px;
  background: #e6e7eb;
  right: 0;
  top: 24px;
}
.brief-item:last-child::after {
  display: none;
}
.brief-item .brief-number {
  width: 100%;
  max-width: 100%;
  width: fit-content;
  color: #222222;
  height: 37px;
  line-height: 37px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, segoe ui, pingfang sc, hiragino sans gb, microsoft yahei, helvetica neue, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
}
.brief-item .brief-label {
  color: #666666;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  font-weight: 400;
  font-family: PingFangSC-Regular, PingFang SC;
}
.designer-item-brief.no-params {
  height: 180px;
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center 0;
  line-height: 265px;
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 16px;
  text-align: center;
}
.add-follower-btn-wrap {
  font-size: 18px;
  color: #999999;
  cursor: pointer;
}
.add-follower-btn-wrap:hover {
  color: #1890ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.capital-plan-detail {
  background: #fff;
  padding: 20px;
  overflow: auto;
  min-height: 300px;
}
.capital-plan-detail .capital-indent-td {
  display: flex;
  align-items: center;
}
.capital-plan-detail .capital-indent-td .expend-icon-show,
.capital-plan-detail .capital-indent-td .expend-icon-hidden {
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-right: 6px;
}
.capital-plan-detail .capital-indent-td .expend-icon-show:hover,
.capital-plan-detail .capital-indent-td .expend-icon-hidden:hover {
  color: #1890ff;
}
.capital-plan-detail .capital-indent-td .expend-icon-hidden {
  visibility: hidden;
  height: 24px;
}
.capital-plan-detail .capital-indent-td .indent-box {
  display: block;
  height: 24px;
}
.capital-plan-detail .capital-indent-td .capital-item-name {
  line-height: 24px;
  flex: 1 1;
  overflow: hidden;
  width: 0;
  text-overflow: ellipsis;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.flow-group-avatars {
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.flow-group-avatars .child-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flow-group-avatars .border-block {
  overflow: hidden;
  width: 28px;
  height: 32px;
  clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 94.64102% 21.33975%, 96.06889% 22.33956%, 97.30146% 23.57212%, 98.30127% 25%, 99.03794% 26.5798%, 99.48909% 28.26352%, 99.64102% 30%, 99.64102% 70%, 99.48909% 71.73648%, 99.03794% 73.4202%, 98.30127% 75%, 97.30146% 76.42788%, 96.06889% 77.66044%, 94.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 5.35898% 78.66025%, 3.93111% 77.66044%, 2.69854% 76.42788%, 1.69873% 75%, 0.96206% 73.4202%, 0.51091% 71.73648%, 0.35898% 70%, 0.35898% 30%, 0.51091% 28.26352%, 0.96206% 26.5798%, 1.69873% 25%, 2.69854% 23.57212%, 3.93111% 22.33956%, 5.35898% 21.33975%);
}
.flow-group-avatars .border-block .group-avatar-content {
  width: 28px;
  max-width: 32px;
  height: 32px;
}
.flow-group-avatars .border-block .group-avatar-content .group-avatar-name {
  font-size: 12px;
  color: white;
  transform: scale(0.83);
}
.flow-group-avatars .border-block .groups-avatars-two {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
}
.flow-group-avatars .border-block .groups-avatars-two .group-avatar-item {
  flex: 1 1;
}
.flow-group-avatars .border-block .groups-avatars-two .group-avatar-item:first-child {
  margin-right: 0.25px;
}
.flow-group-avatars .border-block .groups-avatars-two .group-avatar-item:last-child {
  margin-left: 0.25px;
}
.flow-group-avatars .border-block .groups-avatars-three {
  position: relative;
}
.flow-group-avatars .border-block .groups-avatars-three .group-avatar-item {
  position: absolute;
}
.flow-group-avatars .border-block .groups-avatars-three .group-avatar-item .group-avatar-name {
  transform: scale(0.7);
  min-width: 14px;
  min-height: 15px;
}
.flow-group-avatars .border-block .groups-avatars-three .group-avatar-item:first-child {
  left: 0px;
  top: 0px;
  width: 49.5%;
  height: 75%;
  clip-path: polygon(0% 0%, 99% 0%, 99% 65%, 0% 100%);
}
.flow-group-avatars .border-block .groups-avatars-three .group-avatar-item:first-child .group-avatar-name {
  position: relative;
  left: 1px;
}
.flow-group-avatars .border-block .groups-avatars-three .group-avatar-item:nth-child(2) {
  right: 0px;
  top: 0px;
  width: 49.5%;
  height: 75%;
  clip-path: polygon(1% 0%, 100% 0%, 100% 100%, 1% 65%);
}
.flow-group-avatars .border-block .groups-avatars-three .group-avatar-item:nth-child(2) .group-avatar-name {
  position: relative;
  left: 1px;
}
.flow-group-avatars .border-block .groups-avatars-three .group-avatar-item:nth-child(3) {
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 49%;
  clip-path: polygon(3% 50%, 50% 0%, 97% 50%, 50% 100%);
}
.flow-group-avatars .border-block .groups-avatars-four {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.flow-group-avatars .border-block .groups-avatars-four .group-avatar-name {
  position: relative;
  transform: scale(0.6);
}
.flow-group-avatars .border-block .groups-avatars-four .group-avatar-item {
  width: 49%;
  height: 48%;
}
.flow-group-avatars .border-block .groups-avatars-four .group-avatar-item:first-child .group-avatar-name {
  left: 1px;
  top: 2.5px;
}
.flow-group-avatars .border-block .groups-avatars-four .group-avatar-item:nth-child(2) .group-avatar-name {
  left: -1px;
  top: 2.5px;
}
.flow-group-avatars .border-block .groups-avatars-four .group-avatar-item:nth-child(3) .group-avatar-name {
  left: 1px;
  top: -1px;
}
.flow-group-avatars .border-block .groups-avatars-four .group-avatar-item:nth-child(4) .group-avatar-name {
  left: -1px;
  top: -1px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.flow-comment-item {
  position: relative;
  line-height: 20px;
  padding: 15px 0 0;
  word-break: break-all;
  word-wrap: break-word;
  zoom: 1;
  border-bottom: 1px solid #e8ecee;
}
.flow-comment-item:last-child {
  border-bottom: none;
}
.flow-comment-item .comment-head .user {
  font-family: PingFangSC-Regular;
  margin-left: 10px;
  font-size: 14px;
  color: #222;
}
.flow-comment-item .comment-head .name-comment-tips {
  font-size: 12px;
  color: #999;
  margin-left: 4px;
}
.flow-comment-item .comment-main {
  margin-left: 45px;
  padding: 12px;
  border-radius: 0px 8px 8px 8px;
  background-color: #fafafa;
}
.flow-comment-item .comment-main .comment-content {
  padding: 0 5px 0 0;
  line-height: 22px;
  font-size: 13px;
  font-family: PingFangSC-Regular;
  color: #222;
  text-align: justify;
  white-space: pre-wrap;
}
.flow-comment-item .comment-main .comment-content .ant-typography {
  margin-bottom: 4px;
}
.flow-comment-item .comment-main .comment-content-view360 {
  padding: 0 5px 0 0;
  line-height: 22px;
  font-size: 13px;
  font-family: PingFangSC-Regular;
  color: #222;
  text-align: justify;
  white-space: pre-wrap;
  display: none;
}
.flow-comment-item .comment-main .comment-content-view360 .ant-typography {
  margin-bottom: 4px;
}
.flow-comment-item .bottom {
  display: flex;
  align-items: center;
}
.flow-comment-item .bottom .time {
  font-size: 12px;
  color: #747779;
  vertical-align: bottom;
  line-height: 1;
}
.flow-comment-item .bottom .comment-btn {
  font-family: PingFangSC-Regular;
  -webkit-font-smoothing: antialiased;
  margin-left: 12px;
}
.flow-comment-item .bottom .comment-btn .del {
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 0;
  color: #1890ff;
}
.flow-comment-item .bottom .comment-btn .reply {
  cursor: pointer;
  font-size: 14px;
}
.flow-comment-item-files .comment-image .span-style {
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}
.flow-comment-item-files .comment-image .span-style .text-show {
  width: fit-content;
  max-width: calc(100% - 15px);
  height: 20px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.flow-comment-item-files .comment-image img {
  margin-right: 10px;
  border-radius: 4px;
}
.flow-comment-item-files .comment-image .file {
  margin-top: 6px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.common-wrap.layout-approvalflow {
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.common-wrap.layout-approvalflow .flow-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 44px;
  padding-top: 15px;
  row-gap: 8px;
}
.common-wrap.layout-approvalflow .flow-title .flow-title-left {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  flex-wrap: wrap;
  max-width: 100%;
}
.common-wrap.layout-approvalflow .flow-title .title-word-container,
.common-wrap.layout-approvalflow .flow-title .flow-icon-wrap,
.common-wrap.layout-approvalflow .flow-title .flow-btn {
  flex-shrink: 0;
  line-height: 1;
}
.common-wrap.layout-approvalflow .flow-title #approval-flow-btns.flow-btn .btn-item:first-child {
  margin-left: 0;
}
.common-wrap.layout-approvalflow .flow-title .title-word-container {
  margin-right: 16px;
}
.common-wrap.layout-approvalflow .flow-title .delay-tips {
  color: #fc3b39;
  font-size: 12px;
  margin-left: -16px;
  margin-right: 16px;
}
.common-wrap.layout-approvalflow .flow-title .flow-icon-wrap {
  color: #666666;
  line-height: 14px;
  position: relative;
  top: 1px;
  height: 24px;
  display: flex;
  align-items: center;
  display: inline-flex;
}
.common-wrap.layout-approvalflow .flow-title .flow-header-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  cursor: pointer;
}
.common-wrap.layout-approvalflow .flow-title .flow-header-icon i,
.common-wrap.layout-approvalflow .flow-title .flow-header-icon .approval-portal-icon {
  font-size: 16px;
  line-height: 1;
  color: #515151;
}
.common-wrap.layout-approvalflow .flow-title .flow-header-icon .icon-title {
  height: 16px;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  margin-left: 4px;
  position: relative;
  top: -2px;
}
.common-wrap.layout-approvalflow .flow-title .flow-header-icon .approval-portal-icon {
  font-size: 17px;
  width: 16px;
  max-width: 16px;
  margin-left: 0;
  margin-right: 0;
}
.common-wrap.layout-approvalflow .flow-title .flow-header-icon .approval-portal-icon::before {
  position: relative;
  top: 0;
}
.common-wrap.layout-approvalflow .flow-title .flow-header-icon .approval-portal-icon + .icon-title {
  top: -3px;
}
.common-wrap.layout-approvalflow .flow-title .flow-header-icon.instnum {
  padding: 5px 8px;
  border-radius: 4px;
  background-color: #F6FAFE;
  margin-top: -2px;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  cursor: default;
}
.common-wrap.layout-approvalflow .flow-title .flow-header-icon:hover i,
.common-wrap.layout-approvalflow .flow-title .flow-header-icon:hover .approval-portal-icon,
.common-wrap.layout-approvalflow .flow-title .flow-header-icon:hover .icon-title {
  color: #1890FF;
}
.common-wrap.layout-approvalflow .flow-img {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 12px;
  top: 4px;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component {
  overflow: auto;
  flex-direction: row;
  margin-top: 20px;
  padding: 8px 10px 12px;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main {
  min-width: 100%;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .step-item-top-line {
  border-top: 1px solid #ddd;
  height: 0;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .separator-dashed-line {
  border-top: 1px dashed #ddd;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .line-hidden {
  border-top: none;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .separator-line {
  height: 22px;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .separator-line .step-item-top-line {
  width: 100%;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item {
  flex-shrink: 0;
  position: relative;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top {
  width: 100%;
  height: 22px;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon::after {
  font-family: 'heicon';
  content: '\e7c9';
  color: #dddddd;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon.future::after {
  content: '\e7c9';
  color: #dddddd;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon.rejected::after {
  content: '\e7ca';
  color: #ff595f;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon.withdraw::after {
  content: '\e7d0';
  color: #48c2e7;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon.success::after {
  content: '\e7ce';
  color: #29bd65;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon.reapproval::after {
  content: '\e75b';
  color: #47C2E7;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon.changeNode::after {
  content: '\e834';
  color: #47C2E7;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon.restart::after {
  content: "\e835";
  color: #ff595f;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon.parallel::after {
  content: "\e86c";
  color: #0093FF;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-top .step-icon.current-node::after {
  color: #FFB100;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-content {
  padding: 4px 30px 0;
  max-width: 260px;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-content .step-item-title {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #74787b;
  line-height: 17px;
  text-align: center;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-content .step-item-title .fucus-icon {
  color: #1890FF;
  cursor: pointer;
  padding: 5px;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-content .step-item-title .fucus-icon:hover {
  color: #0E6DC4;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-content .parallel-select {
  color: #0093FF;
  width: 100%;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-content .parallel-select .parallel-selected-area {
  cursor: pointer;
  width: 100%;
  position: relative;
  padding-top: 30px;
  top: -30px;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-content .parallel-select .parallel-selected-area .parallel-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 2px;
  max-width: calc(100% - 14px);
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-content .parallel-select .parallel-selected-area .anticon {
  color: #C8C8CD;
}
.common-wrap.layout-approvalflow .approval-flow-detail-component .flow-components-steps .flow-components-steps-main .flow-components-steps-item .step-item-content .step-item-desc {
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 18px;
  word-break: break-all;
}
.ping-bottom-right-wrap .common-wrap.layout-approvalflow .flow-title .flow-header-icon .icon-title {
  display: none;
}
.approval-flow-detail-container {
  width: 100%;
}
.approval-flow-detail-component-main {
  position: relative;
  min-width: 100%;
}
.parallel-select-menu .ant-dropdown-menu-item:hover {
  font-weight: normal !important;
}
.parallel-select-menu .ant-dropdown-menu-item-selected .ant-dropdown-menu-title-content {
  color: #0093FF;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.approval-node-name-list .approval-node-name-main {
  overflow: hidden;
  word-break: break-all;
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  line-height: 18px;
}
.approval-node-name-list .approval-node-name-main .ant-skeleton {
  margin-top: 8px;
  width: 80px;
}
.approval-node-name-list .approval-node-name-main .ant-skeleton .ant-skeleton-content .ant-skeleton-title {
  width: 100% !important;
}
.approval-node-name-list .approval-node-name-main .ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph {
  margin-top: 8px;
}
.approval-node-name-list .name-more {
  padding: 0;
  line-height: 18px;
  font-size: 13px;
  border: none;
  height: 18px;
}
.approval-node-name-list-show-more .approval-node-name-main {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /* 显示的最大行数 */
}
.approval-node-name-content {
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}
.approval-node-name-content .ext-name {
  color: #666666;
}
.approval-node-name-content .approval-node-name-item {
  position: relative;
}
.approval-node-name-content .approval-node-name-item .approval-node-name-state-img {
  transform: scale(0.7);
  display: inline-block;
  position: relative;
  left: -4px;
  bottom: -2px;
  font-size: 12px;
  border-radius: 50%;
  margin-right: -5px;
}
.approval-node-name-content .approval-node-name-item .icon-tongguo {
  color: #29bd65;
}
.approval-node-name-content .approval-node-name-item .icon-bohui {
  color: #ff595f;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.approval-flow-activity-details {
  position: relative;
  background-color: white;
}
.approval-flow-activity-details .history-item {
  margin-top: 0px;
  padding-bottom: 12px;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 250px;
}
.approval-flow-activity-details .history-item .complete-approval-flow-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.approval-flow-activity-details .history-item .complete-approval-flow-header .flow-title {
  color: #222;
  font-size: 16px;
  line-height: 22px;
  flex: 1 1;
}
.approval-flow-activity-details .history-item .complete-approval-flow-header .flow-title .title-nodetail-word-container {
  font-weight: bolder;
  margin-right: 10px;
}
.approval-flow-activity-details .history-item .complete-approval-flow-header .flow-title .comment-btn {
  margin-left: 2px;
  width: 16px;
  height: 14.5px;
  border: none;
}
.approval-flow-activity-details .history-item .complete-approval-flow-header .flow-title .comment-btn .icon-e690 {
  position: relative;
  top: -2px;
}
.approval-flow-activity-details .history-item .complete-approval-flow-header .flow-title .instNum {
  padding: 5px 8px;
  border-radius: 4px;
  background-color: #F6FAFE;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  cursor: default;
  margin-left: 12px;
}
.approval-flow-activity-details .history-item .complete-approval-flow-header .title-right {
  color: #ff902e;
  font-size: 16px;
  margin-left: 14px;
}
.approval-flow-activity-details .history-item .complete-approval-flow-header .status-text {
  color: #ff902e;
  font-size: 13px;
  margin-left: 2px;
}
.approval-flow-activity-details .activity-seprator-bar {
  height: 10px;
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
  background-color: #f2f6fa;
}
.approval-flow-activity-details .history-item:last-child {
  padding-bottom: 0;
}
.approval-flow-activity-details .time-line {
  box-sizing: border-box;
  line-height: 1.5;
  font-size: 12px;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-stretch;
  overflow: hidden;
}
.approval-flow-activity-details .time-line .item-line-left {
  width: 1px;
  background: #d8d8d8;
  margin-left: 10px;
  z-index: 0;
  margin-top: 2px;
}
.approval-flow-activity-details .time-line .time-line-right {
  width: calc(100% - 26px);
}
.approval-flow-activity-details .time-line .item-line-item {
  margin: 0;
  list-style: none;
}
.approval-flow-activity-details .time-line .item-line-item-tail {
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 1px solid #d8d8d8;
}
.approval-flow-activity-details .time-line .item-line-item-todo {
  border-left: 1px dashed #d8d8d8;
}
.approval-flow-activity-details .time-line .item-line-todo {
  position: absolute;
  width: 1px;
  border-left: 1px dashed #d8d8d8;
  height: calc(100% - 2px);
  left: 10px;
  background: white;
  margin-top: 2px;
}
.approval-flow-activity-details .time-line .item-line-item-none {
  border-left: none;
}
.approval-flow-activity-details .time-line .item-line-item-icon {
  position: absolute;
  left: 4.5px;
  margin-top: 2px;
}
.approval-flow-activity-details .time-line .item-line-item-icon i {
  width: 14px;
  height: 14px;
  display: block;
  background-color: white;
}
.approval-flow-activity-details .time-line .item-line-item-icon i::before {
  position: relative;
  top: -1.5px;
}
.approval-flow-activity-details .time-line .item-line-item-content {
  margin: 0;
  word-break: break-word;
}
.approval-flow-activity-details .time-line .item-line-item-content .item-line-item-content-title {
  color: #222222;
  font-size: 13px;
}
.approval-flow-activity-details .time-line .item-line-item-content .item-line-item-content-title .activity-type {
  margin-left: 4px;
  font-size: 12px;
  color: #999;
}
.approval-flow-activity-details .time-line .item-line-item-content .item-line-item-content-title .activity-result {
  margin-left: 4px;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-node-user-list {
  margin-top: 12px;
  padding-bottom: 8px;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-node-user-list .avatar-group {
  flex-shrink: 0;
  width: 32px;
  position: relative;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-node-user-list .user-name {
  margin-left: 10px;
  font-size: 14px;
  color: #222;
  overflow: hidden;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-node-user-list .user-name div.ant-typography,
.approval-flow-activity-details .time-line .item-line-item-content .activity-node-user-list .user-name .ant-typography p {
  margin-bottom: 0;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-node-user-list .user-name .cc-happen-time {
  display: block;
  color: #666;
}
.approval-flow-activity-details .time-line .item-line-item-content.item-cc-content .activity-node-user-list {
  padding-bottom: 20px;
}
.approval-flow-activity-details .time-line .item-line-item-content.item-cc-content .item-line-item-tail {
  height: calc(100% + 5px);
}
.approval-flow-activity-details .time-line .item-line-item-content .time-icon-info {
  margin-top: 20.5px;
}
.approval-flow-activity-details .time-line .item-line-item-content .time-icon-comment {
  margin-top: 23px;
}
.approval-flow-activity-details .time-line .item-line-item-content .time-icon-lastest {
  height: 1000px;
  background: white;
}
.approval-flow-activity-details .time-line .item-line-item-content .time-icon-cc {
  margin-top: -42px;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-detail {
  padding-bottom: 8px;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-detail .item-line-item-content-detail {
  padding-top: 12px;
  color: #999;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-detail .item-line-item-content-detail .item-portraits {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-detail .item-line-item-content-detail .happen-time {
  color: #666;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-detail .item-line-item-content-detail .assignee-name {
  color: #222;
  font-size: 14px;
  line-height: 20px;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-detail .item-line-item-content-detail .action {
  margin-left: 5px;
  font-size: 12px;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main,
.approval-flow-activity-details .time-line .item-line-item-content .activity-main-cc-list {
  margin-left: 42px;
  padding: 10px 12px 4px;
  border-radius: 0px 8px 8px 8px;
  background-color: #fafafa;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main-cc-list {
  margin-top: 8px;
  margin-bottom: 12px;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main-cc-list .cc-list .cc-title {
  color: #222;
  font-size: 12px;
  margin: 2px 0;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main-cc-list .cc-list .cc-user-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main-cc-list .cc-list .cc-user-list .cc-user-item {
  margin: 0 0 8px 0;
  width: 90px;
  display: flex;
  align-items: center;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main-cc-list .cc-list .cc-user-list .cc-user-item .cc-user-avatar {
  width: 32px;
  height: 32px;
  position: relative;
  display: inline-block;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main-cc-list-none {
  background-color: white;
  padding: 0;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main .content-pinion {
  margin-bottom: 4px;
  width: 100%;
  color: #222;
  font-size: 14px;
  line-height: 20px;
  white-space: pre-wrap;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main .sign {
  display: block;
  margin-top: 2px;
  line-height: 17px;
  color: #1b90ff;
  width: fit-content;
}
.approval-flow-activity-details .time-line .item-line-item-content .activity-main .happen-time {
  margin-top: 2px;
  line-height: 17px;
  color: #666;
}
.approval-flow-activity-details .time-line .common-child-view-img {
  display: inline-block;
  position: relative;
  height: 32px;
  vertical-align: middle;
  font-size: 0;
}
.approval-flow-activity-details .branch-group {
  padding: 6px;
  border-radius: 2px;
}
.approval-flow-activity-details .branch-group .branch-group-title {
  font-size: 14px;
  color: #222;
  line-height: 20px;
}
.approval-flow-activity-details .branch-group .item-line-item-content .activity-main,
.approval-flow-activity-details .branch-group .item-line-item-content .comment-main {
  background-color: transparent;
  padding: 0 8px 4px;
  border-radius: 0;
}
.approval-flow-activity-details .branch-group .item-line-item-content .comment-main {
  padding: 0 6px 8px;
}
.approval-flow-activity-details .branch-group .branch-group {
  margin-left: 0;
}
.approval-flow-activity-details .branch-group + .branch-group {
  margin-top: 12px;
}
.approval-flow-activity-details .branch-group-no-children {
  margin-bottom: 12px;
}
.approval-flow-activity-details .result-img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: -4px;
}
.approval-flow-activity-details .more-history {
  width: 100%;
  height: 25px;
  background-color: white;
}
.approval-flow-activity-details .more-history .action-btn {
  width: 100px;
  cursor: pointer;
  font-size: 12px;
  color: #999;
  line-height: 25px;
  text-align: center;
}
.approval-flow-activity-details .icon-chehui:before {
  color: #48c2e7;
}
.approval-flow-activity-details .icon-pinglunzhuangtai:before {
  color: #ffd259;
}
.approval-flow-activity-details .icon-daishenpi:before {
  color: #FFB100;
}
.approval-flow-activity-details .icon-bohui:before {
  color: #ff595f;
}
.approval-flow-activity-details .icon-pinglun:before {
  color: #666666;
}
.approval-flow-activity-details .icon-jiaqianzhuanqian:before {
  color: #0093ff;
}
.approval-flow-activity-details .icon-tongguo:before {
  color: #29bd65;
}
.approval-flow-activity-details .icon-chongshen:before {
  color: #47C2E7;
}
.approval-flow-activity-details .icon-tiaozhengjiedian:before {
  color: #47C2E7;
}
.approval-flow-activity-details .icon-zhongqi:before {
  color: #ff595f;
}
.view360-modal .approval-flow-activity-details .time-line {
  padding: unset;
}
.view360-modal .approval-flow-activity-details .time-line .item-line-item-content .activity-detail .item-line-item-content-detail .action {
  margin-left: 4px;
}
.view360-modal .result-img {
  top: 10px;
}
.approval-hisotry-modal .approval-flow-activity-details .history-item .complete-approval-flow-header .flow-title .comment-btn .icon-e690 {
  top: 1px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.approval-portal-icon::before {
  position: relative;
  top: 3px;
}
.portal-icon {
  color: #666;
  overflow: hidden;
}
.portal-icon:hover {
  color: #1890ff;
}
.menu-loading {
  width: 100px;
  text-align: center;
  font-size: 18px;
  color: #666;
}
.portal-menu .ant-dropdown-menu {
  padding: 8px 0;
}
.portal-menu .ant-dropdown-menu .ant-dropdown-menu-item {
  font-size: 14px;
  color: #222;
  padding: 5px 16px;
}
.portal-tool-tips .ant-tooltip-inner {
  padding: 5px 8px;
}
.portal {
  cursor: pointer;
  position: relative;
}
.portal-content {
  position: relative;
}
.portal-content .portal-content-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -11px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.cloud-resize-table-new:has(.ant-table-placeholder):has(.ant-table-summary) .ant-table-placeholder,
.report-detail .cloud-resize-table-new:has(.ant-table-placeholder):has(.ant-table-summary) .ant-table-placeholder {
  display: none;
}
.cloud-resize-table-new .sum-item,
.report-detail .cloud-resize-table-new .sum-item {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  line-height: 16px;
}
.cloud-resize-table-new .sum-item .sum-label,
.report-detail .cloud-resize-table-new .sum-item .sum-label {
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  margin-right: 2px;
}
.cloud-resize-table-new .sum-item .sum-value,
.report-detail .cloud-resize-table-new .sum-item .sum-value {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #222;
}
.cloud-resize-table-new .sum-item.sum-left,
.report-detail .cloud-resize-table-new .sum-item.sum-left {
  justify-content: flex-start;
}
.cloud-resize-table-new .agg-row,
.report-detail .cloud-resize-table-new .agg-row {
  font-weight: bolder;
}
.cloud-resize-table-new .summary-total,
.report-detail .cloud-resize-table-new .summary-total {
  font-weight: normal;
}
.cloud-resize-table-new .number-selected,
.report-detail .cloud-resize-table-new .number-selected {
  position: relative;
}
.cloud-resize-table-new .number-selected td:first-child,
.report-detail .cloud-resize-table-new .number-selected td:first-child {
  border-left: 2px solid #FF5C02;
}
.cloud-resize-table-new .number-selected::after,
.report-detail .cloud-resize-table-new .number-selected::after {
  position: absolute;
  content: '';
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  outline: 2px solid #FF5C02;
  z-index: 6;
  cursor: pointer;
}
.cloud-resize-table-new td.ant-table-column-sort,
.report-detail .cloud-resize-table-new td.ant-table-column-sort {
  background: #fff;
}
.cloud-resize-table-new tr.hecom-table-collapsed-hide-row,
.report-detail .cloud-resize-table-new tr.hecom-table-collapsed-hide-row {
  display: none;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_5081C2_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_5081C2_3 {
  background-color: #B6CAE4;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_5081C2_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_5081C2_2 {
  background-color: #C6D5E8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_5081C2_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_5081C2_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_5081C2.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_5081C2.th_color {
  background-color: #D8E2EF;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_30A4E5_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_30A4E5_3 {
  background-color: #A9D8F2;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_30A4E5_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_30A4E5_2 {
  background-color: #BCDFF3;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_30A4E5_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_30A4E5_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_30A4E5.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_30A4E5.th_color {
  background-color: #D2E9F6;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_02BBBB_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_02BBBB_3 {
  background-color: #9BE1E1;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_02BBBB_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_02BBBB_2 {
  background-color: #B5E8E8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_02BBBB_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_02BBBB_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_02BBBB.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_02BBBB.th_color {
  background-color: #CCEEEE;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_20BB6A_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_20BB6A_3 {
  background-color: #A9E2C4;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_20BB6A_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_20BB6A_2 {
  background-color: #BFE8D3;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_20BB6A_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_20BB6A_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_20BB6A.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_20BB6A.th_color {
  background-color: #D4EFE1;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_D9A800_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_D9A800_3 {
  background-color: #EBD68E;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_D9A800_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_D9A800_2 {
  background-color: #EEDFA9;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_D9A800_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_D9A800_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_D9A800.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_D9A800.th_color {
  background-color: #F3EAC8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_F09200_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_F09200_3 {
  background-color: #F6D096;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_F09200_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_F09200_2 {
  background-color: #F6DAAE;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_F09200_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_F09200_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_F09200.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_F09200.th_color {
  background-color: #F8E5C8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_E86452_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_E86452_3 {
  background-color: #F3BEB7;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_E86452_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_E86452_2 {
  background-color: #F4CCC7;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_E86452_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_E86452_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_E86452.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_E86452.th_color {
  background-color: #F6DCD8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_DD4595_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_DD4595_3 {
  background-color: #EEB2D2;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_DD4595_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_DD4595_2 {
  background-color: #F0C3DB;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_DD4595_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_DD4595_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_DD4595.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_DD4595.th_color {
  background-color: #F4D6E6;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_9568FF_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_9568FF_3 {
  background-color: #D7C9F6;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_9568FF_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_9568FF_2 {
  background-color: #DED4F6;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_9568FF_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_9568FF_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_9568FF.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_9568FF.th_color {
  background-color: #E8E0F8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_727881_3,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_727881_3 {
  background-color: #C4C6CA;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_727881_2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_727881_2 {
  background-color: #D0D2D5;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_727881_1,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bh_727881_1,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_727881.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bf_727881.th_color {
  background-color: #DFE0E2;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_5081C2.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_5081C2.th_color {
  background-color: #D8E2EF;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_30A4E5.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_30A4E5.th_color {
  background-color: #D2E9F6;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_02BBBB.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_02BBBB.th_color {
  background-color: #CCEEEE;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_20BB6A.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_20BB6A.th_color {
  background-color: #D4EFE1;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_D9A800.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_D9A800.th_color {
  background-color: #F3EAC8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_F09200.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_F09200.th_color {
  background-color: #F8E5C8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_E86452.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_E86452.th_color {
  background-color: #F6DCD8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_DD4595.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_DD4595.th_color {
  background-color: #F4D6E6;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_9568FF.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_9568FF.th_color {
  background-color: #E8E0F8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_727881.th_color,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header table .ant-table-thead tr th.bc_727881.th_color {
  background-color: #DFE0E2;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_5081C2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_5081C2,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_5081C2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_5081C2,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_5081C2:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_5081C2:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_5081C2:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_5081C2:not(.bc_has_color) {
  background-color: #EBF3FE;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_5081C2.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_5081C2.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_5081C2.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_5081C2.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_5081C2:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_5081C2:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_5081C2:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_5081C2:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_5081C2.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_5081C2.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_5081C2.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_5081C2.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_5081C2:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_5081C2:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_5081C2:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_5081C2:not(.bc_has_color).total-td {
  background-color: #D8E2EF !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_30A4E5,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_30A4E5,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_30A4E5,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_30A4E5,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_30A4E5:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_30A4E5:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_30A4E5:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_30A4E5:not(.bc_has_color) {
  background-color: #E8F5FC;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_30A4E5.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_30A4E5.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_30A4E5.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_30A4E5.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_30A4E5:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_30A4E5:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_30A4E5:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_30A4E5:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_30A4E5.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_30A4E5.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_30A4E5.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_30A4E5.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_30A4E5:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_30A4E5:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_30A4E5:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_30A4E5:not(.bc_has_color).total-td {
  background-color: #D2E9F6 !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_02BBBB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_02BBBB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_02BBBB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_02BBBB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_02BBBB:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_02BBBB:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_02BBBB:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_02BBBB:not(.bc_has_color) {
  background-color: #E5F9F8;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_02BBBB.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_02BBBB.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_02BBBB.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_02BBBB.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_02BBBB:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_02BBBB:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_02BBBB:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_02BBBB:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_02BBBB.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_02BBBB.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_02BBBB.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_02BBBB.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_02BBBB:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_02BBBB:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_02BBBB:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_02BBBB:not(.bc_has_color).total-td {
  background-color: #CCEEEE !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_20BB6A,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_20BB6A,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_20BB6A,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_20BB6A,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_20BB6A:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_20BB6A:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_20BB6A:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_20BB6A:not(.bc_has_color) {
  background-color: #E8F7E9;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_20BB6A.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_20BB6A.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_20BB6A.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_20BB6A.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_20BB6A:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_20BB6A:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_20BB6A:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_20BB6A:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_20BB6A.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_20BB6A.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_20BB6A.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_20BB6A.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_20BB6A:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_20BB6A:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_20BB6A:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_20BB6A:not(.bc_has_color).total-td {
  background-color: #D4EFE1 !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_D9A800,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_D9A800,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_D9A800,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_D9A800,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_D9A800:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_D9A800:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_D9A800:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_D9A800:not(.bc_has_color) {
  background-color: #FDF6DB;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_D9A800.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_D9A800.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_D9A800.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_D9A800.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_D9A800:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_D9A800:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_D9A800:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_D9A800:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_D9A800.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_D9A800.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_D9A800.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_D9A800.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_D9A800:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_D9A800:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_D9A800:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_D9A800:not(.bc_has_color).total-td {
  background-color: #F3EAC8 !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_F09200,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_F09200,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_F09200,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_F09200,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_F09200:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_F09200:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_F09200:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_F09200:not(.bc_has_color) {
  background-color: #FEF3E1;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_F09200.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_F09200.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_F09200.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_F09200.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_F09200:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_F09200:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_F09200:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_F09200:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_F09200.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_F09200.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_F09200.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_F09200.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_F09200:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_F09200:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_F09200:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_F09200:not(.bc_has_color).total-td {
  background-color: #F8E5C8 !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_E86452,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_E86452,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_E86452,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_E86452,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_E86452:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_E86452:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_E86452:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_E86452:not(.bc_has_color) {
  background-color: #FDE9E4;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_E86452.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_E86452.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_E86452.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_E86452.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_E86452:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_E86452:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_E86452:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_E86452:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_E86452.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_E86452.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_E86452.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_E86452.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_E86452:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_E86452:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_E86452:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_E86452:not(.bc_has_color).total-td {
  background-color: #F6DCD8 !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_DD4595,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_DD4595,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_DD4595,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_DD4595,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_DD4595:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_DD4595:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_DD4595:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_DD4595:not(.bc_has_color) {
  background-color: #FAEAF2;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_DD4595.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_DD4595.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_DD4595.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_DD4595.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_DD4595:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_DD4595:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_DD4595:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_DD4595:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_DD4595.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_DD4595.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_DD4595.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_DD4595.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_DD4595:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_DD4595:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_DD4595:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_DD4595:not(.bc_has_color).total-td {
  background-color: #F4D6E6 !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_9568FF,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_9568FF,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_9568FF,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_9568FF,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_9568FF:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_9568FF:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_9568FF:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_9568FF:not(.bc_has_color) {
  background-color: #F1ECFC;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_9568FF.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_9568FF.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_9568FF.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_9568FF.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_9568FF:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_9568FF:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_9568FF:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_9568FF:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_9568FF.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_9568FF.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_9568FF.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_9568FF.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_9568FF:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_9568FF:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_9568FF:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_9568FF:not(.bc_has_color).total-td {
  background-color: #E8E0F8 !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_727881,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_727881,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_727881,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_727881,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_727881:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_727881:not(.bc_has_color),
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_727881:not(.bc_has_color),
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_727881:not(.bc_has_color) {
  background-color: #F1F1F1;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_727881.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_727881.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_727881.subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_727881.subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_727881:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_727881:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_727881:not(.bc_has_color).subTotal-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_727881:not(.bc_has_color).subTotal-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_727881.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_727881.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_727881.total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_727881.total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_727881:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_727881:not(.bc_has_color).total-td,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_727881:not(.bc_has_color).total-td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_727881:not(.bc_has_color).total-td {
  background-color: #DFE0E2 !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .tag-td-content,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .tag-td-content,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .tag-td-content,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .tag-td-content {
  display: inline-block;
  padding: 0 6px;
  border-radius: 4px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wD3EEF9 a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wD3EEF9 a,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wD3EEF9 a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wD3EEF9 a,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wCDF3E4 a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wCDF3E4 a,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wCDF3E4 a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wCDF3E4 a,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wFCEBB9 a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wFCEBB9 a,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wFCEBB9 a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wFCEBB9 a,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wF8D0CB a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wF8D0CB a,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wF8D0CB a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wF8D0CB a {
  text-decoration: underline;
  color: inherit;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wD3EEF9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wD3EEF9 {
  background-color: #E8F5FC;
  color: #30A4E5;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wD3EEF9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wD3EEF9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wD3EEF9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wD3EEF9 > * {
  color: #30A4E5;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wCDF3E4,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wCDF3E4 {
  background-color: #E8F7E9;
  color: #20BB6A;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wCDF3E4 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wCDF3E4 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wCDF3E4 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wCDF3E4 > * {
  color: #20BB6A;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wFCEBB9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wFCEBB9 {
  background-color: #FDF6DB;
  color: #D9A800;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wFCEBB9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wFCEBB9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wFCEBB9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wFCEBB9 > * {
  color: #D9A800;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wF8D0CB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wF8D0CB {
  background-color: #FDE9E4;
  color: #E86452;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wF8D0CB > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td .wF8D0CB > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wF8D0CB > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td .wF8D0CB > * {
  color: #E86452;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wD3EEF9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wD3EEF9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wD3EEF9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wD3EEF9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wCDF3E4,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wCDF3E4,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wCDF3E4,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wCDF3E4,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wFCEBB9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wFCEBB9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wFCEBB9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wFCEBB9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wF8D0CB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wF8D0CB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wF8D0CB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wF8D0CB {
  color: #FFF;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wD3EEF9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wD3EEF9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wD3EEF9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wD3EEF9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wD3EEF9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wD3EEF9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wD3EEF9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wD3EEF9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wCDF3E4 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wCDF3E4 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wCDF3E4 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wCDF3E4 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wCDF3E4 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wCDF3E4 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wCDF3E4 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wCDF3E4 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wFCEBB9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wFCEBB9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wFCEBB9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wFCEBB9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wFCEBB9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wFCEBB9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wFCEBB9 > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wFCEBB9 > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wF8D0CB > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wF8D0CB > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wF8D0CB > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wF8D0CB > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wF8D0CB > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wF8D0CB > *,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wF8D0CB > *,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wF8D0CB > * {
  color: #fff;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wD3EEF9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wD3EEF9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wD3EEF9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wD3EEF9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wD3EEF9 {
  background-color: #30A4E5;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wCDF3E4,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wCDF3E4,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wCDF3E4,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wCDF3E4,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wCDF3E4 {
  background-color: #20BB6A;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wFCEBB9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wFCEBB9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wFCEBB9,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wFCEBB9,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wFCEBB9 {
  background-color: #D9A800;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wF8D0CB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wF8D0CB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wF8D0CB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wF8D0CB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wF8D0CB {
  background-color: #E86452;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w5081C2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w5081C2,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w5081C2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w5081C2,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w5081C2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w5081C2,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w5081C2,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w5081C2 {
  background-color: #5081C2 !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w30A4E5,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w30A4E5,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w30A4E5,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w30A4E5,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w30A4E5,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w30A4E5,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w30A4E5,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w30A4E5 {
  background-color: #30A4E5 !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w02BBBB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w02BBBB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w02BBBB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w02BBBB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w02BBBB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w02BBBB,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w02BBBB,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w02BBBB {
  background-color: #02BBBB !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w20BB6A,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w20BB6A,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w20BB6A,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w20BB6A,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w20BB6A,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w20BB6A,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w20BB6A,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w20BB6A {
  background-color: #20BB6A !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wD9A800,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wD9A800,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wD9A800,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wD9A800,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wD9A800,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wD9A800,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wD9A800,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wD9A800 {
  background-color: #D9A800 !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wF09200,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wF09200,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wF09200,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wF09200,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wF09200,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wF09200,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wF09200,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wF09200 {
  background-color: #F09200 !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wE86452,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wE86452,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wE86452,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wE86452,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wE86452,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wE86452,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wE86452,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wE86452 {
  background-color: #E86452 !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wDD4595,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .wDD4595,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wDD4595,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .wDD4595,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wDD4595,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .wDD4595,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wDD4595,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .wDD4595 {
  background-color: #DD4595 !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w9568FF,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w9568FF,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w9568FF,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w9568FF,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w9568FF,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w9568FF,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w9568FF,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w9568FF {
  background-color: #9568FF !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w727881,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bc_has_color .w727881,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w727881,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bc_has_color .w727881,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w727881,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr td.bf_has_color .w727881,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w727881,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr td.bf_has_color .w727881 {
  background-color: #727881 !important;
  color: #fff !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container {
  display: flex;
  width: calc(100% - 15px);
  height: 22px;
  position: absolute;
  overflow: visible;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .left-container,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .left-container,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .left-container,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .left-container,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .right-container,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .right-container,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .right-container,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .right-container {
  height: 100%;
  min-width: 2px;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .left-container div,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .left-container div,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .left-container div,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .left-container div,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .right-container div,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .right-container div,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .right-container div,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .right-container div {
  min-width: 2px;
  height: 100%;
  border-radius: 2px;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .left-container,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .left-container,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .left-container,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .left-container {
  display: flex;
  flex-direction: row-reverse;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .left-container div,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .left-container div,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .left-container div,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .left-container div {
  margin-right: 1px;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .div-with-line,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .div-with-line,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .div-with-line,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .div-with-line {
  position: relative;
  overflow: visible;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .div-with-line::after,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-container .div-with-line::after,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .div-with-line::after,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-container .div-with-line::after {
  content: '';
  position: absolute;
  top: -8px;
  bottom: 0;
  border-left: 1px dashed #000;
  /* 设置左边框为2px的垂直虚线 */
  height: 38px;
  /* 确保高度与div一致 */
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-label,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-label,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-label,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-label {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 6px;
  color: #000;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-label a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-body .ant-table-tbody tr .bar-color-label a,
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-label a,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary tr .bar-color-label a {
  color: #004FFF !important;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-header .ant-table-summary tr td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-header .ant-table-summary tr td {
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  box-shadow: 0 -1px 0 #c5c5c5;
}
.cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary .ant-table-summary tr td,
.report-detail .cloud-resize-table-new .ant-table .ant-table-container .ant-table-summary .ant-table-summary tr td {
  border-top: 1px solid #c5c5c5;
}
.cloud-resize-table-new .td-noWrap,
.report-detail .cloud-resize-table-new .td-noWrap {
  white-space: nowrap !important;
  text-overflow: unset !important;
  overflow: hidden !important;
}
.cloud-resize-table-new tr,
.report-detail .cloud-resize-table-new tr,
.cloud-resize-table-new th,
.report-detail .cloud-resize-table-new th,
.cloud-resize-table-new td,
.report-detail .cloud-resize-table-new td {
  box-sizing: border-box;
  vertical-align: middle;
}
.cloud-resize-table-new tr > *,
.report-detail .cloud-resize-table-new tr > *,
.cloud-resize-table-new th > *,
.report-detail .cloud-resize-table-new th > *,
.cloud-resize-table-new td > *,
.report-detail .cloud-resize-table-new td > *,
.cloud-resize-table-new tr > .hecom-tooltip-ellipsis > *,
.report-detail .cloud-resize-table-new tr > .hecom-tooltip-ellipsis > *,
.cloud-resize-table-new th > .hecom-tooltip-ellipsis > *,
.report-detail .cloud-resize-table-new th > .hecom-tooltip-ellipsis > *,
.cloud-resize-table-new td > .hecom-tooltip-ellipsis > *,
.report-detail .cloud-resize-table-new td > .hecom-tooltip-ellipsis > * {
  margin: 0;
  vertical-align: middle;
}
.cloud-resize-table-new .ant-spin-container > .ant-table > .ant-table-container,
.report-detail .cloud-resize-table-new .ant-spin-container > .ant-table > .ant-table-container {
  border-left: 1px solid #c5c5c5;
}
.cloud-resize-table-new .ant-spin-container > .ant-table > .ant-table-container table:has(#new-no-data),
.report-detail .cloud-resize-table-new .ant-spin-container > .ant-table > .ant-table-container table:has(#new-no-data),
.cloud-resize-table-new .ant-spin-container > .ant-table > .ant-table-container table:has(.ant-table-placeholder),
.report-detail .cloud-resize-table-new .ant-spin-container > .ant-table > .ant-table-container table:has(.ant-table-placeholder) {
  border-bottom: 1px solid #c5c5c5;
}
.cloud-resize-table-new .ant-table-thead > tr > th,
.report-detail .cloud-resize-table-new .ant-table-thead > tr > th,
.cloud-resize-table-new .ant-table-tbody > tr.ant-table-row > td,
.report-detail .cloud-resize-table-new .ant-table-tbody > tr.ant-table-row > td,
.cloud-resize-table-new .ant-table-summary > tr.ant-table-row > td,
.report-detail .cloud-resize-table-new .ant-table-summary > tr.ant-table-row > td {
  border-bottom: 1px solid #c5c5c5;
  box-shadow: 0 -1px 0 #c5c5c5;
}
.cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.report-detail .cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th {
  border-bottom-color: #c5c5c5;
}
.cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.report-detail .cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > tr > td,
.report-detail .cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > tr > td,
.cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td,
.report-detail .cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td,
.cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > tr.ant-table-placeholder > td,
.report-detail .cloud-resize-table-new .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > tr.ant-table-placeholder > td {
  border-right: 1px solid #c5c5c5;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table {
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead tr:first-child th,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead tr:first-child th {
  border-top: 1px solid #c5c5c5;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead .ant-table-cell-scrollbar,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead .ant-table-cell-scrollbar {
  opacity: 0;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th {
  background: #EAF2FA;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level5,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level5 {
  background: #adc0d1;
  border-bottom: 1px solid #9bb0c3;
  border-right: 1px solid #9bb0c3;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level4,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level4 {
  background: #bdcddb;
  border-bottom: 1px solid #acbdcc;
  border-right: 1px solid #acbdcc;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level3,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level3 {
  background: #BDCDDB;
  border-bottom: 1px solid #c3d1de;
  border-right: 1px solid #c2d1de;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level2,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level2 {
  background: #CFDBE6;
  border-bottom: 1px solid #d0dbe7;
  /*border-right: 1px solid #d0dbe7;*/
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level1,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-level1 {
  background: #EAF2FA;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  box-shadow: 0 -1px 0 #c5c5c5;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-orange-level2,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-orange-level2 {
  background: rgba(250, 136, 20, 0.21);
  border-bottom: 1px solid rgba(250, 136, 20, 0.21);
  border-right: 1px solid rgba(250, 136, 20, 0.21);
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-orange-level1,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-header > table .ant-table-thead th.table-th-orange-level1 {
  background: rgba(250, 136, 20, 0.14);
  border-bottom: 1px solid rgba(250, 136, 20, 0.14);
  border-right: 1px solid rgba(250, 136, 20, 0.14);
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .cloud-virtual-table > table > .ant-table-tbody > tr > td,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .cloud-virtual-table > table > .ant-table-tbody > tr > td,
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-summary .ant-table-summary > tr > td,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-summary .ant-table-summary > tr > td {
  border-right: 1px solid #c5c5c5;
  border-bottom-color: #c5c5c5;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-summary > tr > td .sum-item,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-summary > tr > td .sum-item {
  line-height: 20px;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-body .table-fix-level1,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-body .table-fix-level1,
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-summary .table-fix-level1,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-summary .table-fix-level1 {
  background: #f3f6fa !important;
  border-right: 1px solid #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
  box-shadow: 0 -1px 0 #c5c5c5 !important;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-body .merge-span-0,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-body .merge-span-0,
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-summary .merge-span-0,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-summary .merge-span-0 {
  border-bottom: none !important;
  box-shadow: none!important;
}
.cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-body .table-fix-level1,
.report-detail .cloud-resize-table-new .ant-table-bordered .ant-table-container .ant-table-body .table-fix-level1 {
  border-top: none !important;
}
.cloud-resize-table-new .ant-table-thead tr th.right .thead-inner,
.report-detail .cloud-resize-table-new .ant-table-thead tr th.right .thead-inner {
  justify-content: right;
}
.cloud-resize-table-new .ant-table-thead tr th.right .thead-inner .titleColumn,
.report-detail .cloud-resize-table-new .ant-table-thead tr th.right .thead-inner .titleColumn {
  text-align: right;
  justify-content: right;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner .titleColumn,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .titleColumn {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  display: flex;
  align-items: center;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner .titleColumn > span,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .titleColumn > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner .tHeaderWrap,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .tHeaderWrap {
  float: right;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner .tHeaderWrap.showTHeader + .titleColumn,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .tHeaderWrap.showTHeader + .titleColumn,
.cloud-resize-table-new .ant-table-thead tr .thead-inner .tHeaderWrap.hasSet + .titleColumn,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .tHeaderWrap.hasSet + .titleColumn {
  color: #1890ff;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner .tHeaderWrap .lock-wrap,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .tHeaderWrap .lock-wrap {
  width: 20px;
  text-align: center;
  cursor: pointer;
  right: 24px;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry {
  display: inline-block;
  width: 20px;
  cursor: pointer;
  right: 5px;
  text-align: center;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry.ant-popover-open .caret-down,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry.ant-popover-open .caret-down,
.cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry.ant-popover-open .anticon-caret-down,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry.ant-popover-open .anticon-caret-down {
  visibility: visible;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry .caret-down,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry .caret-down,
.cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry .anticon-caret-down,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry .anticon-caret-down {
  color: #1890ff;
  display: inline-block;
  visibility: hidden;
  transition: transform 0.2s;
}
.cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry .caret-down.up,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry .caret-down.up,
.cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry .anticon-caret-down.up,
.report-detail .cloud-resize-table-new .ant-table-thead tr .thead-inner .filter-entry .anticon-caret-down.up {
  transform: rotate(180deg);
}
.cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset,
.report-detail .cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset {
  display: flex;
  position: relative;
}
.cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .th-title-with-color,
.report-detail .cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .th-title-with-color {
  flex: 1 1;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .th-title-with-color .thead-filter,
.report-detail .cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .th-title-with-color .thead-filter {
  display: flex;
}
.cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .th-title-with-color .thead-filter .thead-inner,
.report-detail .cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .th-title-with-color .thead-filter .thead-inner {
  justify-content: flex-end;
}
.cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .th-title-with-color .has-portal .thead-filter,
.report-detail .cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .th-title-with-color .has-portal .thead-filter {
  flex: 1 1;
  width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .show-color-icon,
.report-detail .cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .show-color-icon {
  display: none;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  background: #D1E5FA;
  height: 20px;
  align-items: center;
  width: 20px;
  justify-content: center;
  border-radius: 4px;
}
.cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .show-color-icon:hover,
.report-detail .cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .show-color-icon:hover {
  color: #1890ff;
}
.cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .visible-status,
.report-detail .cloud-resize-table-new .ant-table-thead tr th .table-th-with-colorset .visible-status {
  display: flex;
  color: #1890ff;
}
.cloud-resize-table-new .ant-table-thead tr th:hover,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover {
  background: #e7f0fa;
}
.cloud-resize-table-new .ant-table-thead tr th:hover .show-color-icon,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .show-color-icon {
  display: flex;
}
.cloud-resize-table-new .ant-table-thead tr th:hover .titleColumn:hover .column-title,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .titleColumn:hover .column-title {
  color: #1890ff;
}
.cloud-resize-table-new .ant-table-thead tr th:hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-down,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-down,
.cloud-resize-table-new .ant-table-thead tr th:hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-up,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-up {
  color: #1890ff;
}
.cloud-resize-table-new .ant-table-thead tr th:hover .tHeaderWrap .lock-wrap,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .tHeaderWrap .lock-wrap {
  opacity: 1;
}
.cloud-resize-table-new .ant-table-thead tr th:hover .tHeaderWrap:hover .icon-e603:hover,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .tHeaderWrap:hover .icon-e603:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.cloud-resize-table-new .ant-table-thead tr th:hover .tHeaderWrap:hover .icon-e6aa:hover,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .tHeaderWrap:hover .icon-e6aa:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.cloud-resize-table-new .ant-table-thead tr th:hover .tHeaderWrap:hover .icon-e627:hover,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .tHeaderWrap:hover .icon-e627:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.cloud-resize-table-new .ant-table-thead tr th:hover .filter-entry .caret-down,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .filter-entry .caret-down,
.cloud-resize-table-new .ant-table-thead tr th:hover .filter-entry .anticon-caret-down,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .filter-entry .anticon-caret-down {
  visibility: visible;
}
.cloud-resize-table-new .ant-table-thead tr th:hover .ant-table-column-sorter,
.report-detail .cloud-resize-table-new .ant-table-thead tr th:hover .ant-table-column-sorter {
  display: inline-block;
}
.cloud-resize-table-new td.col-sn,
.report-detail .cloud-resize-table-new td.col-sn {
  cursor: pointer !important;
  background-color: #f3f6fa !important;
}
.cloud-resize-table-new .ant-table.ant-table-middle .ant-table-thead > tr > th,
.report-detail .cloud-resize-table-new .ant-table.ant-table-middle .ant-table-thead > tr > th {
  padding: 6px 8px;
}
.cloud-resize-table-new .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row > td,
.report-detail .cloud-resize-table-new .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row > td,
.cloud-resize-table-new .ant-table.ant-table-middle .ant-table-summary > tr > td,
.report-detail .cloud-resize-table-new .ant-table.ant-table-middle .ant-table-summary > tr > td {
  padding: 6px 8px;
}
.cloud-resize-table-new .ant-table.ant-table-small .ant-table-thead > tr > th,
.report-detail .cloud-resize-table-new .ant-table.ant-table-small .ant-table-thead > tr > th {
  padding: 5px 8px;
}
.cloud-resize-table-new .ant-table.ant-table-small .ant-table-tbody > tr.ant-table-row > td,
.report-detail .cloud-resize-table-new .ant-table.ant-table-small .ant-table-tbody > tr.ant-table-row > td,
.cloud-resize-table-new .ant-table.ant-table-small .ant-table-summary > tr.ant-table-row > td,
.report-detail .cloud-resize-table-new .ant-table.ant-table-small .ant-table-summary > tr.ant-table-row > td {
  padding: 5px 8px;
  font-size: 12px;
  line-height: 16px;
}
.cloud-resize-table-new .ant-table.ant-table-small .ant-table-tbody > tr.ant-table-row > td.cloud-th-resizeable .cloud-th-resizeable-content,
.report-detail .cloud-resize-table-new .ant-table.ant-table-small .ant-table-tbody > tr.ant-table-row > td.cloud-th-resizeable .cloud-th-resizeable-content,
.cloud-resize-table-new .ant-table.ant-table-small .ant-table-summary > tr.ant-table-row > td.cloud-th-resizeable .cloud-th-resizeable-content,
.report-detail .cloud-resize-table-new .ant-table.ant-table-small .ant-table-summary > tr.ant-table-row > td.cloud-th-resizeable .cloud-th-resizeable-content {
  font-size: 12px;
}
.cloud-resize-table-new .ant-table-small .bar-color-container,
.report-detail .cloud-resize-table-new .ant-table-small .bar-color-container {
  height: 16px !important;
}
.cloud-resize-table-new .ant-table-small .bar-color-container .div-with-line::after,
.report-detail .cloud-resize-table-new .ant-table-small .bar-color-container .div-with-line::after {
  top: -4px !important;
  height: 26px !important;
  /* 确保高度与div一致 */
}
.cloud-resize-table-new .ant-table-middle .bar-color-container .div-with-line::after,
.report-detail .cloud-resize-table-new .ant-table-middle .bar-color-container .div-with-line::after {
  top: -4px !important;
  height: 30px !important;
  /* 确保高度与div一致 */
}
.cloud-resize-table-new.show-zebra .ant-table-tbody > tr.zebra-color,
.report-detail .cloud-resize-table-new.show-zebra .ant-table-tbody > tr.zebra-color,
.cloud-resize-table-new.show-zebra .ant-table-summary > tr.zebra-color,
.report-detail .cloud-resize-table-new.show-zebra .ant-table-summary > tr.zebra-color {
  background-color: #F7F7F7;
}
.cloud-resize-table-new.show-zebra .ant-table-tbody > tr.zebra-color .fix-freeze,
.report-detail .cloud-resize-table-new.show-zebra .ant-table-tbody > tr.zebra-color .fix-freeze,
.cloud-resize-table-new.show-zebra .ant-table-summary > tr.zebra-color .fix-freeze,
.report-detail .cloud-resize-table-new.show-zebra .ant-table-summary > tr.zebra-color .fix-freeze {
  background-color: #F7F7F7;
}
.cloud-resize-table-new.show-agg-table .ant-table-tbody > tr.agg-sub-row,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-tbody > tr.agg-sub-row,
.cloud-resize-table-new.show-agg-table .ant-table-summary > tr.agg-sub-row,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-summary > tr.agg-sub-row {
  background-color: #FFF8E8 !important;
}
.cloud-resize-table-new.show-agg-table .ant-table-tbody > tr.agg-row,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-tbody > tr.agg-row,
.cloud-resize-table-new.show-agg-table .ant-table-summary > tr.agg-row,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-summary > tr.agg-row {
  font-weight: bolder;
}
.cloud-resize-table-new.show-agg-table .ant-table-tbody > tr.agg-row > td,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-tbody > tr.agg-row > td,
.cloud-resize-table-new.show-agg-table .ant-table-summary > tr.agg-row > td,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-summary > tr.agg-row > td {
  background-color: #FFF8E8 !important;
}
.cloud-resize-table-new.show-agg-table .ant-table-tbody > tr.agg-row > td:first-child,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-tbody > tr.agg-row > td:first-child,
.cloud-resize-table-new.show-agg-table .ant-table-summary > tr.agg-row > td:first-child,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-summary > tr.agg-row > td:first-child {
  background-color: #f3f6fa !important;
}
.cloud-resize-table-new.show-agg-table .ant-table-summary > tr > td,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-summary > tr > td {
  background-color: #FFF8E8 !important;
}
.cloud-resize-table-new.show-agg-table .ant-table-summary > tr > td:first-child,
.report-detail .cloud-resize-table-new.show-agg-table .ant-table-summary > tr > td:first-child {
  background-color: #f3f6fa !important;
}
.cloud-resize-table-new.line-wrap-table .ant-table-body .ant-table-cell-ellipsis,
.report-detail .cloud-resize-table-new.line-wrap-table .ant-table-body .ant-table-cell-ellipsis {
  white-space: unset;
  word-break: normal;
}
.cloud-resize-table-new.line-wrap-table .ant-table-body .ant-table-cell-ellipsis .has-collapse-icon .has-collapse-icon-ellipsis,
.report-detail .cloud-resize-table-new.line-wrap-table .ant-table-body .ant-table-cell-ellipsis .has-collapse-icon .has-collapse-icon-ellipsis {
  white-space: unset;
  word-break: normal;
}
.cloud-resize-table-new.line-wrap-table .ant-table-body .ant-table-cell-ellipsis .ant-table-cell-content a,
.report-detail .cloud-resize-table-new.line-wrap-table .ant-table-body .ant-table-cell-ellipsis .ant-table-cell-content a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cloud-resize-table-new.line-wrap-table .ant-table-body .cloud-virtual-table .ant-table-cell-ellipsis,
.report-detail .cloud-resize-table-new.line-wrap-table .ant-table-body .cloud-virtual-table .ant-table-cell-ellipsis {
  white-space: nowrap;
}
.cloud-resize-table-new.line-wrap-table .ant-table-body .cloud-virtual-table .ant-table-cell-ellipsis .hc-wrap-text,
.report-detail .cloud-resize-table-new.line-wrap-table .ant-table-body .cloud-virtual-table .ant-table-cell-ellipsis .hc-wrap-text {
  display: inline;
}
.cloud-resize-table-new.line-wrap-table .hc-wrap-text,
.report-detail .cloud-resize-table-new.line-wrap-table .hc-wrap-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cloud-resize-table-new.line-wrap-table .biz-meta-link,
.report-detail .cloud-resize-table-new.line-wrap-table .biz-meta-link {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: unset;
}
.cloud-resize-table-new.height-no-limit .ant-table-body .ant-table-cell-ellipsis .ant-table-cell-content a,
.report-detail .cloud-resize-table-new.height-no-limit .ant-table-body .ant-table-cell-ellipsis .ant-table-cell-content a {
  -webkit-line-clamp: unset;
}
.cloud-resize-table-new.height-no-limit .hc-wrap-text,
.report-detail .cloud-resize-table-new.height-no-limit .hc-wrap-text {
  -webkit-line-clamp: unset;
}
.cloud-resize-table-new.height-no-limit .biz-meta-link,
.report-detail .cloud-resize-table-new.height-no-limit .biz-meta-link {
  -webkit-line-clamp: unset;
}
.cloud-resize-table-new .biz-meta-link,
.report-detail .cloud-resize-table-new .biz-meta-link {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cloud-resize-table-new.header-wrap-table .ant-table-header .ant-table-cell-ellipsis,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-header .ant-table-cell-ellipsis {
  white-space: unset;
  word-break: normal;
}
.cloud-resize-table-new.header-wrap-table .ant-table-cell-ellipsis .ant-table-column-title,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-cell-ellipsis .ant-table-column-title {
  word-break: unset;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content {
  white-space: unset;
  height: 100%;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content > span,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content > span {
  height: 100%;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content > span > span:not(.first-char),
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content > span > span:not(.first-char) {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content > span > span:not(.first-char).thead-inner,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content > span > span:not(.first-char).thead-inner {
  display: flex;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content > span > .thead-inner,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content > span > .thead-inner {
  display: flex;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content .use-click-inview360,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content .use-click-inview360 {
  height: 100%;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content .ant-table-column-sorters .ant-table-column-title > span > span,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content .ant-table-column-sorters .ant-table-column-title > span > span {
  white-space: unset!important;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content .th-wrap-label,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content .th-wrap-label {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cloud-resize-table-new.header-wrap-table .cloud-th-resizeable-content,
.report-detail .cloud-resize-table-new.header-wrap-table .cloud-th-resizeable-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead tr .thead-inner,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead tr .thead-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.cloud-resize-table-new.header-wrap-table .ant-table-thead tr .thead-inner .titleColumn,
.report-detail .cloud-resize-table-new.header-wrap-table .ant-table-thead tr .thead-inner .titleColumn {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar,
.report-detail .cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
  opacity: 0.5;
}
.cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar-thumb,
.report-detail .cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #c5c5c5;
}
.cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar-thumb:hover,
.report-detail .cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar-thumb:hover {
  border-radius: 4px;
  background-color: #898989;
}
.cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar-track,
.report-detail .cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 4px;
}
.cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar-track:hover,
.report-detail .cloud-resize-table-new.show-scroll-bar .ant-table-body::-webkit-scrollbar-track:hover {
  background-color: #f0f0f0;
}
.grid-item .cloud-resize-table-new .ant-spin-container > .ant-table > .ant-table-container {
  max-height: 100%;
  height: fit-content;
}
.view-360-layout .cloud-resize-table-new.line-wrap-table .ant-table-body .ant-table-cell-ellipsis {
  white-space: nowrap;
}
.view-360-layout .cloud-resize-table-new.line-wrap-table .ant-table-body .ant-table-cell-ellipsis .hc-wrap-text {
  display: inline;
}
.boardFullScreen .ant-table-thead tr th .table-th-with-colorset .show-color-icon {
  display: none!important;
}
td.merge-span-td {
  overflow: visible;
  z-index: 4;
}
td.merge-span-td .merge-span-td-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  z-index: 1;
  padding: 6px 8px;
  background: #f3f6fa !important;
}
td.merge-span-td .merge-span-td-content .merge-span-td-text {
  flex: 1 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
td.merge-span-td .merge-span-td-content .merge-span-td-text .has-collapse-icon-ellipsis {
  flex: 1 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
td.table-fix-level1 .has-collapse-icon {
  display: flex;
  align-items: center;
}
td.table-fix-level1 .has-collapse-icon .has-collapse-icon-ellipsis {
  flex: 1 1;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
td.table-fix-level1.ant-table-cell-ellipsis .has-collapse-icon .has-collapse-icon-ellipsis {
  flex: 1 1;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
td.ant-table-cell-ellipsis.merge-span-td .merge-span-td-content .merge-span-td-text {
  flex: 1 1;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fix-freeze.tree-column {
  overflow: hidden;
  text-overflow: unset;
}
.fix-freeze.tree-column .cloud-th-resizeable-content {
  display: flex;
  align-items: center;
}
.fix-freeze.tree-column .ant-table-cell-content {
  display: inline-block;
  width: calc(100% - 40px);
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable .ant-table-column-sorter-down,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable .ant-table-column-sorter-up {
  display: none;
  color: #999999;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable:hover .ant-table-column-sorter-up,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table-thead > tr > th.ant-table-column-has-sorters.cloud-th-resizeable:hover .ant-table-column-sorter-down {
  display: block;
  color: #1890ff;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-5081C2 td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-5081C2 td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-5081C2 td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-5081C2 td.isTree.no-column-bg.subTotal-td {
  background-color: #EBF3FE !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-30A4E5 td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-30A4E5 td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-30A4E5 td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-30A4E5 td.isTree.no-column-bg.subTotal-td {
  background-color: #E8F5FC !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-02BBBB td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-02BBBB td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-02BBBB td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-02BBBB td.isTree.no-column-bg.subTotal-td {
  background-color: #E5F9F8 !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-20BB6A td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-20BB6A td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-20BB6A td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-20BB6A td.isTree.no-column-bg.subTotal-td {
  background-color: #E8F7E9 !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-D9A800 td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-D9A800 td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-D9A800 td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-D9A800 td.isTree.no-column-bg.subTotal-td {
  background-color: #FDF6DB !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-F09200 td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-F09200 td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-F09200 td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-F09200 td.isTree.no-column-bg.subTotal-td {
  background-color: #FEF3E1 !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-E86452 td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-E86452 td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-E86452 td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-E86452 td.isTree.no-column-bg.subTotal-td {
  background-color: #FDE9E4 !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-DD4595 td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-DD4595 td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-DD4595 td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-DD4595 td.isTree.no-column-bg.subTotal-td {
  background-color: #FAEAF2 !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-9568FF td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-9568FF td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-9568FF td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-9568FF td.isTree.no-column-bg.subTotal-td {
  background-color: #F1ECFC !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-727881 td:not(.ant-table-cell-fix-left):not(.ant-table-cell-fix-right),
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-727881 td.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-727881 td.total-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .tree-row-bg-727881 td.isTree.no-column-bg.subTotal-td {
  background-color: #F1F1F1 !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body td.isTree.ant-table-column-sort.subTotal-td,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body td.isTree.no-column-bg {
  background: unset;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body tr.ant-table-row:hover td.isTree,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body tr.ant-table-row:hover td.isTree.subTotal-td {
  background-color: #e7f3ff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body td.isTree.no-column-bg.subTotal-td {
  background-color: inherit !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wD3EEF9,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wCDF3E4,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wFCEBB9,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wF8D0CB {
  color: #FFF;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wD3EEF9 > *,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wCDF3E4 > *,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wFCEBB9 > *,
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wF8D0CB > * {
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wD3EEF9 {
  background-color: #30A4E5 !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wCDF3E4 {
  background-color: #20BB6A !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wFCEBB9 {
  background-color: #D9A800 !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wF8D0CB {
  background-color: #E86452 !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .w5081C2 {
  background-color: #5081C2 !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .w30A4E5 {
  background-color: #30A4E5 !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .w02BBBB {
  background-color: #02BBBB !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .w20BB6A {
  background-color: #20BB6A !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wD9A800 {
  background-color: #D9A800 !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wF09200 {
  background-color: #F09200 !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wE86452 {
  background-color: #E86452 !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .wDD4595 {
  background-color: #DD4595 !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .w9568FF {
  background-color: #9568FF !important;
  color: #fff !important;
}
.tree-summary-table.cloud-resize-table-new.summary-table .ant-table .ant-table-container .ant-table-body .has-tree-row-bg .w727881 {
  background-color: #727881 !important;
  color: #fff !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-08d73d9f]::before {
  display: table;
  content: '';
}
.clearfix[data-v-08d73d9f]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-08d73d9f] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-08d73d9f] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-08d73d9f] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-08d73d9f]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-08d73d9f] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-08d73d9f]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-08d73d9f] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.reportTable-row-summary[data-v-08d73d9f] .reportTable-cell-summary:not(.is-total-name-cell) {
  font-weight: bolder;
}
.reportTable-row-summary[data-size='small'][data-v-08d73d9f] td {
  padding: 5px 8px;
  font-size: 12px;
  line-height: 16px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.report-table-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.report-table-list .color-span {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  vertical-align: text-bottom;
  display: inline-block;
}
.report-table-list .report-breadcrumb {
  line-height: 30px;
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #666;
}
.report-table-list .back-icon {
  display: inline-block;
  width: 72px;
  text-align: center;
  color: #f64d51;
  border-right: 1px solid #eee;
  line-height: 30px;
  font-size: 14px;
  margin: 10px 0;
}
.report-table-list .report-list-wrap {
  height: 100%;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.report-table-list .report-list-wrap .ant-table-header thead tr th .icon-chuansongmen {
  float: left;
  font-size: 12px;
  width: 16px;
  text-align: left;
  color: #666;
  font-weight: 400;
}
.report-table-list .report-list-wrap .ant-table-header thead tr th .anticon-question-circle:hover {
  color: #1890ff;
}
.report-table-list .report-list-wrap .ant-table-wrapper {
  height: 100%;
}
.report-table-list .report-list-wrap .ant-table-wrapper td .icon-chuansongmen {
  display: none;
}
.report-table-list .report-list-wrap .ant-table-wrapper td:hover .icon-chuansongmen {
  display: block;
}
.report-table-list .report-list-wrap .ant-table-wrapper td .biz-link-btn .biz-meta-link {
  width: 100%;
  /* overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;*/
}
.report-table-list .report-list-wrap .report-footer {
  position: relative;
  height: 32px;
}
.report-table-list .report-list-wrap .report-footer .ant-pagination {
  position: absolute;
  right: 0;
  top: 8px;
  margin-top: 0;
}
.report-table-list .report-list-wrap .sum-item {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  line-height: 16px;
}
.report-table-list .report-list-wrap .sum-item .sum-label {
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  margin-right: 2px;
}
.report-table-list .report-list-wrap .sum-item .sum-value {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #222;
}
.report-table-list .report-list-wrap .sum-item.sum-left {
  justify-content: flex-start;
}
.report-table-list .report-list-wrap-detail {
  height: calc(100% - 30px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.report-table-list .report-list-wrap-detail .matter-aggs-wrap {
  display: flex;
  padding: 0;
  height: 68px;
  align-items: center;
  margin-bottom: 16px;
}
.report-table-list .report-list-wrap-detail .matter-aggs-wrap .item {
  background: #EFF7FF;
  height: 68px;
  flex: 1 1;
  width: 0;
  margin-right: 16px;
  padding: 14px 16px;
}
.report-table-list .report-list-wrap-detail .matter-aggs-wrap .item .text-label {
  height: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  line-height: 16px;
}
.report-table-list .report-list-wrap-detail .matter-aggs-wrap .item .text-number {
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 171px;
  height: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #404040;
  line-height: 16px;
}
.report-table-list .report-list-wrap-detail .matter-aggs-wrap .item:last-of-type {
  margin-right: 0;
}
.report-table-list .report-list-wrap-detail .ant-table-wrapper {
  height: 100%;
  flex: 1 1;
}
.report-table-list .report-list-wrap-detail .report-footer {
  position: relative;
  height: 32px;
}
.report-table-list .report-list-wrap-detail .report-footer .ant-pagination {
  position: absolute;
  right: 0;
  top: 9px;
  margin-top: 0;
}
.report-table-list .icon-e714:hover,
.report-table-list .icon-e715:hover {
  cursor: pointer;
  color: #1890FF;
}
.report-table-list .cate-thead-title {
  display: flex;
}
.report-table-list .cate-thead-title span:nth-child(2) {
  width: calc(100% - 16px) !important;
}
.report-table-list .cate-thead-title .thead-filter {
  width: 100%;
}
.report-table-list .cate-thead-title .thead-filter .picker-header-wrap {
  opacity: 0;
}
.report-table-list .cate-thead-title .thead-filter .hasSet {
  opacity: 1;
}
.report-table-list .cate-thead-title .thead-filter:hover .picker-header-wrap,
.report-table-list .cate-thead-title .thead-filter:active .picker-header-wrap {
  opacity: 1;
}
.desc-text .ant-tooltip-inner {
  white-space: pre-wrap;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.report-chart-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.report-chart-wrap .report-title {
  height: 40px;
  line-height: 45px;
  font-weight: 400;
  font-size: 15px;
  display: inline-table;
}
.report-chart-wrap > .ant-spin-nested-loading {
  flex: 1 1;
  height: 0;
}
.report-chart-wrap .report-chart-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.report-chart-wrap .report-chart-box .operation {
  position: absolute;
  top: -36px;
  right: 0;
  z-index: 100;
}
.report-setwrap {
  position: absolute;
  top: 0px;
  width: 250px;
  right: 36px;
  bottom: 16px;
  z-index: 99;
  background: #fff;
  border: 1px solid #dddddd;
  padding: 15px;
  overflow: auto;
  border-radius: 4px;
}
.report-setwrap .set-box-item .title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #222222;
}
.report-setwrap .set-box-item .title2 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #222222;
}
.report-setwrap .set-box-item .set-box-item2 {
  border: 1px solid #eee;
  padding: 6px 6px 0 6px;
  margin-bottom: 10px;
}
.report-setwrap .set-box-item .set-box-item2 .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.report-setwrap .set-box-item .set-box-item2 .left {
  font-size: 13px;
  width: 42px;
}
.report-setwrap .set-box-item .set-box-item2 .center {
  flex: 1 1;
  margin-right: 5px;
}
.report-setwrap .set-box-item .set-box-item2 .center .ant-input-number {
  width: 100%;
  height: 28px;
  border-radius: 0;
}
.report-setwrap .set-box-item .set-box-item2 .right {
  width: 60px;
}
.report-setwrap .set-box-item .required {
  color: red;
}
.report-setwrap .set-box-item .set-value {
  margin-bottom: 15px;
}
.report-setwrap .set-box-item .set-value > .ant-select,
.report-setwrap .set-box-item .set-value > input {
  width: 100%;
}
.report-setwrap .set-box-item .set-value .regionCascade {
  display: block !important;
}
.report-setwrap .set-box-item .set-value .regionCascade > .ant-select {
  margin-right: 0 !important;
  width: 100% !important;
}
.report-setwrap .set-box-item .set-value .regionCascade > .ant-select:first-child {
  margin-bottom: 5px;
}
.report-setwrap .set-box-item .set-value .ant-checkbox-group .ant-checkbox-group-item {
  display: flex;
  margin: auto;
  font-size: 13px;
}
.report-setwrap .set-box-item .set-value.chart-filter {
  display: flex;
  flex-wrap: wrap;
}
.report-setwrap .set-box-item .set-value.chart-filter .chart-filter-item {
  border-radius: 2px;
  border: 1px solid #dddddd;
  padding: 4px 6px;
  margin: 0 4px 4px 0;
  font-size: 12px;
}
.report-setwrap .set-box-item .set-value.chart-filter .chart-filter-item i {
  color: #555;
}
.report-setwrap .set-box-item .set-value.chart-filter .chart-filter-item:hover i {
  color: #1890ff;
}
.report-setwrap .set-box-item .set-value.chart-filter .add-chart-filter {
  font-size: 12px;
  display: inline-block;
  height: 27px;
  line-height: 27px;
  margin-left: 4px;
}
.report-setwrap .set-box-item .report-type-choose {
  overflow: hidden;
}
.report-setwrap .set-box-item .report-type-choose a {
  display: inline-block;
  width: 46px;
  height: 46px;
  padding: 9px;
  cursor: pointer;
  border-radius: 4px;
}
.report-setwrap .set-box-item .report-type-choose a img {
  width: 100%;
  height: 100%;
}
.report-setwrap .set-box-item .report-type-choose a:hover,
.report-setwrap .set-box-item .report-type-choose a.active {
  border: 1px solid #1890ff;
}
.report-setwrap .ant-select-selection-selected-value {
  font-size: 13px;
  color: #666666;
}
.report-setwrap .ant-input {
  font-size: 13px;
  color: #666666;
}
.report-set-btn {
  margin-top: 20px;
  text-align: center;
}
.chart-filter-pop .ant-popover-message-title {
  padding: 0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-37409951]::before {
  display: table;
  content: '';
}
.clearfix[data-v-37409951]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-37409951] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-37409951] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-37409951] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-37409951]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-37409951] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-37409951]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-37409951] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.quick-filter-wrap[data-v-37409951] {
  margin-bottom: 8px;
}
.quick-filter-wrap[data-v-37409951] .ant-table-row {
  width: 100%;
}
.quick-filter-wrap[data-v-37409951] .ant-table-row .only-select-cur-item {
  position: absolute;
  display: none;
  right: 0;
  width: 72px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #1890FF;
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #1890FF;
  text-align: center;
  line-height: 20px;
  z-index: 2;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}
.quick-filter-wrap[data-v-37409951] .ant-table-row:hover .only-select-cur-item {
  display: block;
}
.quick-filter-wrap[data-v-37409951] .ant-table-body {
  max-height: 600px !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-929921d0]::before {
  display: table;
  content: '';
}
.clearfix[data-v-929921d0]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-929921d0] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-929921d0] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-929921d0] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-929921d0]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-929921d0] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-929921d0]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-929921d0] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.filter-range-picker[data-v-929921d0] {
  width: 280px;
  display: flex;
  grid-area: input;
  align-items: center;
}
.filter-range-picker .start[data-v-929921d0],
.filter-range-picker[data-v-929921d0] .end {
  flex: auto;
  flex-basis: 110px;
}
.filter-range-picker .start[data-v-929921d0] {
  flex: auto;
  padding: 4px 2px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 16px;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  border-radius: 4px;
  box-shadow: none;
  cursor: not-allowed;
  text-align: center;
  opacity: 1;
}
.delimiter[data-v-929921d0] {
  padding: 0 8px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.common-filter-popover {
  width: 250px;
}
.common-filter-popover .common-filter-popover-row {
  margin-top: 10px;
}
.common-filter-popover .common-filter-popover-button {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-filter-popover .common-filter-popover-button .common-button-clear {
  cursor: pointer;
  font-size: 12px;
  color: #adb4c2;
}
.common-filter-popover .common-filter-popover-button .common-button-blank {
  visibility: hidden;
}
.common-filter-popover .common-filter-popover-button .common-button-right .ant-btn-primary {
  border-radius: 6px;
  font-size: 12px;
  margin-left: 8px;
  height: 28px;
  padding: 4px 10px;
}
.common-filter-popover .common-filter-popover-err {
  font-size: 12px;
  color: #fd6364;
  line-height: 20px;
  margin-top: 10px;
}
.common-filter-popover.common-filter-inner-div-root {
  min-width: 310px;
  width: unset;
}
.common-filter-popover.common-filter-inner-div-root.common-filter-dept {
  max-width: 600px;
}
.common-filter-popover.common-filter-lookup {
  width: 560px;
}
.common-filter-popover.common-filter-lookup .quick-filter-header {
  display: flex;
  justify-content: space-between;
}
.common-filter-popover.common-filter-lookup .quick-filter-content .ant-table th,
.common-filter-popover.common-filter-lookup .quick-filter-content .ant-table td {
  line-height: 20px;
}
.common-filter-popover.common-filter-lookup .quick-filter-content .ant-table th *,
.common-filter-popover.common-filter-lookup .quick-filter-content .ant-table td * {
  font-size: 12px;
}
.common-filter-popover.common-filter-lookup .quick-filter-content .ant-table th {
  background: #fafafa;
}
.common-filter-popover.common-filter-date .quick-date-list {
  width: 292px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.common-filter-popover.common-filter-date .quick-date-list .quick-date-item {
  height: 28px;
  width: 31%;
  line-height: 28px;
  background-color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 8px;
  cursor: pointer;
}
.common-filter-popover.common-filter-date .quick-date-list .quick-date-item.selected-span {
  background: #e4f1ff;
  color: #1890ff;
}
.common-filter-popover.common-filter-date .quick-date-list + .ant-picker.ant-picker-range {
  width: 292px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-1cefd02e]::before {
  display: table;
  content: '';
}
.clearfix[data-v-1cefd02e]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-1cefd02e] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-1cefd02e] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-1cefd02e] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-1cefd02e]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-1cefd02e] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-1cefd02e]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-1cefd02e] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.common-filter-wrap .title[data-v-1cefd02e] {
  font-size: 14px;
  height: 36px;
  line-height: 30px;
}
.common-filter-wrap .common-filter-content .filter-content-item[data-v-1cefd02e] {
  padding: 5px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-bottom: 15px;
  cursor: pointer;
}
.common-filter-wrap .common-filter-content .filter-content-item p[data-v-1cefd02e] {
  height: 24px;
  line-height: 24px;
}
.common-filter-wrap .common-filter-content .filter-content-item .item-title[data-v-1cefd02e] {
  font-size: 12px;
  color: #888;
}
.common-filter-wrap .common-filter-content .filter-content-item .item-label[data-v-1cefd02e] {
  font-size: 13px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.common-filter-wrap .common-filter-div-label-area[data-v-1cefd02e] {
  display: flex;
  align-items: center;
}
.common-filter-wrap .common-filter-div-label-area .item-label[data-v-1cefd02e] {
  flex: 0 1;
  flex-basis: content;
}
.common-filter-wrap .common-filter-div-label-area .filter-span-extra[data-v-1cefd02e] {
  flex: none;
  display: none;
}
.common-filter-wrap .common-filter-div-label-area.isMaximumWidth .filter-span-extra[data-v-1cefd02e] {
  display: block;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.summary-table {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.summary-table .summary-drill-depts {
  height: 30px;
  line-height: 30px;
}
.summary-table .summary-has-more {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #f64d51;
}
.summary-table .summary-table-content {
  flex: 1 1;
  overflow: hidden;
}
.summary-table td div.hc-wrap-text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px;
  padding: 0 6px;
}
.summary-table .ant-table-middle td div.hc-wrap-text {
  margin: 0px;
}
.summary-table .ant-table-small td div.hc-wrap-text {
  margin: 0px;
}
.summary-table .header-wrap-table .has-desc-title {
  white-space: unset!important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.summary-table .icon-e714:hover,
.summary-table .icon-e715:hover {
  cursor: pointer;
  color: #1890FF;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.quick-filter-item.common-filter-card-div-root .quick-filter-condition-extra {
  display: none;
}
.quick-filter-item.common-filter-card-div-root.isMaximumWidth .quick-filter-condition-extra {
  display: block;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.quick-filter-popconfirm .ant-popover-message-title {
  padding-left: 0;
}
.quick-filter-popconfirm-select .ant-select-tree {
  padding: 6px 4px;
}
.quick-filter-popconfirm-select .ant-select-tree li {
  margin: 2px 0;
}
.quick-filter {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.summary-excute {
  height: 100%;
  padding-top: 70px;
  position: relative;
  background: #eeeeee;
  overflow: hidden;
}
.summary-excute .summary-header {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  height: 60px;
  background: #fff;
  border-bottom: 1px solid #f3f3f3;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summary-excute .summary-header .summary-header-left {
  display: flex;
  margin-left: 16px;
}
.summary-excute .summary-header .summary-header-left .back-icon {
  width: 60px;
  text-align: center;
  color: #f64d51;
  border-right: 1px solid #eee;
  line-height: 30px;
  font-size: 14px;
}
.summary-excute .summary-header .summary-header-left .header-info {
  margin-left: 6px;
}
.summary-excute .summary-header .summary-header-left .header-info i {
  color: #f64d51;
  font-size: 18px;
}
.summary-excute .summary-header .summary-header-left .header-info .title {
  font-size: 16px;
  font-weight: bold;
  color: #222222;
}
.summary-excute .summary-header .summary-header-left .header-info .icon-chuansongmen {
  margin-left: 5px;
  color: #666;
  font-size: 14px;
}
.summary-excute .summary-header .summary-header-right {
  display: flex;
  margin-right: 20px;
}
.summary-excute .summary-header .summary-header-right .refresh-time {
  color: #333;
  font-size: 13px;
  line-height: 32px;
  height: 30px;
}
.summary-excute .summary-header .summary-header-right .summary-unit-select {
  width: 85px;
  margin-left: 12px;
}
.summary-excute .summary-header .summary-header-right .summary-unit-select .ant-select-selector {
  border-radius: 4px;
}
.summary-excute .summary-header .summary-header-right .ant-radio-group,
.summary-excute .summary-header .summary-header-right .ant-btn {
  margin-left: 12px;
}
.summary-excute .summary-header .summary-header-right .ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}
.summary-excute .summary-header .summary-header-right .ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.summary-excute .summary-header .summary-header-right .ant-radio-button-wrapper {
  padding: 0 8px;
  font-size: 16px;
}
.summary-excute .summary-header .summary-header-right .ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px rgba(253, 99, 100, 0.12);
}
.summary-excute .summary-header .summary-header-right .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fd6364;
  border-color: #fd6364;
}
.summary-excute .summary-header .summary-header-right .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #fd6364;
}
.summary-excute .summary-header .summary-header-right .ant-btn {
  padding: 4px 8px;
  border-radius: 4px;
}
.summary-excute .summary-header .summary-header-right .ant-btn.selected-filter-header i {
  color: #fd6364;
}
.summary-excute .summary-header .summary-header-right .ant-btn.selected-filter-header i.icon-e6b3-hover-shaixuan-youzhi:before {
  font-family: 'heicon';
  content: '\e79a';
}
.summary-excute .summary-header .summary-header-right .ant-btn:focus {
  color: #fd6364;
  border-color: #fd6364;
}
.summary-excute .excute-content {
  background: #fff;
  margin: 0 10px;
  height: 100%;
  overflow: hidden;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}
.summary-excute .excute-content .excute-content-box {
  flex: 1 1;
  overflow: hidden;
  position: relative;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 {
  position: absolute;
  top: 18px;
  width: 250px;
  right: 18px;
  bottom: 16px;
  z-index: 99;
  background: #fff;
  border: 1px solid #dddddd;
  padding: 15px;
  overflow: auto;
  border-radius: 4px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #222222;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .title2 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #222222;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-box-item2 {
  border: 1px solid #eee;
  padding: 6px 6px 0 6px;
  margin-bottom: 10px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-box-item2 .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-box-item2 .left {
  font-size: 13px;
  width: 42px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-box-item2 .center {
  flex: 1 1;
  margin-right: 5px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-box-item2 .center .ant-input-number {
  width: 100%;
  height: 28px;
  border-radius: 0;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-box-item2 .right {
  width: 60px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .required {
  color: red;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value {
  margin-bottom: 15px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value > .ant-select,
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value > input {
  width: 100%;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value .regionCascade {
  display: block !important;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value .regionCascade > .ant-select {
  margin-right: 0 !important;
  width: 100% !important;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value .regionCascade > .ant-select:first-child {
  margin-bottom: 5px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value .ant-checkbox-group .ant-checkbox-group-item {
  display: flex;
  margin: auto;
  font-size: 13px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value.chart-filter {
  display: flex;
  flex-wrap: wrap;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value.chart-filter .chart-filter-item {
  border-radius: 2px;
  border: 1px solid #dddddd;
  padding: 4px 6px;
  margin: 0 4px 4px 0;
  font-size: 12px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value.chart-filter .chart-filter-item i {
  color: #555;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value.chart-filter .chart-filter-item:hover i {
  color: #1890ff;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .set-value.chart-filter .add-chart-filter {
  font-size: 12px;
  display: inline-block;
  height: 27px;
  line-height: 27px;
  margin-left: 4px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .report-type-choose {
  overflow: hidden;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .report-type-choose a {
  display: inline-block;
  width: 46px;
  height: 46px;
  padding: 9px;
  cursor: pointer;
  border-radius: 4px;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .report-type-choose a img {
  width: 100%;
  height: 100%;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .report-type-choose a:hover,
.summary-excute .excute-content .excute-content-box .report-setwrap2 .set-box-item .report-type-choose a.active {
  border: 1px solid #1890ff;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .ant-select-selection-selected-value {
  font-size: 13px;
  color: #666666;
}
.summary-excute .excute-content .excute-content-box .report-setwrap2 .ant-input {
  font-size: 13px;
  color: #666666;
}
.summary-excute .excute-content .excute-content-box .summary-chart-operation {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-82e26d42]::before {
  display: table;
  content: '';
}
.clearfix[data-v-82e26d42]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-82e26d42] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-82e26d42] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-82e26d42] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-82e26d42]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-82e26d42] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-82e26d42]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-82e26d42] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.custom-period-tabs[data-v-82e26d42] .ant-tabs-tab + .ant-tabs-tab {
  margin: 0px 0 0 24px;
}
.custom-period-tabs[data-v-82e26d42] .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: #1890ff;
  line-height: inherit;
  text-shadow: initial;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.quick-filter-clear {
  height: 28px;
  line-height: 28px;
  margin-left: 14px;
  margin-bottom: 10px;
  font-size: 14px;
}
.quick-filter-item {
  color: rgba(0, 0, 0, 0.65);
  margin-left: 8px;
  margin-bottom: 8px;
  background: rgba(153, 153, 153, 0.12);
  display: flex;
  align-items: center;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  border-radius: 2px;
  padding: 0 8px;
  font-size: 12px;
  color: #222;
}
.quick-filter-item:hover {
  background: rgba(24, 144, 255, 0.12);
}
.quick-filter-item .quick-filter-field-label,
.quick-filter-item .quick-filter-condition-label,
.quick-filter-item .quick-filter-condition-extra {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.quick-filter-item .quick-filter-field-label {
  max-width: 150px;
}
.quick-filter-item .quick-filter-condition-label {
  max-width: 350px;
  color: #1890ff;
  margin-left: 0;
  flex: 1 1;
}
.quick-filter-item .quick-filter-condition-label.quick-filter-item__label__muls {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1890FF;
  line-height: 12px;
  cursor: pointer;
  flex: 1 1;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 12px;
}
.quick-filter-item .quick-filter-condition-label.quick-filter-item__label__muls:not(.isMaximumWidth) + .quick-filter-condition-extra {
  display: none;
}
.quick-filter-item .quick-filter-condition-time {
  max-width: unset;
}
.quick-filter-item .quick-filter-condition-extra {
  color: #1890ff;
  margin-left: -1px;
}
.quick-filter-item i.icon-e601 {
  margin-left: 10px;
}
.quick-filter-item .anticon-close-circle {
  margin-left: 10px;
}
.quick-filter-item .anticon-close-circle:hover {
  color: #3490ff;
}
.quick-filter-popover .ant-popover-inner-content {
  padding: 0;
}
.quick-filter-popover .quick-filter-popover-content {
  padding: 10px 10px 6px 10px;
}
.quick-filter-popover .quick-filter-popover-content .quick-filter-error {
  font-size: 12px;
  color: #fd6364;
  line-height: 20px;
  margin-top: 10px;
}
.quick-filter-popover .quick-filter-popover-content .quick-filter-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 6px;
}
.quick-filter-popover .quick-filter-popover-content .quick-filter-button .use-blank {
  visibility: hidden;
}
.quick-filter-popover .quick-filter-popover-content .quick-filter-button .quick-clear {
  cursor: pointer;
  font-size: 12px;
  color: #adb4c2;
}
.quick-filter-popover .quick-filter-popover-content .quick-filter-button button {
  padding: 2px 10px;
  border-radius: 6px;
  font-size: 13px;
  margin-left: 10px;
  height: 28px;
}
.quick-filter-popover .quick-filter-popover-content .quick-date-wrap .filter-range-picker {
  width: initial;
}
.quick-filter-popover .quick-filter-popover-content .custom-clock {
  padding-bottom: 12px;
}
.quick-filter-popover .quick-filter-popover-content .ant-tabs-nav {
  padding: 0 8px;
}
.quick-filter-popover .quick-filter-popover-content .up-to .ant-checkbox-inner::after {
  margin-left: 0;
}
.quick-filter-popover .lookup-tree-select {
  min-width: 400px;
  max-height: 320px;
  overflow: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.quick-filter-popover .lookup-tree-select .lookup-tree-select-all .ant-checkbox-wrapper {
  align-items: center;
  height: 30px;
  line-height: 30px;
  display: flex;
}
.quick-filter-popover .lookup-tree-select .lookup-tree-select-all .ant-checkbox-wrapper .ant-checkbox {
  top: 0;
}
.quick-filter-popover .lookup-tree-select .lookup-tree-select-tree {
  flex: 1 1;
  overflow: auto;
}
.quick-filter-popover .quick-date-wrap,
.quick-filter-popover .quick-date-wrap-end {
  width: 252px;
}
.quick-filter-popover .quick-date-wrap .quick-date-list,
.quick-filter-popover .quick-date-wrap-end .quick-date-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.quick-filter-popover .quick-date-wrap .quick-date-list .quick-date-item,
.quick-filter-popover .quick-date-wrap-end .quick-date-list .quick-date-item {
  height: 28px;
  width: 31%;
  line-height: 28px;
  background-color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 8px;
  cursor: pointer;
}
.quick-filter-popover .quick-date-wrap .quick-date-list .quick-date-item.selected-span,
.quick-filter-popover .quick-date-wrap-end .quick-date-list .quick-date-item.selected-span {
  background: #e4f1ff;
  color: #1890ff;
}
.quick-filter-popover .quick-date-wrap-end {
  width: 288px;
}
.quick-filter-popover .quick-date-wrap-end .date-tab {
  display: flex;
  align-items: center;
}
.quick-filter-popover .quick-date-wrap-end .date-tab .date-tab-item {
  color: #505050;
  flex: 1 1;
  font-size: 14px;
  cursor: pointer;
  height: 28px;
  text-align: center;
  border-bottom: 1px solid #E6E6E6;
  line-height: 20px;
}
.quick-filter-popover .quick-date-wrap-end .date-tab .date-tab-item.active {
  color: #1890FF;
  border-bottom: 2px solid #1890FF;
}
.quick-filter-popover .quick-date-wrap-end .quick-date-list {
  margin-top: 10px;
}
.quick-filter-popover .quick-date-wrap-end .ant-picker {
  width: 100%;
}
.quick-filter-popover .quick-filter-wrap {
  width: 280px;
}
.quick-filter-popover .quick-filter-wrap.lookup-wrap {
  width: 400px;
}
.quick-filter-popover .quick-filter-wrap.dynamic-wrap {
  width: 720px;
}
.quick-filter-popover .quick-filter-wrap.dynamic-wrap .ant-table-thead tr th {
  font-size: 12px;
}
.quick-filter-popover .quick-filter-wrap.dynamic-wrap .ant-table-tbody tr td {
  font-size: 12px;
}
.quick-filter-popover .quick-filter-wrap.dynamic-wrap .ant-table-thead th.right {
  text-align: right;
}
.quick-filter-popover .quick-filter-wrap.select-wrap {
  width: 300px;
}
.quick-filter-popover .quick-filter-wrap.select-wrap .quick-filter-content {
  padding-left: 10px;
}
.quick-filter-popover .quick-filter-wrap.select-wrap .quick-filter-content .ant-checkbox-wrapper {
  display: flex;
  font-size: 13px;
  padding-top: 6px;
}
.quick-filter-popover .quick-filter-wrap.quick-boolean {
  display: flex;
  width: 200px;
  margin-bottom: 10px;
}
.quick-filter-popover .quick-filter-wrap.quick-boolean .quick-filter-header {
  margin-top: 6px;
  margin-right: 10px;
}
.quick-filter-popover .quick-filter-header,
.quick-filter-popover .quick-filter-extra {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quick-filter-popover .quick-filter-header.dynamic-wrap,
.quick-filter-popover .quick-filter-extra.dynamic-wrap {
  justify-content: unset;
}
.quick-filter-popover .quick-filter-header .quick-filter-header-title,
.quick-filter-popover .quick-filter-extra .quick-filter-header-title {
  margin-right: 8px;
}
.quick-filter-popover .quick-filter-extra {
  border-top: 1px solid #dfdfdf;
  margin: 10px 0;
  padding-top: 10px;
}
.quick-filter-popover .quick-filter-content {
  margin-top: 6px;
}
.quick-filter-popover .quick-filter-number {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quick-filter-popover .quick-filter-number .number-left,
.quick-filter-popover .quick-filter-number .number-right {
  width: 130px;
}
.quick-filter-popover .quick-filter-number .number-left .ant-input-number,
.quick-filter-popover .quick-filter-number .number-right .ant-input-number {
  width: 100%;
}
.quick-filter-popover .custom-period-tabs .quick-date-wrap {
  width: initial;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.chart-filter-component {
  position: absolute;
  top: 12px;
  right: 60px;
  display: flex;
}
.chart-filter-component .tHeaderWrap {
  margin-right: 14px;
  background: #e4e4e4;
  padding: 0 8px;
  white-space: nowrap;
  position: relative;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  font-size: 13px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.chart-filter-component .tHeaderWrap.hasSet {
  color: #1890ff;
  background: rgba(24, 144, 255, 0.12);
}
.chart-filter-component.hidden {
  height: 0;
  overflow: hidden;
}
.report-wrap .color-span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  height: 20px;
  padding: 0 4px;
  border-radius: 4px;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  vertical-align: text-bottom;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.msg-form .buttonPromptWrap {
  margin-bottom: 16px;
}
.msg-form .buttonPrompt {
  color: #535353;
}
.msg-form .msg-form-customField {
  margin-top: 20px;
}
.msg-form .msg-form-customField > .ant-col {
  padding-bottom: 10px;
}
.msg-form .msg-form-customField .msg-form-title {
  height: 24px;
  line-height: 24px;
  margin-bottom: 12px;
  font-weight: 600;
}
.msg-form .msg-form-customField .msg-form-content .msg-content-field {
  margin-top: 16px;
}
.msg-form .guild-model-divider {
  border-color: #b8b8b8;
  width: 91.4%;
  min-width: 91.4%;
  margin-left: 4.15%;
}
.msg-form .margin-top10 {
  margin-top: 10px;
}
.msg-form .sign-tips {
  margin-top: 10px;
  display: block;
  font-size: 14px;
  color: #1890ff;
}
.relative-item .batch-edit-row {
  background-color: #abc;
}
.new-modal .ant-modal-footer .ant-btn-primary[disabled] {
  background-color: lightgray;
  color: #999;
  border: 1px solid #999;
}
.new-modal .ant-modal-footer .ant-btn-primary[disabled]:hover {
  background-color: lightgray;
}
.approval-custom-form-items {
  margin-bottom: 12px;
}
.approval-custom-form-items .cur-node-info {
  color: #222;
  font-weight: 500;
  margin-bottom: 12px;
}
.approval-custom-form-items > .ant-row {
  margin-top: 0;
}
.approval-custom-form-items > .ant-row .web-form-title {
  height: 17px;
  margin-bottom: 8px;
}
.approval-custom-form-items > .ant-row .custom-form-item-content {
  min-height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
}
.approval-custom-form-items > .ant-row .custom-form-item-content .comment-edit-wrap {
  width: 100%;
}
.approval-custom-form-items.approval-border-top {
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px dashed #DBDBDB;
}
.approval-comments {
  word-break: break-all;
  white-space: pre-wrap;
  background-color: rgba(255, 150, 0, 0.08);
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 5px 11px;
  display: flex;
  margin-top: 15px;
}
.bizInsightSuite-wrap {
  background-color: #E7F3FF;
  border-radius: 4px;
  height: 45px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.bizInsightSuite-wrap:hover {
  cursor: pointer;
  background-color: #D5EBFF;
}
.bizInsightSuite-wrap.pass {
  background-color: #E9F8EF;
  padding-left: 0;
}
.bizInsightSuite-wrap.pass:hover {
  background-color: #E1F6E9;
}
.bizInsightSuite-wrap.pass img {
  margin-top: 10px;
  margin-right: 0;
}
.bizInsightSuite-wrap.block,
.bizInsightSuite-wrap.alert {
  background-color: #FEEFEF;
  padding-left: 0;
}
.bizInsightSuite-wrap.block:hover,
.bizInsightSuite-wrap.alert:hover {
  background-color: #FCE4E4;
}
.bizInsightSuite-wrap.block img,
.bizInsightSuite-wrap.alert img {
  margin-top: 10px;
  margin-right: 0;
}
.bizInsightSuite-wrap img {
  margin-right: 10px;
}
.bizInsightSuite-result {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1;
}
.bizInsightSuite-result.block,
.bizInsightSuite-result.alert {
  color: #FF4F41;
  line-height: 45px;
  height: 100%;
  padding-left: 5px;
  flex: unset;
}
.bizInsightSuite-result.pass {
  color: #29BD65;
  line-height: 45px;
  height: 100%;
  padding-left: 5px;
  flex: unset;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.m-0 {
  margin: 0;
}
.m-5 {
  margin: 5px;
}
.m-10 {
  margin: 10px;
}
.m-15 {
  margin: 15px;
}
.m-20 {
  margin: 20px;
}
.m-30 {
  margin: 30px;
}
.m-l-0 {
  margin-left: 0;
}
.m-r-0 {
  margin-right: 0;
}
.m-t-0 {
  margin-top: 0;
}
.m-b-0 {
  margin-bottom: 0;
}
.m-l-2 {
  margin-left: 2px;
}
.m-r-2 {
  margin-right: 2px;
}
.m-t-2 {
  margin-top: 2px;
}
.m-b-2 {
  margin-bottom: 2px;
}
.m-l-5 {
  margin-left: 5px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-b-5 {
  margin-bottom: 5px;
}
.m-r-8 {
  margin-right: 8px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-l-12 {
  margin-left: 12px;
}
.m-r-12 {
  margin-right: 12px;
}
.m-t-12 {
  margin-top: 12px;
}
.m-b-12 {
  margin-bottom: 12px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-l-18 {
  margin-left: 18px;
}
.m-r-18 {
  margin-right: 18px;
}
.m-t-18 {
  margin-top: 18px;
}
.m-b-18 {
  margin-bottom: 18px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-l-30 {
  margin-left: 30px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.m-l-40 {
  margin-left: 40px;
}
.m-r-40 {
  margin-right: 40px;
}
.m-t-40 {
  margin-top: 40px;
}
.m-b-40 {
  margin-bottom: 40px;
}
.m-l-45 {
  margin-left: 45px;
}
.m-r-45 {
  margin-right: 45px;
}
.m-t-45 {
  margin-top: 45px;
}
.m-b-45 {
  margin-bottom: 45px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.add-assignee-content-panel .add-assignee-content-header {
  margin-top: 5px;
  padding-left: 16px;
  padding-right: 16px;
  color: #222;
}
.add-assignee-content-panel .add-assignee-content-header .ant-input-search {
  margin-top: 5px;
}
.add-assignee-content-panel .add-assignee-content {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 5px 0;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-wrapper {
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-wrapper .select-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper {
  padding-right: 0;
  position: relative;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper:hover {
  background: #F5F5F5;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper:hover .only-select-cur-item {
  visibility: visible;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper .ant-checkbox + span {
  flex: 1 1;
  overflow: hidden;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper .select-item-right {
  position: relative;
  flex: 1 1;
  overflow: hidden;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: end;
  margin-left: 12px;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper .select-item-right .select-item-org {
  max-width: 100%;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  padding: 0 8px;
  border-radius: 2px;
  background-color: #0000000F;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-size: 12px;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper .select-item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-assignee-content-panel .add-assignee-content .ant-checkbox-group .ant-checkbox-wrapper .only-select-cur-item {
  width: 80px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #1990FF;
  color: #1990FF;
  background: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  visibility: hidden;
  position: absolute;
  right: 0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.help-icon-tooltip .ant-tooltip-inner {
  width: fit-content;
}
.common-tip {
  margin-left: 8px;
  cursor: pointer;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.wps-web-office-drawer .ant-drawer-header {
  padding: 14px 24px;
  border-bottom: 1px solid #ddd;
}
.wps-web-office-drawer .wps-web-office-drawer-main {
  height: 100%;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree {
  width: 354px;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  border-right: 1px solid #ddd;
  background-color: white;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .top-search {
  padding: 16px 14px 4px;
  height: 60px;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .top-search .ant-input-affix-wrapper {
  padding: 4px 11px;
  border-radius: 4px;
  border: 1px solid #C4DCF3;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main {
  height: calc(100% - 60px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 14px;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .add-icon {
  width: 16px;
  height: 16px;
  color: #ccc;
  font-size: 16px;
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 2px;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .match-keyword {
  color: #ED8475;
  font-weight: bold;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse {
  position: relative;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse::before {
  content: ' ';
  display: block;
  position: absolute;
  top: 7px;
  left: -12px;
  width: 11.5px;
  height: 1px;
  background-color: #ED8475;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-parent-icon {
  width: 14px;
  height: 14px;
  color: white;
  font-size: 9px;
  background-color: #ED8475;
  display: flex;
  margin-right: 6px;
  margin-top: 1px;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel {
  width: 100%;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .ant-collapse-content-box {
  padding: 0;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .ant-collapse-header {
  display: flex;
  padding: 0;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .ant-collapse-header .ant-collapse-header-text {
  color: #222222;
  line-height: 16px;
  font-weight: 600;
  font-size: 16px;
  word-break: break-all;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .ant-collapse-extra {
  line-height: 1;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .ant-collapse-extra .ant-btn-link {
  padding: 0;
  height: 16px;
  line-height: 16px;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main {
  width: 100%;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-left-line {
  width: 1px;
  margin: 0 0 0 6.5px;
  background-color: #ED8475;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content {
  overflow: hidden;
  padding-left: 12.5px;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .tree-node-item {
  width: 100%;
  padding: 9px 7px;
  border-radius: 4px;
  background: #F0F8FF;
  margin-top: 6px;
  column-gap: 6px;
  cursor: pointer;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .tree-node-item + .ant-collapse {
  margin-top: 10px;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .tree-node-item:hover .add-icon {
  color: #1890FF;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .tree-node-item .add-icon,
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .tree-node-item .node-checkbox {
  flex-shrink: 0;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .tree-node-item .node-title {
  font-size: 14px;
  color: #222222;
  line-height: 22px;
  text-align: left;
  font-style: normal;
  word-break: break-all;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .tree-node-item:first-child,
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .tree-node-item + .ant-collapse,
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .ant-collapse + .tree-node-item,
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .ant-collapse + .ant-collapse,
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-node-collapse-pannel .tree-pannel-main .tree-pannel-content .ant-collapse:first-child {
  margin-top: 10px;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-1::before {
  display: none;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-2::before {
  background-color: #ED8475;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-2 .tree-node-collapse-pannel .ant-collapse-header .ant-collapse-header-text {
  font-weight: 400;
  font-size: 14px;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-2 .tree-pannel-main .tree-pannel-left-line,
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-2 .tree-node-parent-icon {
  background-color: #93B5FB;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-3::before {
  background-color: #93B5FB;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-3 .tree-pannel-main .tree-pannel-left-line,
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-3 .tree-node-parent-icon {
  background-color: #6FC8AC;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-4::before {
  background-color: #6FC8AC;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-4 .tree-pannel-main .tree-pannel-left-line,
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-4 .tree-node-parent-icon {
  background-color: #BFA0D6;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-5::before {
  background-color: #BFA0D6;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-5 .tree-pannel-main .tree-pannel-left-line,
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-left-tree .fields-tree-main .tree-level-5 .tree-node-parent-icon {
  background-color: #FFD880;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-right-wps {
  overflow: hidden;
  position: relative;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-right-wps .wps-web-office-content {
  width: 100%;
  height: 100%;
}
.wps-web-office-drawer .wps-web-office-drawer-main .wps-web-office-drawer-right-wps .wps-loading-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  background-color: transparent;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
@keyframes changeColor {
  0% {
    background: #ffe726;
  }
  25% {
    background: #fc3b39;
  }
  100% {
    background: #fc3b39;
  }
}
@keyframes showTips {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-15px);
    opacity: 0;
  }
}
@keyframes opacitys {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.4);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.printing .ping-bottom-right .layout-file-content {
  display: flex!important;
  flex-direction: column;
}
@media print {
  html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
  }
  body {
    -webkit-print-color-adjust: exact;
  }
  .printing {
    height: unset;
    overflow-y: auto;
  }
  .printing #root {
    visibility: hidden;
  }
  .printing .ant-drawer {
    display: none;
  }
  .printing .ping-bottom-right-wrap {
    margin-bottom: 0 !important;
  }
  .printing .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: none;
  }
  .printing .ant-drawer-content,
  .printing .ant-drawer-content-wrapper,
  .printing .detail-wrap-body,
  .printing .ant-drawer-body {
    height: fit-content !important;
    position: static !important;
  }
  .printing .ant-drawer-content {
    height: unset !important;
  }
  .printing .detail-wrap .detail-wrap-body {
    overflow: unset;
  }
  .printing .detail-wrap-body {
    padding-bottom: 0 !important;
    height: unset !important;
  }
  .printing .detail-item {
    background-color: #fff !important;
  }
  .printing .close-btn {
    display: none;
  }
  .printing .toggle-btn {
    display: none;
  }
  .printing .biz-header-list-wrap {
    height: auto !important;
    /*display: none;*/
  }
  .printing .list-header {
    display: none;
  }
  .printing .section-not-print {
    display: none !important;
  }
  .printing #detail-print .biz-header-list-wrap {
    padding-top: 0 !important;
    height: auto !important;
  }
  .printing #detail-print .biz-header-list-wrap .biz-header-wrap,
  .printing #detail-print .biz-header-list-wrap .biz-list-wrap {
    display: none;
  }
  .printing #detail-print #section-print {
    visibility: visible;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
  }
  .printing .common-header .ope {
    display: none;
  }
  .printing #section-print2 {
    padding-top: 0 !important;
    color: #000 !important;
    visibility: visible;
    overflow: visible;
    height: fit-content !important;
    bottom: unset !important;
    background: #fff !important;
  }
  .printing #section-print2 .biz-icon i {
    color: #aaa !important;
  }
  .printing #section-print2 * {
    color: #000 !important;
    visibility: visible !important;
  }
  .printing #section-print2 i {
    color: #fff !important;
  }
  .printing #section-print2 .avatar span {
    background: #aaa !important;
    color: #fff !important;
  }
  .printing #section-print2 .biz-header-wrap {
    display: block !important;
    position: relative !important;
    height: 70px;
    z-index: 1000;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #f7f8fa;
    top: 2px;
    left: 0 !important;
  }
  .printing #section-print2 .biz-detail-wrap {
    margin: 0;
    visibility: visible;
    position: relative;
    height: unset !important;
  }
  .printing #section-print2 .biz-detail-wrap .flow-todo-wrap .btn-list {
    float: none;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom {
    margin-top: 0.1cm;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left {
    display: inline-block;
    width: 65%;
    min-width: auto;
    height: auto;
    vertical-align: top;
    overflow-x: auto;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .layout-workflow {
    padding-bottom: 20px;
    padding-left: 0;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .layout-workflow .flow-todo-wrap .btn-list {
    float: none;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .ant-tabs-tabpane-inactive {
    visibility: hidden;
    height: 10px;
    overflow: hidden;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .ant-tabs-tabpane-active {
    visibility: visible;
    height: auto;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .group-content img {
    height: 60px;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .layout-comment {
    width: 100%;
    padding: 0;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .layout-comment .comment-edit-wrap {
    overflow: hidden;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .layout-comment .comment-edit-wrap .content {
    min-height: 80px;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .layout-comment .layout-comment-content {
    display: block;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .layout-comment .layout-comment-content .layout-comment-item {
    padding: 0;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-left .layout-comment .layout-comment-content .layout-comment-item .right {
    font-size: 10px;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-right {
    font-size: 12px;
    display: inline-block;
    width: 34%;
    min-width: auto;
    margin-left: 1%;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-right .layout-schedule-content {
    padding-right: 0.1cm;
  }
  .printing #section-print2 .biz-detail-wrap .ping-bottom-right .layout-schedule-content .bizType {
    white-space: nowrap;
    font-size: 10px;
  }
  .printing .fixed-widgets {
    display: none;
  }
  .printing .step-guide .ant-tabs-tab .desc {
    position: relative;
    display: -webkit-box;
    top: 6px;
    bottom: unset;
  }
  .multi-tab-mode .web-header {
    display: none;
  }
  .multi-tab-mode .multiple-tabs-root > .ant-tabs-nav {
    display: none;
  }
}
#root {
  height: 100%;
  width: 100%;
}
#root > div {
  height: 100%;
  width: 100%;
}
#root > div.hasBrowserLowerWarning {
  height: calc(100% - 36px);
}
.ant-spin-container {
  height: 100%;
}
.auto-login-loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
i {
  font-style: normal;
}
tr.discount-outer td {
  background: rgba(255, 235, 235) !important;
}
tr.discount-outer:hover td {
  background: rgba(255, 235, 235) !important;
}
.ant-table-small .delete-text {
  font-size: 12px !important;
  height: unset !important;
}
.delete-text {
  text-decoration: line-through;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.delete-text a,
.delete-text .biz-meta-link {
  color: #999;
  pointer-events: none;
  cursor: default;
}
.delete-text.big {
  font-size: 14px;
  height: unset !important;
}
.delete-text.no-text-decoration {
  text-decoration: none;
}
.delete-text.no-text-decoration .color-span {
  text-decoration: none;
}
.delete-text .color-span {
  text-decoration: line-through;
  color: #999999 !important;
  padding: unset !important;
  background: transparent !important;
}
.relative-item tbody tr td.ant-table-cell-fix-left {
  z-index: 9999;
}
.relative-item .forbidEdit {
  width: '100%';
  height: '100%';
  background-color: '#ededed';
  color: '#999';
  border-radius: '4px';
  display: 'flex';
  align-items: 'center';
  padding-left: '8px';
  cursor: 'not-allowed';
}
.full-modal-all {
  width: 100% !important;
  transform: translateX(1px) !important;
}
.full-modal-all .ant-drawer-body {
  padding: 0;
}
.full-modal-all2 .ant-drawer-body {
  padding: 0;
}
.pop-card {
  width: 300px;
}
.pop-card .pop-card-content .radio {
  display: block;
  height: 30px;
  line-height: 30px;
}
.pop-card .pop-card-content button {
  position: absolute;
  right: 25px;
  bottom: 10px;
}
.view-ope p {
  line-height: 30px;
  cursor: pointer;
}
.view-ope p:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-table-placeholder {
  border-bottom: none;
}
.pagination-wrap {
  float: right;
  font-size: 12px;
  display: flex;
}
.pagination-wrap li.ant-pagination-item a {
  font-size: 12px;
}
.pagination-wrap li.ant-pagination-item.ant-pagination-item-active {
  background-color: #1890ff;
  border-color: #1890ff;
}
.pagination-wrap li.ant-pagination-item.ant-pagination-item-active a {
  color: #ffffff;
}
.pagination-wrap .ant-pagination-item-link > i {
  transform: scale(0.7);
}
.pagination-wrap .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
  font-size: 12px;
}
.pagination-wrap .pagination-wrap-jump .ant-pagination-prev,
.pagination-wrap .pagination-wrap-jump .ant-pagination-item,
.pagination-wrap .pagination-wrap-jump .ant-pagination-next {
  display: none;
}
.pagination-wrap .pagination-wrap-jump .ant-pagination-options {
  margin-left: 0;
}
.ant-pagination-options-quick-jumper:not(.hecom-bi) {
  height: 20px;
  line-height: 20px;
}
.ant-pagination-options-quick-jumper:not(.hecom-bi) input {
  height: 20px;
  text-align: center;
  width: 28px;
  font-size: 12px;
  padding: 4px;
}
.operation {
  text-align: center;
}
.operation > i {
  color: #a5a5a5;
  font-size: 16px;
  cursor: pointer;
}
.operation > i:hover {
  color: #535353;
}
.ant-popover-inner-content .biz-data-list-ope,
.ant-dropdown .biz-data-list-ope {
  color: #b9bbbc;
  min-width: 68px;
}
.ant-popover-inner-content .biz-data-list-ope p,
.ant-dropdown .biz-data-list-ope p {
  padding: 8px 25px 8px 10px;
  cursor: pointer;
  display: block;
  line-height: 20px;
  -webkit-user-select: none;
          user-select: none;
}
.ant-popover-inner-content .biz-data-list-ope p .heicon,
.ant-dropdown .biz-data-list-ope p .heicon {
  font-size: 14px;
  color: #b9bbbc;
  vertical-align: middle;
}
.ant-popover-inner-content .biz-data-list-ope p .text,
.ant-dropdown .biz-data-list-ope p .text {
  margin-left: 10px;
  font-size: 14px;
  color: #222222;
  vertical-align: middle;
}
.ant-popover-inner-content .biz-data-list-ope p:hover,
.ant-dropdown .biz-data-list-ope p:hover {
  background-color: #f7f7f9;
}
.ant-popover-inner-content .biz-data-list-ope > a,
.ant-dropdown .biz-data-list-ope > a {
  padding: 8px 25px 8px 10px;
  cursor: pointer;
  line-height: 20px;
  -webkit-user-select: none;
          user-select: none;
  display: block;
}
.ant-popover-inner-content .biz-data-list-ope > a .heicon,
.ant-dropdown .biz-data-list-ope > a .heicon {
  font-size: 14px;
  color: #b9bbbc;
  vertical-align: middle;
}
.ant-popover-inner-content .biz-data-list-ope > a .text,
.ant-dropdown .biz-data-list-ope > a .text {
  margin-left: 10px;
  font-size: 14px;
  color: #222222;
  vertical-align: middle;
}
.ant-popover-inner-content .biz-data-list-ope > a:hover,
.ant-dropdown .biz-data-list-ope > a:hover {
  background-color: #f7f7f9;
}
.ant-popover-inner-content .biz-data-list-ope > span,
.ant-dropdown .biz-data-list-ope > span {
  padding: 8px 25px 8px 10px;
  cursor: pointer;
  line-height: 20px;
  -webkit-user-select: none;
          user-select: none;
  display: block;
}
.ant-popover-inner-content .biz-data-list-ope > span .heicon,
.ant-dropdown .biz-data-list-ope > span .heicon {
  font-size: 14px;
  color: #b9bbbc;
  vertical-align: middle;
}
.ant-popover-inner-content .biz-data-list-ope > span .text,
.ant-dropdown .biz-data-list-ope > span .text {
  margin-left: 10px;
  font-size: 14px;
  color: #222222;
  vertical-align: middle;
}
.ant-popover-inner-content .biz-data-list-ope > span:hover,
.ant-dropdown .biz-data-list-ope > span:hover {
  background-color: rgba(24, 144, 255, 0.1);
}
.ant-popover-inner-content .biz-data-list-ope > span:hover .heicon,
.ant-dropdown .biz-data-list-ope > span:hover .heicon {
  color: #1890ff;
}
.ant-popover-inner-content .biz-data-list-ope > span:hover .text,
.ant-dropdown .biz-data-list-ope > span:hover .text {
  color: #1890ff;
}
.lookHeader {
  position: relative;
  margin-bottom: 5px;
}
.lookHeader .search-btn {
  position: absolute;
  right: 20px;
  top: 0;
}
.relative-title {
  line-height: 28px;
  font-size: 15px;
}
.ant-dropdown-menu-item button {
  border: 0;
  height: 22px;
  background: none !important;
  color: rgba(0, 0, 0, 0.65) !important;
  padding: 0 20px 0 0;
  width: 100%;
  text-align: start;
}
.ant-dropdown-menu-item i {
  font-style: normal;
  margin-right: 5px;
}
.color-span {
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
}
.ant-timeline-item-head-custom {
  background: transparent;
}
.search-drop-down-wrap {
  transform: translate(10px, -3px);
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 0;
  border: none;
}
.search-drop-down-wrap .search-title {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  color: #747779;
  font-size: 12px;
  border-bottom: 1px solid #e9e9e9;
}
.search-drop-down-wrap .search-title:hover {
  cursor: initial;
}
.search-drop-down-wrap .ant-dropdown-menu-item {
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
}
.search-drop-down-wrap .ant-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.search-drop-down-wrap .ant-dropdown-menu-item.ant-menu-item-selected,
.search-drop-down-wrap .ant-dropdown-menu-item:hover {
  background: #f7f7f9;
}
.search-drop-down-wrap .ant-dropdown-menu-item .bizName {
  font-size: 14px;
  line-height: 14px;
  color: #222222;
}
.search-drop-down-wrap .ant-dropdown-menu-item .bizName i {
  margin-right: 12px;
  color: #999;
  font-size: 13px;
}
.search-drop-down-wrap .ant-dropdown-menu-item .bizDataName {
  font-size: 12px;
  line-height: 12px;
  color: #999;
}
.search-drop-down-wrap .ant-dropdown-menu-item .bizInfo {
  margin-left: 3px;
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
  vertical-align: middle;
}
.close-btn {
  width: 20px;
  cursor: pointer;
  text-align: right;
}
.titleColumn .ant-table-column-sorter {
  position: relative;
  display: none;
  width: 14px;
  height: 20px;
  vertical-align: text-top;
  text-align: center;
  margin-left: -4px;
  padding-top: 1px;
}
.titleColumn .ant-table-column-sorter .ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: 0;
}
.titleColumn .ant-table-column-sorter .ant-table-column-sorter-down,
.titleColumn .ant-table-column-sorter .ant-table-column-sorter-up {
  line-height: 4px;
  display: block;
  width: 14px;
  height: 6px;
  cursor: pointer;
  color: #f0f2f5;
}
.titleColumn .ant-table-column-sorter .ant-table-column-sorter-down.on {
  color: #676d79;
}
.titleColumn .ant-table-column-sorter .ant-table-column-sorter-up.on {
  color: #676d79;
}
.titleColumn .ant-table-column-sorter .ant-table-column-sorter-down.off {
  color: #bfbfbf;
}
.titleColumn .ant-table-column-sorter .ant-table-column-sorter-up.off {
  color: #bfbfbf;
}
.titleColumn .ant-table-column-sorter.show-sort {
  display: inline-block;
}
.worktrack-popover {
  width: 320px;
  transform: translateY(10px);
}
.worktrack-popover .ant-popover-inner {
  border-radius: 5px;
}
.worktrack-popover .ant-popover-title {
  border-bottom: none;
  font-size: 14px;
  color: #1890ff !important;
  padding-bottom: 0;
  padding-top: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.worktrack-popover .ant-popover-content > .ant-popover-arrow:after {
  content: ' ';
  bottom: -16px !important;
  margin-left: -12px !important;
  border-bottom-width: 0;
  border-top-color: #fff;
  border-width: 12px !important;
}
.worktrack-popover .ant-popover-inner-content {
  padding-top: 4px;
}
.worktrack-popover .realTime-popover-content {
  line-height: 20px;
}
.worktrack-popover .realTime-popover-content .title {
  color: #181d20;
  padding-right: 40px;
}
.worktrack-popover .realTime-popover-content .title .separate {
  display: inline-block;
  width: 0;
  height: 10px;
  border-left: 1px solid #ccc;
  margin: 0 6px;
}
.worktrack-popover .realTime-popover-content .title .isOnLine {
  float: right;
  margin-right: 10px;
  color: lightblue;
}
.worktrack-popover .realTime-popover-content .address {
  color: #999;
}
.worktrack-popover-content,
.worktrack-bdMap-content {
  padding: 0 17px 0 0;
  border-radius: 4px;
}
.worktrack-popover-content p,
.worktrack-bdMap-content p {
  color: #181d20;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.worktrack-popover-content p i,
.worktrack-bdMap-content p i {
  font-style: normal;
  color: #9e9e9e;
  margin-right: 8px;
}
.worktrack-popover-content p:nth(3),
.worktrack-bdMap-content p:nth(3) {
  -webkit-font-smoothing: antialiased;
}
.worktrack-bdMap-content {
  padding-left: 17px;
}
.worktrack-bdMap-bottom {
  margin-left: 150px;
}
.BDMapTitle {
  border-bottom: none;
  font-size: 14px;
  color: #1890ff !important;
  padding-bottom: 0;
  padding-top: 8px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.map-marker {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background: linear-gradient(rgba(0, 191, 165, 0.25), rgba(57, 218, 139, 0.25));
  position: relative;
  margin-top: 8px;
  margin-left: -13px;
  z-index: 10;
  color: #fff;
  opacity: 1;
}
.map-marker:hover {
  animation: opacitys 5s infinite;
  animation-timing-function: ease-in;
  background: linear-gradient(rgba(80, 162, 255, 0.25), rgba(124, 77, 255, 0.25));
}
.map-marker:hover::before {
  background: linear-gradient(#50a2ff, #7c4dff);
}
.map-marker > span {
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  text-align: center;
  z-index: 11;
  left: 11px;
  top: 11px;
  line-height: 22px;
}
.map-marker::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 13px;
  position: absolute;
  z-index: 10;
  left: 11px;
  top: 11px;
  background: linear-gradient(#00bfa5, #39da8b);
}
.cusBmap-marker {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  position: relative;
  margin-top: 8px;
  margin-left: -13px;
  z-index: 10;
  color: #fff;
  opacity: 1;
}
.cusBmap-marker:hover {
  animation: opacitys 5s infinite;
  animation-timing-function: ease-in;
}
.cusBmap-marker:hover::before {
  background: linear-gradient(#50a2ff, #7c4dff);
}
.cusBmap-marker > span {
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  text-align: center;
  z-index: 11;
  left: 11px;
  top: 11px;
  line-height: 22px;
}
.cusBmap-marker::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 13px;
  position: absolute;
  z-index: 10;
  left: 11px;
  top: 11px;
  background: linear-gradient(#d81e06, #d81e06);
}
.agg-footer {
  display: inline-block;
  margin-left: 20px;
  max-width: 45%;
}
.agg-footer-multi-line {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
}
.hidden {
  display: none;
}
.error {
  color: #e15151;
}
.empty-text {
  min-height: 200px;
}
.table-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
.table-foot .ant-pagination {
  margin-top: 5px;
}
.table-foot .pagination-wrap-showSizeChanger {
  float: right !important;
}
.table-foot .pagination-wrap-showSizeChanger .ant-pagination .ant-pagination-prev,
.table-foot .pagination-wrap-showSizeChanger .ant-pagination .ant-pagination-item,
.table-foot .pagination-wrap-showSizeChanger .ant-pagination .ant-pagination-disabled,
.table-foot .pagination-wrap-showSizeChanger .ant-pagination .ant-pagination-next,
.table-foot .pagination-wrap-showSizeChanger .ant-pagination .ant-pagination-jump-next,
.table-foot .pagination-wrap-showSizeChanger .ant-pagination .ant-pagination-total-text {
  display: none !important;
}
.table-foot .pagination-wrap-showSizeChanger .ant-pagination .ant-pagination-item-disabled {
  display: none !important;
}
.table-foot .pagination-wrap-current {
  float: left !important;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  border-width: 7px;
  border-right-width: 0;
  right: 1px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow:after {
  bottom: -6px;
  border-width: 6px;
  border-right-width: 0;
}
.ant-pagination:not(.hecom-bi) > li {
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.ant-pagination:not(.hecom-bi) > li a {
  min-width: 20px;
  height: 20px;
  line-height: 18px;
}
.ant-pagination:not(.hecom-bi) > li a.ant-pagination-item-link,
.ant-pagination:not(.hecom-bi) > li a.ant-pagination-item-link:after {
  height: 20px;
  line-height: 20px;
}
.ant-pagination:not(.hecom-bi) > li .ant-select-selection--single,
.ant-pagination:not(.hecom-bi) > li .ant-select-selection__rendered {
  min-width: 20px;
  height: 20px;
  line-height: 18px;
}
.ant-pagination:not(.hecom-bi) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 20px;
  font-size: 12px;
  padding: 0 5px;
}
.ant-pagination:not(.hecom-bi) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
  line-height: 18px;
}
.ant-pagination:not(.hecom-bi) .anticon-right {
  font-size: 12px;
}
.form-merge-wrap > h3 {
  font-size: 14px;
  font-weight: 400;
}
.form-merge-wrap .ant-table-wrapper {
  margin-top: 20px;
}
.form-merge-wrap .ant-table-wrapper .ant-table-thead .radio-group {
  display: flex;
}
.form-merge-wrap .ant-table-wrapper .ant-table-thead .radio-group .ant-radio-wrapper {
  max-width: 115px;
  margin: 0;
}
.form-merge-wrap .ant-table-wrapper .ant-table-thead .radio-group .ant-radio-wrapper .ant-radio {
  min-width: 16px;
}
.form-merge-wrap .ant-table-wrapper .ant-table-thead .radio-group label,
.form-merge-wrap .ant-table-wrapper .ant-table-thead .radio-group .label {
  white-space: normal;
  flex: 1 1;
  display: flex;
  align-items: center;
}
.form-merge-wrap .ant-table-wrapper .ant-table-thead .radio-group label span,
.form-merge-wrap .ant-table-wrapper .ant-table-thead .radio-group .label span {
  white-space: nowrap;
  max-width: 128px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-merge-wrap .ant-table-wrapper .radio-group {
  display: flex;
}
.form-merge-wrap .ant-table-wrapper .radio-group .ant-radio-wrapper {
  margin-right: 10px;
}
.form-merge-wrap .ant-table-wrapper .radio-group label,
.form-merge-wrap .ant-table-wrapper .radio-group .label {
  white-space: normal;
  flex: 1 1;
  display: flex;
  align-items: center;
}
.form-merge-wrap .ant-table-wrapper .radio-group label span,
.form-merge-wrap .ant-table-wrapper .radio-group .label span {
  white-space: normal;
}
.filter-dom .filterLogic {
  margin: 5px 0;
}
.filter-dom .marginBottom5 {
  margin-bottom: 5px;
}
.ant-dropdown-menu.moreMenuInner {
  width: 160px;
  transform: translate(0, 5px);
}
.ant-dropdown-menu.moreMenuInner .ant-dropdown-menu-item {
  padding: 0 15px;
  line-height: 39px;
  color: #1f2022;
}
.ant-dropdown-menu.moreMenuInner .ant-dropdown-menu-item:hover {
  background: #f7f7f9;
}
.activeViewSelect.view {
  padding: 8px 0px;
}
.activeViewSelect.view .ant-select-dropdown-menu-item {
  line-height: 32px;
}
.activeViewSelect {
  width: 160px;
}
.activeViewSelect .ant-select-dropdown-menu-item {
  padding: 0 15px;
  line-height: 40px;
  color: #181d20;
}
.activeViewSelect .ant-select-dropdown-menu-item:hover,
.activeViewSelect .ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-selected {
  background: #f2f2f2;
  font-weight: normal;
}
.setPopover .ant-popover-arrow {
  display: none;
}
.setPopover .ant-popover-title {
  padding: 0 15px;
  font-size: 12px;
  line-height: 30px;
  color: #b9bbbc;
  font-weight: normal;
}
.setPopover .ant-popover-inner-content {
  padding: 0;
}
.setPopover .view-ope p {
  cursor: pointer;
  padding: 0 20px;
  font-size: 14px;
  line-height: 39px;
  color: #181d20;
  position: relative;
}
.setPopover .view-ope p:hover {
  background: #f7f7f9;
}
.setPopover .view-ope p i {
  position: absolute;
  right: 20px;
  font-style: normal;
  color: #747779;
}
.detail-info {
  margin: 0 15px;
}
.operationPopover .ant-popover-inner-content {
  padding: 10px 0;
}
.operationPopover .ant-popover-inner-content .biz-data-list-ope > span {
  padding: 6px 20px;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
}
.operationPopover .ant-popover-inner-content .biz-data-list-ope > span:last-child {
  border-radius: 0 0 4px 4px;
}
.operationPopover .ant-popover-inner-content .biz-data-list-ope > span .text {
  margin-left: 0;
  font-size: 14px;
}
.operationPopover .ant-popover-arrow {
  margin-right: 0;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomRight {
  padding-top: 0px;
}
.ant-popover-arrow {
  margin-right: -5px;
}
.ant-popover-inner {
  border-radius: 4px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomRight {
  padding-top: 0px;
}
.cwc-item-picker-pop-wrap.ant-popover-placement-bottom,
.cwc-item-picker-pop-wrap.ant-popover-placement-bottomRight {
  padding-top: 15.3137085px;
}
.cwc-filter-config-content .number-content-wrap {
  display: flex;
}
.ant-popover-arrow {
  margin-right: -5px;
}
.ant-popover-inner {
  border-radius: 4px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: 0px -8px;
}
.ant-table .ant-table-expanded-row-fixed {
  color: #999999;
  padding: 0px;
}
.amap-zoomcontrol {
  border-radius: 5px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1) !important;
}
.amap-zoomcontrol .amap-zoomcontrol {
  width: 40px !important;
}
.theader-filter-popover {
  padding: 0 20px;
}
.theader-filter-popover .ant-popover-arrow {
  display: none;
}
.theader-filter-popover .ant-checkbox-inner::after {
  left: 18.5%;
}
.theader-filter-popover .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  left: 50%;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content {
  min-height: 90px;
  min-width: 360px;
  padding: 12px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content *:not(.icon-a-360shitu) {
  font-size: 12px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .item-content-wrap {
  display: flex;
  align-items: center;
  padding-bottom: 6px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .header-wrap {
  margin-right: 8px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .header-wrap > span {
  font-size: 12px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap {
  width: 100%;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .number-content-wrap {
  display: flex;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-input {
  font-size: 12px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-select,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-select-selector,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-radio-button-wrapper,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-select-selection-search-input {
  height: 28px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-checkbox-wrapper,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-radio-button-wrapper {
  font-size: 12px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-checkbox-inner {
  height: 14px;
  width: 14px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .site-checkbox-all-wrapper {
  max-height: 224px;
  overflow-y: auto;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-radio-button-wrapper {
  height: auto;
  padding: 0px 19px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-table-small .ant-table-thead > tr > th {
  background-color: #f0f2f5;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-table-pagination.ant-pagination {
  padding-bottom: 0;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-divider-horizontal {
  margin: 6px 0 12px 0;
  color: #dfdfdf;
  border-top: 1px solid #dfdfdf;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-select-selection-item {
  line-height: 28px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-pagination {
  text-align: right;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-pagination > li {
  height: 20px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-pagination .ant-pagination-options .ant-select,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-pagination .ant-pagination-options .ant-select-selector,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-pagination .ant-pagination-options .ant-select-selection-item {
  height: 20px;
  line-height: 20px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-checkbox + span {
  padding-right: 0;
  padding-left: 6px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-select,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-select-selector,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-input-search-button,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-radio-button-wrapper,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-select-selection-search-input {
  height: auto;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-select .ant-select-selection-overflow,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-select-selector .ant-select-selection-overflow,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-input-search-button .ant-select-selection-overflow,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-radio-button-wrapper .ant-select-selection-overflow,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-select-selection-search-input .ant-select-selection-overflow {
  max-width: 210px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-select .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-input-search-button .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-radio-button-wrapper .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .table-tree-select-wrap .ant-select-selection-search-input .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item {
  height: 23px;
  line-height: 23px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .header-filter-userselect .ant-select-selection-overflow::after {
  line-height: 20px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .header-filter-userselect .ant-select-selection-overflow .ant-select-selection-item {
  line-height: 20px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .header-wrap .ant-select-selector,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-select-selector {
  max-height: 180px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .header-wrap .heicon:not(.icon-a-360shitu),
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .heicon:not(.icon-a-360shitu) {
  color: #ccc;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .header-wrap .ant-input-number,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .value-wrap .ant-input-number {
  width: 100%;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .errMsg {
  color: var(--theme, #fd6364);
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .data-list {
  min-width: 218px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 16px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .data-list-span {
  display: inline-block;
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #f1f1f1;
  border-radius: 4px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .data-list-span:hover {
  cursor: pointer;
  color: #1890ff;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .click-span {
  color: #1890ff;
  background-color: #e7f3ff;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .theaderFilter-check .ant-checkbox-group-item {
  width: 100%;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .theaderFilter-check .ant-checkbox-wrapper {
  width: 100%;
  margin: 4.5px 0;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .theaderFilter-check .ant-checkbox-wrapper > span:last-child {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .select-checked-span {
  max-width: 230px;
  height: 28px;
  background: #e4f1ff;
  color: #1890ff;
  display: inline-block;
  text-align: center;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  padding-left: 15px;
  padding-right: 15px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .select-div {
  position: relative;
  z-index: 1;
  float: left;
  margin-right: 5px;
  height: 28px;
  margin-bottom: 5px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .select-div .right-btn {
  position: absolute;
  z-index: 2;
  right: 7px;
  top: -4px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .select-div .right-btn .anticon svg {
  width: 10px;
  height: 10px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .theaderFilter-data-line {
  height: 1px;
  width: 10px;
  border: 1px solid #e6e8ea;
  margin-top: 15px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .theaderfilter-date-style {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .theaderfilter-date-style .ant-picker {
  width: 104px;
  padding: 4px 6px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .theaderfilter-date-style input {
  font-size: 13px;
  background-color: #f0f0f0;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .content-row .theaderfilter-date-style .ant-calendar-picker-icon {
  display: none;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
  width: 100%;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .button-row-left .ant-checkbox-wrapper {
  margin-right: 8px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .button-row-left .ant-dropdown-trigger:hover {
  color: #1890FF;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-checkbox-wrapper,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-checkbox {
  font-size: 12px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-checkbox-inner {
  width: 14px;
  height: 14px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-btn {
  width: 64px;
  height: 30px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  padding: unset;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-btn:not(:last-child) {
  margin-right: 8px;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-btn.cancel {
  background: #fff;
  color: #adb4c2;
  border: 1px solid #adb4c2;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-btn.cancel:active {
  color: #fff;
  background: #adb4c2;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-btn.cancel:hover {
  color: #fff;
  background: #adb4c2;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-btn.ok {
  color: #fff;
  background-color: #1890ff;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .clear-filter {
  cursor: pointer;
  visibility: hidden;
  font-size: 12px;
  color: #666;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .clear-filter:active,
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .clear-filter:hover {
  color: #1890ff;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .clear-filter.show {
  visibility: unset;
}
.theader-filter-popover .ant-popover-inner .ant-popover-inner-content .button-row .ant-checkbox + span {
  padding-right: 0;
  padding-left: 6px;
}
.theader-filter-popover .ant-popover-inner:has(.ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:nth-child(2).ant-tabs-tab-active) .filter-footer-checkbox-includes-sub-data {
  display: none;
}
.theader-filter-popover .ant-select-focused .ant-select-selection,
.pop-condition .ant-select-focused .ant-select-selection,
.theader-filter-popover .ant-select-selection:focus,
.pop-condition .ant-select-selection:focus,
.theader-filter-popover .ant-select-selection:active,
.pop-condition .ant-select-selection:active,
.theader-filter-popover input:focus,
.pop-condition input:focus,
.theader-filter-popover input:hover,
.pop-condition input:hover,
.theader-filter-popover input:active,
.pop-condition input:active,
.theader-filter-popover .ant-input-number-focused,
.pop-condition .ant-input-number-focused,
.theader-filter-popover .ant-input-number:hover,
.pop-condition .ant-input-number:hover,
.theader-filter-popover .ant-select-selection:hover,
.pop-condition .ant-select-selection:hover,
.theader-filter-popover .ant-radio-button-wrapper-checked:first-child,
.pop-condition .ant-radio-button-wrapper-checked:first-child,
.theader-filter-popover .ant-radio-button-wrapper-checked:hover,
.pop-condition .ant-radio-button-wrapper-checked:hover,
.theader-filter-popover .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.pop-condition .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.theader-filter-popover .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled),
.pop-condition .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  box-shadow: none;
  border-color: #1890ff;
}
.theader-filter-popover .pop-card-content .ant-btn:hover,
.pop-condition .pop-card-content .ant-btn:hover,
.theader-filter-popover .pop-card-content .ant-btn:focus,
.pop-condition .pop-card-content .ant-btn:focus,
.theader-filter-popover .pop-card-content .ant-btn:active,
.pop-condition .pop-card-content .ant-btn:active,
.theader-filter-popover .ant-btn.active,
.pop-condition .ant-btn.active {
  color: #1890ff;
  border-color: #1890ff;
}
.theader-filter-popover .ant-radio-button-wrapper:hover,
.pop-condition .ant-radio-button-wrapper:hover,
.theader-filter-popover .ant-radio-button-wrapper-focused,
.pop-condition .ant-radio-button-wrapper-focused,
.theader-filter-popover .ant-radio-button-wrapper-checked,
.pop-condition .ant-radio-button-wrapper-checked {
  color: #1890ff !important;
  border-color: #1890ff !important;
}
.theader-filter-popover .ant-radio-button-wrapper:hover:not(:first-child)::before,
.pop-condition .ant-radio-button-wrapper:hover:not(:first-child)::before,
.theader-filter-popover .ant-radio-button-wrapper-focused:not(:first-child)::before,
.pop-condition .ant-radio-button-wrapper-focused:not(:first-child)::before,
.theader-filter-popover .ant-radio-button-wrapper-checked:not(:first-child)::before,
.pop-condition .ant-radio-button-wrapper-checked:not(:first-child)::before {
  background-color: #1890ff !important;
}
.theader-filter-popover .ant-select-selection--multiple .ant-select-selection__choice,
.pop-condition .ant-select-selection--multiple .ant-select-selection__choice {
  background: rgba(84, 128, 215, 0.12);
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  color: #1890ff;
  border-radius: 0;
}
.theader-filter-popover .ant-select-selection--multiple .ant-select-selection__choice__remove,
.pop-condition .ant-select-selection--multiple .ant-select-selection__choice__remove {
  position: absolute;
  right: 0;
  top: -5px;
  font-size: 14px;
  color: #1890ff;
}
.theader-filter-popover .levelSelectContent .ant-cascader-menu > .ant-cascader-menu-item > .anticon-check,
.pop-condition .levelSelectContent .ant-cascader-menu > .ant-cascader-menu-item > .anticon-check {
  color: #1890ff;
}
.theader-filter-popover .btm-btn .ant-btn,
.pop-condition .btm-btn .ant-btn {
  width: 64px;
  height: 30px;
  border-radius: 6px;
  font-size: 12px;
  border: none;
  background: #1890ff;
}
.theader-filter-popover .btm-btn .ant-btn span,
.pop-condition .btm-btn .ant-btn span {
  color: #fff;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after {
  color: #1890ff;
}
.tree-error-modal .modal-text {
  display: block;
  width: 100%;
  padding: 0 6px;
}
.tree-error-modal .modal-text .tree-error-content {
  min-height: 240px;
  overflow-y: scroll;
  max-height: 400px;
}
.tree-error-modal .modal-text .tree-error-content .child-box .child-error-name {
  margin-top: 14px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #181d20;
}
.tree-error-modal .modal-text .tree-error-content .child-box .child-error-content {
  overflow: hidden;
}
.tree-error-modal .modal-text .tree-error-content .child-box .child-error-content .child-error-content-icon {
  float: left;
  width: 34px;
  padding: 4px 17px 0 0px;
}
.tree-error-modal .modal-text .tree-error-content .child-box .child-error-content .child-error-content-text {
  padding: 14px 20px;
  float: right;
  width: calc(100% - 34px);
  background-color: #fee3e4;
  border-radius: 4px;
  border: 1px solid #fc3b39;
  font-size: 14px;
  font-weight: 400;
  color: #fc3b39;
  line-height: 20px;
}
.tree-error-modal .modal-text .tree-error-content .child-box .child-error-content .child-error-content-text .child-error-text-item {
  margin-bottom: 8px;
  text-align: left;
}
.tree-error-modal .modal-text .tree-error-content .child-box .child-error-content .child-error-content-text :last-child {
  margin-bottom: 0px;
}
.relative-table .table-elem-lg {
  min-width: 250px;
  overflow: hidden;
}
.relative-table .specialBatchCreateWrap {
  display: inline-block;
}
.relative-table .specialBatchCreateWrap > div:not(:first-child) {
  margin-left: 10px;
}
.relative-table .ant-table-column-title {
  word-break: keep-all;
}
.sort-order-values {
  padding: 0 20px 20px 20px;
}
.totalTag {
  display: inline-block;
  font-size: 11px;
  color: #fd9928;
  border: 1px solid #fd9928;
  border-radius: 2px;
  width: 32px;
  text-align: center;
  margin-left: 4px;
  line-height: 1.1;
  height: 1.1;
}
.min-confirm-modal .ant-modal-footer,
.min-form-modal .ant-modal-footer,
.common-modal .ant-modal-footer {
  border-top: none;
  box-shadow: 4px 4px 6px 5px rgba(0, 0, 0, 0.1);
}
.min-confirm-modal .ant-modal-footer .ant-btn,
.min-form-modal .ant-modal-footer .ant-btn,
.common-modal .ant-modal-footer .ant-btn {
  border-radius: 6px;
  border: 1px solid #979797;
  background: #fff;
  color: #adb4c3;
}
.min-confirm-modal .ant-modal-footer .ant-btn.ant-btn-primary,
.min-form-modal .ant-modal-footer .ant-btn.ant-btn-primary,
.common-modal .ant-modal-footer .ant-btn.ant-btn-primary {
  border: none;
  background: #1890ff;
  color: #fff;
}
.min-confirm-modal .ant-modal-content .ant-modal-body {
  height: 101px;
  padding: 0;
}
.min-confirm-modal .ant-modal-content .ant-modal-body .confirmTips {
  text-align: center;
  color: #181d20;
  font-size: 14px;
  line-height: 101px;
}
.min-form-modal .ant-modal-content .ant-modal-body {
  min-height: 200px;
}
.common-modal .ant-transfer .ant-btn {
  border-color: #1890ff;
}
.common-modal .ant-transfer .ant-btn.ant-btn-primary {
  background-color: #1890ff;
}
.common-modal .ant-transfer .ant-btn:disabled {
  background-color: #fff;
}
.common-modal .ant-transfer .ant-btn:disabled .anticon {
  color: #1890ff;
}
.common-modal .ant-transfer .ant-checkbox-checked .ant-checkbox-inner,
.common-modal .ant-transfer .ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.common-modal .ant-transfer .ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.common-modal .ant-transfer .ant-input:focus,
.common-modal .ant-transfer .ant-input:hover {
  border-color: #1890ff;
  box-shadow: none;
}
.datetime-radio .ant-radio-button-wrapper {
  width: 25%;
  padding: 0;
  text-align: center;
  border-width: 0;
  background-color: unset;
}
.datetime-radio .ant-radio-button-wrapper::before {
  width: 0;
}
.datetime-radio .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background-color: #FFF;
  box-shadow: unset!important;
  color: #222 !important;
  padding: 0!important;
}
.datetime-radio .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  background-color: #FFF;
}
.errMessage .ant-modal-body {
  padding-top: 0 !important;
}
.custom-modal .ant-modal-body {
  padding: 16px;
  overflow: overlay;
  max-height: calc(100vh - 140px);
}
.custom-modal.picker-modal .ant-modal-body {
  padding: 0px 16px 16px 16px;
}
.custom-modal.picker-modal .lookHeader {
  margin-top: 16px;
}
.custom-modal.small .ant-modal {
  width: 500px !important;
}
.custom-modal.middle .ant-modal {
  width: 700px !important;
}
.custom-modal.large .ant-modal {
  width: 960px !important;
}
.custom-modal.max .ant-modal {
  width: 1200px !important;
}
.custom-modal.picker-modal .ant-modal {
  width: calc(100% - 80px) !important;
  max-width: calc(100% - 80px);
}
.custom-modal.picker-modal .ant-modal-body {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 180px);
}
.custom-modal.picker-modal .ant-modal-body .biz-list-drag-container {
  flex: 1 1;
}
.custom-modal.picker-modal .biz-data-table-wrap.reset {
  height: 100%;
}
.custom-modal.custom .ant-modal {
  width: calc(100% - 40px) !important;
}
.custom-modal.width-auto .ant-modal .ant-modal-header .ant-modal-title {
  width: auto;
}
.custom-modal .ant-btn:empty {
  visibility: visible;
}
.custom-modal .ant-modal-body {
  padding: 16px;
}
.custom-modal.noPaddingBody .ant-modal-body {
  padding: 0;
}
.custom-modal.file-preview .ant-modal {
  max-width: unset;
  height: 100%;
  padding-bottom: 0;
  top: 0;
}
.custom-modal.file-preview .ant-modal-content {
  height: 100%;
}
.custom-modal.file-preview .ant-modal-body {
  overflow: hidden;
  max-height: 100%;
  height: calc(100% - 62px);
}
.custom-modal.file-preview .ant-modal-body iframe {
  height: 100%;
}
.custom-modal .ant-modal-footer .ant-checkbox-wrapper {
  float: left;
}
.custom-modal .ant-radio-checked .ant-radio-inner {
  border-color: #1890ff;
}
.custom-modal .ant-radio-inner:after {
  background-color: #1890ff;
}
.custom-modal .lookHeader .search-btn:focus {
  border-color: #1890ff;
  color: #1890ff;
}
.custom-modal .lookHeader .ant-btn-primary {
  background-color: #1890ff;
  border-color: #1890ff;
}
.custom-modal .ant-pagination-item-active {
  background-color: #1890ff;
  border-color: #1890ff;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-input,
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-select-selection-selected-value {
  color: #222;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-input:focus,
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-select-selection:focus,
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-select-open .ant-select-selection,
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-input-number:focus {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(84, 128, 215, 0.2);
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-checkbox-checked .ant-checkbox-inner {
  border-color: #1890ff;
  background-color: #1890ff;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-checkbox-disabled .ant-checkbox-inner::after {
  margin-left: 1px;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-upload-list-picture-card .ant-upload-list-item {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  margin: 0 20px 20px 0;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-upload-list-picture-card .ant-upload-list-picture-card-container {
  width: 100px;
  height: 100px;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-upload-list-picture-card .ant-upload-list-picture-card-container .ant-upload-list-item-uploading-text {
  margin-top: 6px;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-upload-list-picture-card .ant-upload-list-picture-card-container .ant-upload-list-item-progress {
  bottom: 38px;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-upload.ant-upload-select-picture-card {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  border: 1px dashed #d7d6d6;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-upload.ant-upload-select-picture-card:hover .anticon-plus {
  color: #1890ff;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-upload.ant-upload-select-picture-card .anticon-plus {
  font-size: 17px;
  color: #747779;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-cascader-picker-arrow,
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-picker-suffix,
.custom-modal .ant-modal .ant-modal-body .form-item-p .ant-select-arrow {
  color: #666;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p ::-webkit-scrollbar {
  display: none;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .regionCascade ::-webkit-scrollbar {
  display: none;
}
.custom-modal .ant-modal .ant-modal-body .form-item-p .regionCascade .ant-select-selection__rendered {
  line-height: 32px;
}
.file-history {
  padding-bottom: 30px;
}
.file-history .history-tips {
  line-height: 50px;
  font-size: 14px;
  color: #666;
  padding: 0 20px;
}
.file-history .history-box {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 10px;
}
.file-history .history-box .history-item {
  display: flex;
}
.file-history .history-box .history-item .history-time {
  width: 75px;
  padding-right: 10px;
  font-size: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 10px;
}
.file-history .history-box .history-item .history-time .date {
  color: #494949;
  height: 50px;
  line-height: 68px;
  text-align: right;
  white-space: nowrap;
}
.file-history .history-box .history-item .history-time .hour {
  float: right;
  color: #777;
  position: relative;
}
.file-history .history-box .history-item .history-time .hour::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 1px;
  position: absolute;
  top: 8px;
  background: rgba(0, 0, 0, 0.2);
  right: -10px;
}
.file-history .history-box .history-item .history-info {
  flex: 1 1;
  width: 0;
  overflow: hidden;
  padding: 0 5px;
  cursor: pointer;
  margin-top: 12px;
  border-radius: 4px;
}
.file-history .history-box .history-item .history-info .history-info-name {
  height: 48px;
  line-height: 64px;
  display: flex;
}
.file-history .history-box .history-item .history-info .history-info-name > span:first-child {
  width: 0;
  flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-history .history-box .history-item .history-info .history-info-name .version {
  display: inline-block;
  width: 64px;
  text-align: right;
  font-size: 13px;
  color: #777;
}
.file-history .history-box .history-item .history-info .history-info-name .history-operation {
  display: none;
  width: 110px;
  text-align: right;
  font-size: 13px;
}
.file-history .history-box .history-item .history-info .history-info-modifier {
  height: 24px;
  line-height: 20px;
  font-size: 12px;
  color: #777;
}
.file-history .history-box .history-item .history-info:hover {
  background: #f3f3f3;
}
.file-history .history-box .history-item .history-info:hover .history-info-name {
  color: #1890ff;
}
.file-history .history-box .history-item .history-info:hover .version {
  display: none;
}
.file-history .history-box .history-item .history-info:hover .history-operation {
  display: inline-block;
}
.account-root-wrap {
  z-index: 2001;
}
.excel-modal .ant-modal-body .detail-template {
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 15px;
}
.excel-modal .fields-match {
  font-size: 14px;
  color: #1890ff;
  cursor: pointer;
  line-height: 22px;
  height: 22px;
}
.excel-modal .fields-match i {
  font-size: 16px;
  margin-right: 5px;
}
.print-modal .ant-modal-body {
  padding-left: 15px;
  padding-right: 15px;
  max-height: unset !important;
}
.print-modal .ant-modal-body .detail-template {
  padding-left: 35px;
  padding-right: 35px;
}
.print-modal .print-title-wrap .btn-box {
  float: right;
}
.print-modal .print-title-wrap .btn-box .ant-select {
  vertical-align: middle;
}
.print-modal .ant-modal .ant-modal-header .ant-modal-title:before {
  position: absolute;
}
.print-modal .ant-modal-close {
  display: none;
}
.print-modal .ant-modal-body {
  background-color: #dddddd;
}
.print-modal .pdfobject-preview {
  width: 100%;
  height: 100%;
}
.more-list-table .ant-table.ant-table-middle {
  height: 100%;
}
.more-list-table .ant-table.ant-table-middle .ant-table-container {
  height: 100%;
}
.more-list-table .ant-table-row > td {
  padding: 0 16px !important;
}
.list-table {
  width: 100%;
}
.list-table .ant-table-container {
  height: calc(100% - 41px);
}
.list-table .ant-table-thead tr {
  background-color: #fafafa;
  border-radius: 8px 8px 0 0;
}
.list-table .ant-table-row > td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #222;
  line-height: 34px;
  border-bottom: 1px solid #e8e8e8;
  text-align: left;
}
.list-table .ant-table-row > td span div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.list-table .ant-table-row > td.right {
  text-align: right;
}
.list-table .ant-table-row > td > div {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #222;
  height: auto;
  line-height: 34px;
}
.list-table .ant-table-row > td > div > div {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-table .ant-table-row > td > div > a {
  color: #1890ff;
}
.list-table .ant-table-thead2 tr > th:first-child,
.list-table .ant-table-thead2 tr > th:nth-child(2) {
  border-left: none !important;
}
.list-table .ant-table-thead2 tr > .react-resizable {
  border-left: 1px solid #d8d8d8 !important;
}
.list-table .ant-table-thead2 tr > .react-resizable:nth-child(2) {
  border-left: 1px solid #d8d8d8 !important;
}
.list-table td .color-span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  border-radius: 4px;
  height: 20px;
  padding: 0 4px;
}
a.aggregation-field-wrap .color-span:hover {
  text-decoration: underline;
}
.empty-table .ant-table-fixed .ant-table-tbody {
  display: inline-block;
  min-height: 800px;
}
.more-info {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 12px 0 16px 0;
  -webkit-user-select: none;
          user-select: none;
}
.more-info .dash-line {
  flex-grow: 1;
  height: 1px;
  background-image: linear-gradient(to right, #1890ff 0%, #1890ff 50%, transparent 50%);
  background-size: 8px 1px;
  background-repeat: repeat-x;
}
.more-info .text {
  text-align: center;
  font-size: 12px;
  color: #1890ff;
  cursor: pointer;
  display: inline-block;
  padding: 0 14px;
}
.more-info .text i {
  font-style: normal;
  display: inline-block;
  transform: scale(0.8);
  margin-left: 7px;
}
.more-info .text .icon-open {
  transform: scale(0.8) rotate(180deg);
  position: relative;
  top: -3px;
}
.convert-customer-modal .form-item-wrap,
.convert-opportunity-modal .form-item-wrap {
  margin-top: 12px;
}
.convert-customer-modal .form-item-wrap:nth-child(odd),
.convert-opportunity-modal .form-item-wrap:nth-child(odd) {
  clear: left;
}
.convert-customer-modal .convert-error,
.convert-opportunity-modal .convert-error {
  position: absolute;
  bottom: -20px;
  right: 30px;
  font-size: 10px;
}
.convert-customer-modal .convert-error .send-info,
.convert-opportunity-modal .convert-error .send-info {
  color: #333;
}
.convert-customer-modal .convert-error .error-info,
.convert-opportunity-modal .convert-error .error-info {
  color: #fc3b39;
}
.convert-customer-modal .convert-error .ope,
.convert-opportunity-modal .convert-error .ope {
  color: #1890ff;
  margin-left: 10px;
  cursor: pointer;
}
.convert-customer-modal .merge-customer,
.convert-opportunity-modal .merge-customer {
  position: absolute;
  right: 30px;
  color: #5480d7;
  font-size: 12px;
  cursor: pointer;
  z-index: 1001;
}
.convert-customer-modal .merge-customer span,
.convert-opportunity-modal .merge-customer span {
  margin-right: 2px;
}
.convert-customer-modal .more-info,
.convert-opportunity-modal .more-info {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 12px 0 16px 0;
  -webkit-user-select: none;
          user-select: none;
}
.convert-customer-modal .more-info .dash-line,
.convert-opportunity-modal .more-info .dash-line {
  flex-grow: 1;
  height: 1px;
  background-image: linear-gradient(to right, #1890ff 0%, #1890ff 50%, transparent 50%);
  background-size: 8px 1px;
  background-repeat: repeat-x;
}
.convert-customer-modal .more-info .text,
.convert-opportunity-modal .more-info .text {
  text-align: center;
  font-size: 12px;
  color: #1890ff;
  cursor: pointer;
  display: inline-block;
  padding: 0 14px;
}
.convert-customer-modal .more-info .text i,
.convert-opportunity-modal .more-info .text i {
  font-style: normal;
  display: inline-block;
  transform: scale(0.8);
  margin-left: 7px;
}
.sider-list {
  background-color: #fff;
  position: relative;
  width: 0;
}
.sider-list .ant-tree-switcher {
  width: 20px;
}
.sider-list .tree-left {
  overflow-x: hidden;
}
.sider-list .tree-left .search-tree-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sider-list .tree-left .search-tree-wrap .search-block {
  flex-grow: 0;
  flex-shrink: 0;
}
.sider-list .tree-left .search-tree-wrap .list-block {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
}
.sider-list .sider-list-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  padding: 0 16px;
  line-height: 36px;
  height: 36px;
  font-weight: 500;
}
.sider-list .tree-left.on {
  padding: 13px 14px;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.12);
  width: 95%;
  height: 100%;
  overflow-y: hidden;
  min-width: 190px;
  overflow-x: auto;
}
.sider-list .side-item {
  cursor: pointer;
}
.sider-list .side-item.active {
  color: #1890ff;
}
.sider-list .h16 {
  font-size: 14px;
  color: #222;
  margin-bottom: 5px;
  cursor: pointer;
}
.sider-list .treeView {
  display: none;
}
.sider-list .ant-tree .ant-tree-node-content-wrapper {
  color: #333;
  line-height: 20px;
  min-height: 20px;
  white-space: nowrap;
}
.sider-list .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: none;
}
.sider-list .ant-tree .ant-tree-node-content-wrapper .ant-tree-title {
  white-space: nowrap;
}
.sider-list .ant-tree-node-content-wrapper:before:hover {
  background-color: rgba(253, 99, 100, 0.1);
}
.sider-list .toggle-icon {
  position: absolute;
  top: 50%;
  right: -6px;
  z-index: 100;
  line-height: 40px;
  cursor: pointer;
  background-color: #f0f0f0;
}
.sider-list .toggle-icon .reverse {
  transform: rotate(-180deg);
}
.sider-list .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.sider-list .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: rgba(253, 99, 100, 0.1);
}
.sider-list .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.sider-list .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fd6364;
}
.sider-list .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.sider-list .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: rgba(14, 44, 74, 0.08);
}
.sider-list .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.sider-list .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  color: #fd6364;
}
.sider-list .menu-list {
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.12);
  width: 95%;
  height: 100%;
  overflow-y: auto;
}
.sider-list .menu-list .ant-menu-inline .ant-menu-item:after {
  border-right: 0;
  border-left: #fd6364 2px solid;
}
.sider-list .menu-list .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: rgba(250, 91, 89, 0.06);
}
.sider-list .menu-list .ant-menu-item-selected,
.sider-list .menu-list .ant-menu-item:hover {
  color: #fd6364;
}
.multibiz-list-container .sider-tree .ant-tree-list-holder {
  position: relative;
}
.multibiz-list-container .sider-tree .ant-tree-list-holder > div {
  position: unset !important;
}
.multibiz-list-container .sider-tree .ant-tree-list-holder > div .ant-tree-list-holder-inner {
  bottom: 0;
  overflow-x: auto;
}
.multibiz-list-container .sider-tree .ant-tree-list-holder > div .ant-tree-list-holder-inner .ant-tree-treenode {
  width: fit-content;
}
.picker-modal .sider-list {
  max-height: 100%;
}
.multipicker-modal .ant-tree-treenode,
.singlepicker-modal .ant-tree-treenode,
.multibiz-list-container .ant-tree-treenode {
  padding-bottom: 0;
  min-height: 40px;
}
.multipicker-modal .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected,
.singlepicker-modal .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected,
.multibiz-list-container .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  height: 40px;
  line-height: 40px;
  background: #1890ff;
}
.multipicker-modal .ant-tree.ant-tree-directory .ant-tree-treenode::before,
.singlepicker-modal .ant-tree.ant-tree-directory .ant-tree-treenode::before,
.multibiz-list-container .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  bottom: 0;
}
.multipicker-modal .sider-list .ant-tree-treenode,
.singlepicker-modal .sider-list .ant-tree-treenode,
.multibiz-list-container .sider-list .ant-tree-treenode,
.filterBySequenceTree .sider-list .ant-tree-treenode {
  height: 40px;
  align-items: center;
}
.multipicker-modal .sider-list .ant-tree-switcher,
.singlepicker-modal .sider-list .ant-tree-switcher,
.multibiz-list-container .sider-list .ant-tree-switcher,
.filterBySequenceTree .sider-list .ant-tree-switcher {
  align-self: center;
}
.multipicker-modal .sider-list .sider-tree-pagination-box,
.singlepicker-modal .sider-list .sider-tree-pagination-box,
.multibiz-list-container .sider-list .sider-tree-pagination-box,
.filterBySequenceTree .sider-list .sider-tree-pagination-box {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sider-list.on {
  width: 196px;
  flex: 0 0 196px;
}
.sider-list.on .treeView {
  display: inline;
}
.sider-list.on .sider-tree-pagination-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px;
  justify-content: flex-end;
  color: #222;
  font-weight: 400;
  font-size: 12px;
  line-height: 40px;
  height: 40px;
  font-family: PingFangSC-Regular, PingFang SC;
}
.sider-list.on .sider-tree-pagination-box .total-count-box,
.sider-list.on .sider-tree-pagination-box .ant-pagination {
  white-space: nowrap;
}
.sider-list.on .sider-tree-pagination-box .ant-select {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
.sider-list.on .sider-tree-pagination-box .ant-select-item,
.sider-list.on .sider-tree-pagination-box .ant-select-item-option-content {
  font-size: 12px !important;
}
.sider-list.on .sider-tree-pagination-box .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  height: 20px;
  padding: 0 5px;
}
.sider-list.on .sider-tree-pagination-box .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item {
  padding-right: 10px;
  line-height: 20px;
}
.sider-list.on .sider-tree-pagination-box .ant-pagination-item-link {
  height: 12px;
}
.sider-list.on .sider-tree-pagination-box .ant-pagination-item-link .anticon {
  font-size: 12px;
}
.sider-list.on .sider-tree-pagination-box .ant-pagination-prev,
.sider-list.on .sider-tree-pagination-box .ant-pagination-simple .ant-pagination-simple-pager {
  margin-right: 0px;
}
.sider-list.on .sider-tree-pagination-box .ant-pagination-simple .ant-pagination-simple-pager input {
  width: 45px;
  margin-right: 0;
  padding: 0 5px;
  color: #666;
}
.sider-list.on .sider-tree-pagination-box .ant-select-arrow {
  right: 8px;
}
.fixed-widgets {
  position: fixed;
  right: 22px;
  bottom: 45px;
  z-index: 999;
  flex-direction: column;
  cursor: pointer;
}
.fixed-widgets .fixed-widgets-link img {
  width: 64px;
  height: 64px;
}
.fixed-widgets .anticon.anticon-close {
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 10px;
  color: #999;
}
.feedback-detail-modal .feedback-detail-rate {
  text-align: left;
  line-height: 50px;
}
.feedback-detail-modal .feedback-detail-rate .rate-label {
  margin-right: 10px;
  color: #666;
}
.feedback-detail-modal .feedback-detail-item-title {
  color: #333;
  font-size: 15px;
}
.feedback-detail-modal .feedback-detail-item {
  line-height: 32px;
}
.feedback-detail-modal .feedback-detail-item .rate-star {
  font-size: 0;
  position: absolute;
}
.feedback-detail-modal .feedback-detail-item .ant-rate-text {
  color: #222;
  margin-left: 0px;
}
.feedback-detail-modal .feedback-detail-item .feedback-detail-item-label {
  display: inline-block;
  width: 96px;
  color: #666;
  vertical-align: top;
}
.feedback-detail-modal .feedback-detail-item .feedback-detail-item-value {
  color: #222;
  display: inline-block;
  width: calc(100% - 96px);
  line-height: 20px;
  vertical-align: text-top;
}
.feedback-detail-modal .feedback-detail-item .feedback-detail-item-value .feedback-detail-item-value-image {
  width: 90px;
  height: 90px;
  display: inline-block;
  border: 1px dashed #ccc;
  text-align: center;
  line-height: 90px;
  font-size: 0px;
  margin: 0 8px 8px 0;
}
.feedback-detail-modal .feedback-detail-item .feedback-detail-item-value .feedback-detail-item-value-image img {
  max-width: 80px;
  max-height: 80px;
}
.feedback-detail-modal .divider {
  background-color: #dddddd;
  height: 1px;
  margin: 20px 0;
}
.btm-name {
  color: #666;
  font-size: 12px;
}
.tooltip-small .ant-tooltip-inner {
  font-size: 12px;
}
.tooltip-small.hide-arrow .ant-tooltip-arrow {
  display: none;
}
.tooltip-small.brief .ant-tooltip-inner {
  max-width: 320px;
}
.tooltip-small.agg-area .ant-tooltip-inner {
  color: rgba(255, 255, 255, 0.9);
}
.new-modal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-modal .ant-modal {
  width: calc(100% - 40px) !important;
  top: unset;
  padding-bottom: unset;
}
.role-header-select {
  height: 32px !important;
}
.role-header-select .ant-select-selector {
  height: 30px !important;
}
.exceeds-limit-title {
  font-size: 14px;
  color: #222;
  font-family: PingFangSC-Regular, PingFang SC;
  line-height: 20px;
}
.exceeds-limit-title i {
  color: #ff4d4f;
  margin-right: 3px;
}
.icon-eafc.pop-over {
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
.icon-eafc.pop-over:hover {
  color: #222;
}
.custom-modal.video-preview .ant-modal {
  text-align: center;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}
.custom-modal.video-preview .ant-modal-content {
  border-radius: none;
  box-shadow: none;
  background-color: transparent;
  width: fit-content;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
.custom-modal.video-preview .ant-modal-close {
  position: absolute;
  top: -10vh;
  right: -14px;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.custom-modal.video-preview .ant-modal-close .ant-modal-close-x {
  color: #999;
  font-size: 20px;
  cursor: pointer;
}
.custom-modal.video-preview .ant-modal-close .ant-modal-close-x .anticon.anticon-close-circle {
  background: white;
  border-radius: 50%;
}
.custom-modal.video-preview .ant-modal-header {
  display: none;
}
.custom-modal.video-preview .ant-modal-body {
  position: relative;
  background-color: transparent;
  border: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
  margin-top: 10vh;
}
.custom-modal.video-preview .ant-modal-body .ant-modal-close {
  display: none;
  -webkit-app-region: no-drag;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: fixed;
  right: -40px;
  color: white;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
}
.custom-modal.video-preview .ant-modal-body video {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
}
.ant-message {
  z-index: 3000;
}
/* -----------------------以上设置导航交互修改，正式上线后此功能下线-------------------*/
.full-modal .ant-drawer-header.ant-drawer-header-close-only {
  display: none;
}
.filter-range-picker + div {
  position: relative !important;
  grid-area: right;
}
.ring {
  position: relative;
  width: 200px;
  height: 200px;
  border: 20px solid transparent;
  border-top-color: #ff0000;
  border-left-color: #ff0000;
  border-right-color: #ff0000;
  border-radius: 50%;
  animation: rotate 2s linear infinite;
}
@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
.list-file-pop.multi .title-content {
  min-width: 222px;
}
.list-file-pop.multi .file-img,
.list-file-pop.multi .preview-item {
  padding: 0 4px;
}
.list-file-pop.multi .file-img:hover,
.list-file-pop.multi .preview-item:hover {
  background: #eff7ff;
}
.list-file-pop.multi .file-img {
  padding: 4px;
}
.list-image-pop {
  max-width: 384px;
}
.list-image-pop .title-content .ant-spin-container .image-line:nth-child(5) img {
  margin-right: 0 !important;
}
.list-image-pop .title-content .ant-spin-container .image-line:nth-child(10) img {
  margin-right: 0 !important;
}
.list-image-pop .title-content .ant-spin-container .image-line:nth-child(15) img {
  margin-right: 0 !important;
}
.list-image-pop .title-content .ant-spin-container .image-line:last-child img {
  margin-right: 0 !important;
}
.list-image-pop .title-content img {
  width: 64px;
  height: 64px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  margin-right: 8px !important;
}
.list-image-pop .title-content .ant-spin-container .image-line::last-child img {
  margin-right: 0 !important;
}
.list-image-pop.multi .title-content {
  min-width: 222px;
}
.list-image-pop.multi .file-img,
.list-image-pop.multi .preview-item {
  padding: 0 4px;
}
.list-image-pop.multi .file-img:hover,
.list-image-pop.multi .preview-item:hover {
  background: #eff7ff;
}
.list-image-pop.multi .file-img {
  padding: 4px;
}
.custom-modal .antd-v5-modal-body {
  padding: 0px;
  overflow: overlay;
  max-height: calc(100vh - 140px);
}
.custom-modal.small .antd-v5-modal {
  width: 500px !important;
}
.custom-modal.middle .antd-v5-modal {
  width: 700px !important;
}
.custom-modal.large .antd-v5-modal {
  width: 960px !important;
}
.custom-modal.max .antd-v5-modal {
  width: 1200px !important;
}
.move-target-dragging * {
  cursor: grab;
}
.antd-v5-select-dropdown {
  padding: 0 !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.bizFlow-table-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.bizFlow-table-list .ant-table-wrapper {
  overflow: hidden;
  flex: 0 1 max-content;
}
.bizFlow-table-list,
.bizFlow-table-list .ant-spin-nested-loading,
.bizFlow-table-list .ant-spin-container {
  height: 100%;
  overflow: hidden;
}
.bizFlow-table-list .ant-table,
.bizFlow-table-list .base-table.has-pagination .ant-table {
  overflow: hidden auto;
}
.bizFlow-table-list .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row > td.col-sn,
.bizFlow-table-list .base-table.has-pagination .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row > td.col-sn {
  padding: 6px 6px 7px;
}
.bizFlow-table-list .table-pagination {
  flex-shrink: 0;
  text-align: right;
}
.bizFlow-table-list .table-pagination .ant-pagination {
  text-align: right;
  padding: 12px 0;
}
.bizFlow-table-list .table-pagination .ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
  height: 20px;
  line-height: 20px;
}
.bizFlow-table-list .table-pagination .ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
  height: 20px;
}
.bizFlow-table-list .table-pagination .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 20px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.layout-bizflow {
  padding: 0 20px;
  font-size: 12px;
}
.layout-bizflow .bizFlow-todo-wrap {
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}
.layout-bizflow .bizFlow-todo-wrap:last-child {
  border-bottom: none;
}
.layout-bizflow .bizFlow-todo-wrap .empty-tip {
  font-size: 16px;
  line-height: 49px;
  color: #dddddd;
  text-align: center;
}
.layout-bizflow .bizFlow-todo-wrap .flow-title {
  height: 44px;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout-bizflow .bizFlow-todo-wrap .flow-title .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #fc3b39;
  line-height: 15px;
  font-size: 13px;
}
.layout-bizflow .bizFlow-todo-wrap .flow-title .title {
  color: #222222;
}
.layout-bizflow .bizFlow-todo-wrap .flow-title .flow-title-right {
  display: flex;
  align-items: center;
}
.layout-bizflow .bizFlow-todo-wrap .flow-title .flow-title-right .ant-btn {
  border: none;
  box-shadow: none;
  font-size: 16px;
}
.layout-bizflow .bizFlow-todo-wrap .flow-title .flow-title-right i {
  line-height: 17px;
  color: #666;
  cursor: pointer;
}
.layout-bizflow .bizFlow-todo-wrap .flow-title .flow-title-right i:hover {
  color: #1890ff;
}
.layout-bizflow .bizFlow-todo-wrap .flow-title .flow-title-right .ant-btn:last-child {
  margin-right: -8px;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: 1px;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-sperator-line {
  flex: 1 1;
  display: flex;
  align-items: center;
  height: 40px;
  min-width: 24px;
  max-width: 200px;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-sperator-line .stage-sperator-line-wrap {
  height: 2px;
  width: 100%;
  background-color: #C7C9D3;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-sperator-line .stage-sperator-line-wrap.undo {
  background-color: #C7C9D3;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-sperator-line .stage-sperator-line-wrap.doing {
  background-color: #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-sperator-line .stage-sperator-line-wrap.done {
  background-color: #29BD65;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap {
  display: inline-flex;
  align-items: center;
  height: 56px;
  transition: all 0.5s;
  flex-shrink: 0;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-item-main {
  height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-item-main .stage-point {
  position: absolute;
  top: calc(50% - 2px);
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #C7C9D3;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-item-main .stage-point.point-left {
  left: -1px;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-item-main .stage-point.point-right {
  right: -1px;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-item-main .stage-item-main-center {
  min-width: 78px;
  max-width: 190px;
  padding: 3px 12px;
  min-height: 30px;
  box-sizing: border-box;
  border: 2px solid #C7C9D3;
  border-radius: 1000px;
  color: #A9ADBF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: white;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-item-main .stage-item-main-center .stage-icon {
  flex-shrink: 0;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  top: 0.5px;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-item-main .stage-item-main-center .stage-icon::before {
  color: #C7C9D3;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-item-main .stage-item-main-center .stage-title {
  margin-left: 4px;
  line-height: 20px;
  font-size: 14px;
  font-size: 600;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-item-main .stage-item-main-center .stage-title.title-small {
  font-size: 12px;
  line-height: 14px;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap .stage-item .stage-task-count {
  font-weight: 600;
  font-size: 12px;
  color: #222;
  line-height: 16px;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap:first-child .stage-item-main .point-left {
  display: none;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap:last-child .stage-item-main .point-right {
  display: none;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo .stage-item .stage-point {
  background-color: #C7C9D3;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo .stage-item .stage-item-main-center {
  border: 2px solid #C7C9D3;
  background-color: white;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo .stage-item .stage-item-main-center:hover {
  background-color: #8D919E1A;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo .stage-item .stage-item-main-center .stage-icon::before {
  color: #C7C9D3;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo .stage-item .stage-item-main-center .stage-title {
  font-weight: 400;
  color: #A9ADBF;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo .stage-item .stage-task-count {
  font-weight: 400;
  color: #999;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo.active .stage-item .stage-item-main-center {
  border: 2px solid #C7C9D3;
  background-color: #808597;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo.active .stage-item .stage-item-main-center .stage-icon::before {
  opacity: 0.8;
  color: white;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo.active .stage-item .stage-item-main-center .stage-title {
  font-weight: 600;
  color: white;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.undo.active .stage-task-count {
  font-weight: 600;
  color: #222;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.doing .stage-item .stage-point {
  background-color: #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.doing .stage-item .stage-item-main-center {
  border: 2px solid #1890FF;
  background-color: white;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.doing .stage-item .stage-item-main-center:hover {
  background-color: #1890FF1A;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.doing .stage-item .stage-item-main-center .stage-icon::before {
  color: #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.doing .stage-item .stage-item-main-center .stage-title {
  color: #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.doing.active .stage-item .stage-item-main-center {
  border: 2px solid #C7E4FF;
  background-color: #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.doing.active .stage-item .stage-item-main-center .stage-icon::before {
  opacity: 0.8;
  color: white;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.doing.active .stage-item .stage-item-main-center .stage-title {
  color: white;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.done .stage-item .stage-point {
  background-color: #29BD65;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.done .stage-item .stage-item-main-center {
  border: 2px solid #29BD65;
  background-color: white;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.done .stage-item .stage-item-main-center:hover {
  background-color: #29BD651A;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.done .stage-item .stage-item-main-center .stage-icon::before {
  color: #29BD65;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.done .stage-item .stage-item-main-center .stage-title {
  color: #29BD65;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.done.active .stage-item .stage-item-main-center {
  border: 2px solid #94DEB2;
  background-color: #29BD65;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.done.active .stage-item .stage-item-main-center .stage-icon::before {
  opacity: 0.8;
  color: white;
}
.layout-bizflow .bizFlow-todo-wrap .stage-list .stage-item-wrap.done.active .stage-item .stage-item-main-center .stage-title {
  color: white;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap {
  margin-top: 12px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse {
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item {
  border-bottom: none;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 6px 12px;
  align-items: baseline;
  position: relative;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon {
  line-height: 18px;
  position: relative;
  top: -2px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon .expand-icon {
  margin-right: 4px;
  transition: 0.2s all ease-in;
  line-height: 1.3;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-expand-icon .expand-icon::before {
  color: #666;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
  flex: 1 1;
  overflow: hidden;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .stage-header {
  flex-wrap: wrap;
  row-gap: 4px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .stage-header .stage-title {
  font-weight: 600;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  margin-right: 16px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .stage-header .stage-duration {
  font-weight: 500;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .stage-header .stage-duration .duration-state {
  display: inline-block;
  padding: 2px 4px;
  margin-left: 4px;
  font-weight: 400;
  font-size: 12px;
  color: white;
  line-height: 16px;
  border-radius: 4px;
  background-color: #2ABD65;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .stage-header .stage-duration .warning {
  background-color: #FFB100;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-header .stage-header .stage-header-text {
  font-weight: 400;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-content {
  border-top: 1px solid #DFDFDF;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-content .ant-collapse-content-box {
  padding: 12px;
  position: relative;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item > .ant-collapse-content .ant-collapse-content-box .bizFlow-resize-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  left: 0;
  top: 0;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item .stage-desc {
  min-width: 103px;
  font-weight: 500;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  margin-right: 20px;
  overflow: hidden;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item .stage-desc .stage-desc-content {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item .stage-desc .stage-desc-content .stage-header-text {
  font-weight: 400;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item .stage-desc.desc-incollapse {
  margin-bottom: 8px;
  font-size: 12px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap > .ant-collapse > .ant-collapse-item .stage-desc.desc-incollapse .stage-desc-content {
  text-overflow: unset;
  white-space: pre-wrap;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .ant-upload-list {
  display: none;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list {
  margin: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  column-gap: 8px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-list-column {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  row-gap: 8px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse {
  width: 100%;
  border: none;
  border-radius: 4px;
  overflow: hidden;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse .ant-collapse-item {
  border-bottom: none;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse .ant-collapse-item .ant-collapse-header {
  padding: 0 24px 0 0;
  background-color: #F5F7FB;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon .ant-collapse-arrow {
  right: 7px;
  font-size: 10px;
  color: #999;
  top: 9px;
  transition: 0.2s all ease-in;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
  width: 100%;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse .ant-collapse-item .ant-collapse-content {
  border-top: none;
  background-color: #F5F7FB;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 0;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse .task-item-collapse-nocontent .ant-collapse-header {
  cursor: default;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse.highlight-task {
  border: 1px solid #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse.highlight-task .task-header {
  height: 34px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-collapse.highlight-task .task-header .task-header-left .task-index .index-num .num-box {
  color: #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item {
  padding: 0 26px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  height: 36px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left {
  display: flex;
  align-items: center;
  flex: 1 1;
  overflow: hidden;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index {
  position: relative;
  width: 82px;
  height: 100%;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index .index-num {
  display: flex;
  line-height: 1;
  color: white;
  padding: 0 0 0 1px;
  box-sizing: border-box;
  width: 40px;
  height: 100%;
  background: linear-gradient(180deg, #DDE8FF 0%, #F0F3FA 100%);
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index .index-num .num-box {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 11px;
  height: 22px;
  color: #FFF;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index .index-num .num-box.num-donging {
  color: #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index .index-num .num-box .num-icon {
  font-size: 24px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index .index-num .only-one-number {
  margin-left: 3px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index .index-num.blue-num .num-box {
  color: #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index .index-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../static/media/task-index-bg-gray.8abb35efe2b6cf60e67d.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index.task-pass .index-num {
  background: linear-gradient(134deg, #AAEFAA 0%, #E7F8F8 100%);
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-index.task-pass .index-bg {
  background-image: url(../../static/media/task-index-bg-green.3cf600a45e95b3e41447.png);
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-title {
  position: relative;
  margin-left: -52px;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-title .group-icon::before {
  font-size: 14px;
  color: #222;
  margin-right: 4px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-title .group-title-text {
  font-weight: bold;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-title .task-required {
  margin-left: 4px;
  font-size: 14px;
  color: #FF4F4B;
  line-height: 20px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-title .task-title-status {
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  box-sizing: border-box;
  align-items: center;
  line-height: 18px;
  border-radius: 4px;
  margin-left: 8px;
  font-size: 12px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-title .task-title-status.status-done {
  border: 1px solid #29BD65;
  background-color: #E9F8EF;
  color: #29BD65;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-left .task-title .task-title-status.status-doing {
  border: 1px solid #DD9A18;
  background-color: #FFF4D9;
  color: #DD9A18;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-right .task-btn {
  padding: 3px 8px;
  font-size: 12px;
  line-height: 16px;
  height: 24px;
  box-sizing: border-box;
  border-radius: 4px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-right .task-btn.ant-btn-default {
  border: 1px solid #C5C5C5;
  color: #666;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-right .task-btn.task-btn-blue,
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-right .task-btn.ant-btn-default:hover {
  color: #1890FF;
  border-color: #1890FF;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .task-header-right .task-btn.task-btn-blue:hover {
  background-color: #EFF7FF;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .ant-checkbox-wrapper {
  padding-left: 4px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .ant-checkbox-wrapper .ant-checkbox:hover::after {
  visibility: hidden;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .ant-checkbox-wrapper :last-child {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  padding: 0 0 0 4px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-header .ant-checkbox-wrapper .ant-checkbox-checked::after {
  display: block;
  height: 16px;
  box-sizing: border-box;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .child-tast-header .task-header-left .task-title {
  margin-left: 0;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group {
  padding-bottom: 8px;
  padding-right: 0;
  padding-left: 28px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  min-height: 32px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-left {
  width: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  line-height: 7px;
  overflow: hidden;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-left .task-child-line {
  margin-top: 2px;
  border-left: 1px dashed #C7C9D3;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-left .line-hidden {
  display: none;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-left .task-child-icon {
  position: absolute;
  top: 10px;
  left: 0;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 12px;
  background-color: white;
  border: 1px solid #C7C9D3;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-left .task-child-icon.no-order {
  background-color: #C7C9D3;
  border: 1px solid white;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-left .task-child-icon .wait-icon {
  display: inline-block;
  height: 7px;
  position: relative;
  top: -0.5px;
  left: 1.5px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-left .task-child-icon .wait-icon::before {
  color: #C7C9D3;
  font-size: 7px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-left .task-child-icon.pass {
  background-color: #29BD65;
  border: 1px solid white;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-left .task-child-icon.can-edit {
  background-color: #1890FF;
  border: 1px solid white;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-right {
  flex: 1 1;
  overflow: hidden;
  min-height: 32px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-child-item-right .task-child-item-right-content {
  padding-right: 16px;
  padding-left: 6px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item .task-header {
  padding-left: 6px;
  padding-right: 16px;
  height: 32px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item.item-hover-gray .task-header:hover {
  background-color: #E8EAEF;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item:first-child .task-child-item-left .task-child-line {
  margin-top: 10px;
}
.layout-bizflow .bizFlow-todo-wrap .task-wrap .task-list .task-item-group .task-item-group-list .task-child-item:last-child .task-child-item-left .task-child-line {
  height: 10px;
}
.task-result {
  line-height: 20px;
  color: #666;
  width: 100%;
  word-break: break-all;
  padding: 4px 0 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(286px, 1fr));
  grid-auto-flow: dense;
  /* 使得空位被填充 */
  grid-gap: 8px 16px;
  /* 行间距，列间距 */
}
.task-result .task-result-item {
  flex: 1 1;
  min-width: 286px;
  max-width: 400px;
}
.task-result .task-result-item .value-text .viewer .file-img {
  justify-content: space-between;
}
.task-result .task-result-item .value-text .viewer .file-img > div {
  overflow: hidden;
}
.task-result .task-result-item .value-text .viewer .file-img > div .image-line {
  width: 100%;
}
.task-result .task-result-item-lookup {
  display: flex;
  flex-wrap: nowrap;
}
.task-result .task-result-item-lookup .value-title {
  flex-shrink: 0;
}
.task-result .task-result-item-lookup .value-text {
  flex: 1 1;
  overflow: hidden;
}
.task-result .long-text {
  white-space: break-spaces;
}
.task-result .biz-link-btn {
  display: inline;
  max-width: 100%;
  overflow: hidden;
  display: inline-flex;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-result .file-item {
  position: relative;
  height: 20px;
}
.task-result .file-item:hover {
  background-color: #E8EAEF;
}
.task-result .file-item .ope {
  position: absolute;
  right: 10px;
  display: flex;
  visibility: hidden;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 30px;
  top: 0px;
}
.task-result .file-item .ope > a {
  position: relative;
  top: 0.5px;
}
.task-result .file-item:hover .ope {
  visibility: visible;
}
.task-result .file-item .preview-item {
  display: inline-block;
  width: calc(100% - 20px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
}
.task-result .file-item .preview-item .text-title {
  width: 100%;
}
.task-result .file-item .preview-item .text-show {
  align-items: center;
}
.task-result .value-text {
  color: #666;
}
.task-result .value-text > span {
  color: #666 !important;
}
.task-create {
  color: #666;
  padding: 4px 0 12px;
}
.task-create .biz-data-info {
  padding: 0;
}
.task-create .biz-data-info .biz-data-name {
  color: #333;
}
.task-create .biz-data-info .biz-data-mutil-info {
  width: 100%;
}
.task-create .biz-data-info .biz-data-mutil-info .biz-data-mutil-list {
  line-height: 20px;
  color: #666;
  width: 100%;
  word-break: break-all;
  padding: 4px 0 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(286px, 1fr));
  grid-auto-flow: dense;
  /* 使得空位被填充 */
  grid-gap: 8px 16px;
  /* 行间距，列间距 */
}
.task-create .biz-data-info .biz-data-mutil-info .biz-data-mutil-list .mutil-biz-item {
  flex: 1 1;
  min-width: 286px;
  max-width: 400px;
}
.task-create .biz-data-info .biz-data-mutil-info .biz-data-mutil-list .mutil-biz-item .biz-link-btn {
  display: inline;
  max-width: 100%;
  overflow: hidden;
  display: inline-flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: fit-content;
}
.task-create .task-create-detail {
  margin-top: 8px;
  padding: 8px 0 0 !important;
  border-top: 1px dashed #C5C5C5;
}
.task-create .task-create-detail .task-result {
  padding: 0;
}
.task-create .task-create-detail .table-list-title {
  width: 100%;
  font-size: 14px;
  color: #1890FF;
  line-height: 20px;
  margin-bottom: 4px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #C5C5C5;
  cursor: pointer;
}
.task-create .task-create-detail .table-list-title-no-border {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.task-create .task-create-detail .data-table-list {
  width: 100%;
  overflow: hidden;
}
.task-create .task-create-detail .data-table-list .bizFlow-table-list .table-pagination .ant-pagination {
  padding-bottom: 4px;
}
.task-create .task-create-detail.create-multi {
  margin-top: 0;
  border-top: none;
  padding: 4px 0 0 !important;
}
.task-create .fields-group {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px dashed #C5C5C5;
  padding: 8px 0 0;
  margin: 8px 0;
}
.task-create .fields-group .task-result {
  padding: 4px 0 8px;
}
.task-create .fields-group .group-title {
  font-weight: 600;
  font-size: 14px;
  color: #222222;
  line-height: 20px;
  text-align: left;
}
.task-create .task-result + .fields-group {
  border-top: 1px dashed #C5C5C5;
}
.task-create .fields-group + .fields-group,
.task-create .fields-group-first {
  margin-top: 0;
  padding: 0;
}
.task-create .fields-group + .data-table-list .table-list-title {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.task-child-item-right-content .task-create {
  padding-bottom: 4px;
}
.history-list {
  padding-top: 20px;
}
.history-list .history-title {
  font-size: 16px;
  color: #222222;
  padding-bottom: 12px;
}
.history-list .title {
  font-size: 14px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-list .content {
  color: #666;
  font-size: 13px;
  background-color: #fafafa;
  border-radius: 4px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  max-width: '100%';
  padding: 0 8px;
  margin: 8px 0;
  white-space: pre-wrap;
}
.history-list .task-result {
  padding: 2px 0;
}
.history-list .biz-content {
  color: #999999;
  font-size: 13px;
  display: flex;
  padding: 4px 0;
}
.history-list .time-line {
  font-size: 12px;
  color: #222;
}
.bizFlow-stage-btn-list .ant-btn-group > .ant-btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bizFlow-stage-btn-list .ant-btn-group > .ant-btn:last-child:not(:first-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.bizFlow-stage-btn-list .ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.bizFlow-stage-btn-list .ant-btn-group .ant-btn {
  border-color: #1890FF;
  color: #1890FF;
  padding: 3px 10px;
  line-height: 20px;
  height: 28px;
}
.bizFlow-stage-btn-list .ant-btn-group .ant-btn > i {
  margin-right: 2px;
}
.bizFlow-stage-btn-list .ant-btn-group .ant-btn:hover {
  background-color: #EFF7FF;
}
.bizFlow-stage-btn-list .ant-btn-group .more-btn {
  padding-left: 0;
  padding-right: 0;
  width: 28px;
}
.bizFlow-stage-btn-list .ant-btn-group .more-btn .more-icon {
  font-size: 20px;
  width: 26px;
}
.bizFlow-stage-btn-list-more .more-menu-item.ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-btn {
  padding-right: 0;
  color: #222 !important;
}
.bizFlow-stage-btn-list-more .more-menu-item.ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-btn > i {
  margin-right: 4px;
}
.task-child-table-drawer .ant-drawer-header-close-only {
  padding-bottom: 16px;
}
.task-child-table-drawer .ant-drawer-body {
  border-top: 1px solid #DFDFDF;
  padding: 12px 16px;
  overflow: hidden;
}
.task-child-table-drawer .back-btn {
  font-size: 14px;
  color: #FF4F4B;
  cursor: pointer;
  font-weight: 400;
}
.task-child-table-drawer .back-btn .close-icon {
  font-size: 12px;
}
.task-child-table-drawer .back-btn .text {
  margin-left: 4px;
}
.task-child-table-drawer .back-btn .splitLine {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #C5C5C5;
  margin: 0 0 0 8px;
  vertical-align: middle;
}
.task-child-table-drawer .drawer-title {
  margin-left: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #222;
  line-height: 1;
  cursor: default;
}
.task-child-table-drawer .home-bizFlow-table {
  height: 100%;
  box-sizing: border-box;
}
.ping-bottom-right .bizFlow-todo-wrap .task-wrap .ant-collapse .ant-collapse-header .ant-collapse-header-text .stage-header {
  justify-content: flex-start;
  overflow: auto;
}
.ping-bottom-right .bizFlow-todo-wrap .task-wrap .ant-collapse .ant-collapse-header .ant-collapse-header-text .stage-desc {
  min-width: 20px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-f9bade7b]::before {
  display: table;
  content: '';
}
.clearfix[data-v-f9bade7b]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-f9bade7b] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-f9bade7b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-f9bade7b] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-f9bade7b]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-f9bade7b] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-f9bade7b]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-f9bade7b] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.percent-field-item[data-v-f9bade7b] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.percent-field-item .ant-progress[data-v-f9bade7b] {
  display: flex;
  align-items: center;
}
.percent-field-item .ant-progress[data-v-f9bade7b] .ant-progress-outer {
  flex: 1 1;
  width: unset;
  max-width: 200px;
}
.percent-field-item .ant-progress[data-v-f9bade7b] .ant-progress-text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70px;
  width: auto;
}
.percent-field-item .ant-progress.large[data-v-f9bade7b] .ant-progress-text {
  max-width: calc(100% - 200px);
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.full-modal.all {
  transform: none !important;
}
.full-modal.all .list-wrap .wrap-header {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-modal.all .list-wrap .wrap-header .ant-breadcrumb {
  padding-left: 20px;
}
.full-modal.all .list-wrap .wrap-header .back-link {
  padding-right: 20px;
  line-height: 50px;
}
.full-modal.all .list-wrap .wrap-body {
  height: calc(100% - 100px);
}
.full-modal.all .list-wrap .wrap-body .ant-table.ant-table-middle {
  height: 100%;
}
.full-modal.all .list-wrap .wrap-body .ant-table.ant-table-middle .ant-table-container {
  height: 100%;
}
.full-modal.all .list-wrap .wrap-body.no-footer {
  height: calc(100% - 60px);
}
.full-modal.all .list-wrap .wrap-footer {
  height: 39px;
  line-height: 39px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.grid-item-box.grid-item-brief {
  padding: 10px 20px 0px 20px;
}
.grid-item-box.grid-item-brief .grid-item-header {
  margin-bottom: 0px;
  cursor: unset;
}
.grid-item-box.grid-item-brief .grid-item-header .grid-item-title {
  cursor: pointer;
  flex: none;
}
.grid-item-box.grid-item-brief .grid-item-content {
  overflow: auto;
  align-content: flex-start;
}
.grid-item-box.grid-item-brief .grid-item-content .ant-col-5 {
  max-width: 20%;
  flex: 0 0 20%;
}
.grid-item-box.grid-item-brief .can-click {
  text-decoration: underline;
}
.grid-item-box.grid-item-brief .brief-item {
  position: relative;
  height: 70px;
  padding: 10px 12px;
}
.grid-item-box.grid-item-brief .brief-item.no-line::after {
  display: none;
}
.grid-item-box.grid-item-brief .brief-item:hover {
  background-color: rgba(24, 144, 255, 0.07);
}
.grid-item-box.grid-item-brief .brief-item > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid-item-box.grid-item-brief .brief-item::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 26px;
  background: #e6e7eb;
  right: 0;
  top: 24px;
}
.grid-item-box.grid-item-brief .brief-item:last-child::after {
  display: none;
}
.grid-item-box.grid-item-brief .brief-item .brief-number {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  max-width: 100%;
  width: fit-content;
  color: #222222;
  font-weight: bold;
  height: 37px;
  line-height: 37px;
  font-family: -apple-system, BlinkMacSystemFont, segoe ui, pingfang sc, hiragino sans gb, microsoft yahei, helvetica neue, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
}
.grid-item-box.grid-item-brief .brief-item .brief-label {
  color: #666666;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  font-weight: 400;
  font-family: PingFangSC-Regular, PingFang SC;
}
.grid-item-box.grid-item-brief .brief-item .brief-label .icon-chuansongmen {
  font-size: 16px;
  line-height: 15px;
  height: 16px;
  margin-left: 4px;
}
.grid-item-box.grid-item-brief .brief-item .brief-label i.icon-eafc {
  margin-left: 6px;
  color: #666;
  font-size: 15px;
  height: 16px;
  line-height: 16px;
}
.grid-item-box.grid-item-brief .brief-item .brief-label .brief-label-content {
  display: flex;
  align-items: center;
}
.grid-item-box.grid-item-brief .brief-item .brief-label .brief-label-content .brief-label-text {
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid-item-box.grid-item-brief .brief-item .brief-label i.icon-eafc:hover {
  color: #1890FF;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-f5e088f5]::before {
  display: table;
  content: '';
}
.clearfix[data-v-f5e088f5]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-f5e088f5] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-f5e088f5] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-f5e088f5] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-f5e088f5]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-f5e088f5] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-f5e088f5]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-f5e088f5] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.theader-filter-unfetch[data-v-f5e088f5] {
  z-index: 10000;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.contract-picker .table-list .ant-pagination {
  margin-top: 16px !important;
}
.biz-multi-picker {
  display: flex;
}
.biz-multi-picker .list-wrap-picker {
  height: 100%;
  overflow-y: scroll;
  margin-left: 18px;
}
.biz-multi-picker .list-wrap-picker .search-box {
  display: flex;
  padding-bottom: 10px;
}
.biz-multi-picker .list-wrap-picker .filter-dom {
  padding-bottom: 10px;
}
.biz-multi-picker .list-wrap-picker .biz-data-table-wrap {
  height: 100%;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.main-select-table-footer {
  padding: 4px 0px;
}
.table-split {
  position: relative;
  height: 20px;
  display: flex;
  justify-content: center;
}
.table-split.up {
  height: 30px;
  padding-top: 10px;
}
.table-split.up .content:first-child {
  background: #EBEBEB;
  border: 1px solid #F7F7F7;
}
.table-split.up .content:first-child:hover {
  background: #EBEBEB;
  cursor: default;
  color: #C8C8C8;
}
.table-split.up .content:first-child .icon {
  color: #C8C8C8;
}
.table-split.up .split-line {
  margin-top: 5px;
}
.table-split.down .content:last-child {
  background: #EBEBEB;
  border: 1px solid #F7F7F7;
}
.table-split.down .content:last-child:hover {
  background: #EBEBEB;
  cursor: default;
  color: #C8C8C8;
}
.table-split.down .content:last-child .icon {
  color: #C8C8C8;
}
.table-split .content {
  width: 50px;
  height: 18px;
  background: #FFFFFF;
  border-radius: 9px;
  border: 1px solid #EBEBEB;
  line-height: 18px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-split .content:hover {
  color: #1890FF;
  border: 1px solid #1890FF;
  cursor: pointer;
}
.table-split .content:hover .icon {
  color: #1890FF;
}
.table-split .content .icon {
  font-size: 10px;
  color: #999999;
}
.table-split .split-line {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  height: 4px;
  background: #F7F7F7;
}
.table-split .split-line:hover {
  background: #1890FF;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.result-left {
  float: left;
  width: 25%;
  border-right: 1px solid #ccc;
  height: 100%;
  overflow-y: scroll;
}
.result-left::-webkit-scrollbar {
  width: 0;
}
.result-invoiceItem:hover {
  background-color: #f0f8ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.x05FBc45KU_ONDp_jXwS::before {
  display: table;
  content: '';
}
.x05FBc45KU_ONDp_jXwS::after {
  display: table;
  clear: both;
  content: '';
}
.KdniCJ0UFHwPhz57y6c1 {
  display: flex;
  flex-direction: column;
}
.d54xPAqraQIUVaxcOrdw {
  display: flex;
  align-items: center;
  justify-content: center;
}
.SG8eZVR0zgF_1drEO5pF {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.SG8eZVR0zgF_1drEO5pF::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.hsoYXlpbBUUtrBlLFaZW {
  -ms-overflow-style: unset;
  overflow: auto;
}
.hsoYXlpbBUUtrBlLFaZW::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.WKENu1FBZY7xxO6eauvb {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.nlKKVbIlgTyrsSSMJy6l {
  display: flex;
  align-items: center;
  width: auto;
}
.nlKKVbIlgTyrsSSMJy6l .anticon svg {
  color: #999999;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  cursor: auto;
}
.nlKKVbIlgTyrsSSMJy6l .anticon svg:hover {
  color: #000;
}
.FtU_SSWkPYk4DSAYfdGS .ant-tooltip-inner {
  width: 540px;
  max-height: 360px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 20px;
}
.v0iq85CHSt7NcDu0VQ1p {
  background-color: #fff;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #252525;
  line-height: 17px;
  text-align: left;
  font-style: normal;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-a945f970]::before {
  display: table;
  content: '';
}
.clearfix[data-v-a945f970]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-a945f970] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-a945f970] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-a945f970] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-a945f970]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-a945f970] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-a945f970]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-a945f970] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.upload-to-aliyun.is-table[data-v-a945f970] {
  display: contents !important;
}
.upload-to-aliyun.is-table[data-v-a945f970] .ant-upload-btn,
.upload-to-aliyun.is-table[data-v-a945f970] .upload-container .ant-upload-drag-container:not(:is(:focus-within)) {
  display: initial;
}
.upload-to-aliyun.is-table[data-v-a945f970] .upload-container.clicked .upload-to-aliyun-dragger:focus-within .ant-upload-drag-container {
  display: block;
}
.upload-to-aliyun.is-table.has-file-count[data-v-a945f970] {
  display: flex !important;
}
.upload-to-aliyun.is-table.has-file-count .file-flex[data-v-a945f970] {
  flex: 1 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.upload-to-aliyun.is-table.has-file-count .file-flex .file-origin[data-v-a945f970] {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.upload-to-aliyun.is-table.has-file-count .file-flex .file-origin.has-img .upload-container[data-v-a945f970] {
  flex: unset;
  width: 66px;
}
.upload-to-aliyun.is-table.has-file-count .file-flex .image-list[data-v-a945f970] {
  flex: 0 1 auto;
  margin-right: 4px;
  width: calc(100% - 92px);
  overflow: hidden;
}
.upload-to-aliyun.is-table.has-file-count .file-flex .image-list img[data-v-a945f970] {
  border: 1px solid #ccc;
  height: 26px;
  width: 28px;
  margin-right: 4px;
  cursor: pointer;
  object-fit: contain;
}
.upload-to-aliyun.is-table[data-v-a945f970] .file-count + span {
  flex: 1 1;
}
.upload-to-aliyun.is-table[data-v-a945f970] .file-count + span .upload-to-aliyun-dragger.is-table {
  box-sizing: border-box;
}
.upload-to-aliyun.text[data-v-a945f970] .ant-upload-list-text {
  max-width: 100% !important;
}
.upload-to-aliyun[data-v-a945f970] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within {
  outline-style: solid;
  outline-width: thin;
  outline-color: #0096FF;
}
.upload-to-aliyun[data-v-a945f970] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .click-upload,
.upload-to-aliyun[data-v-a945f970] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .click-upload-plusOutlined,
.upload-to-aliyun[data-v-a945f970] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .characters-no-focus {
  display: none;
}
.upload-to-aliyun[data-v-a945f970] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .copywriting-area {
  top: 0;
}
.upload-to-aliyun[data-v-a945f970] .upload-container.clicked .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)) .ant-upload-drag-container:focus-within .copywriting-area .characters-focus {
  display: initial;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger {
  background-color: #fff;
  max-height: 32px;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger:hover {
  background-color: #f2f9ff;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger:target {
  background-color: red;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)):hover .click-upload {
  color: #009DFF;
  border-color: #009DFF;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)):hover .copywriting-area {
  color: #009DFF;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)):hover.is-table .click-upload-plusOutlined {
  color: #1890FF;
  border: 1px solid #1890FF;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger.is-table {
  box-sizing: content-box;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger.is-table .upload-event-container {
  height: 28px;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger.is-table .right-click-menu-paste {
  height: 28px;
  margin-top: -28px;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger.is-table .click-upload-plusOutlined {
  font-size: 18px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  margin-right: 6px;
  vertical-align: sub;
  cursor: pointer;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger.is-table .upload-dragger-area {
  margin: 0 4px;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger.is-table .copywriting-area {
  top: -2px;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger.ant-upload-disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger.ant-upload-disabled > span {
  pointer-events: none;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger .ant-upload {
  padding: 0;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger .upload-dragger-area {
  font-size: 12px;
  line-height: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  width: initial;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger .upload-event-container {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger .click-upload {
  display: inline-block;
  width: 48px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  line-height: 18px;
  margin-right: 8px;
  color: #666666;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger .right-click-menu-paste {
  height: 30px;
  margin-top: -30px;
  outline-width: 0;
  caret-color: transparent;
  font-size: 0;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger .copywriting-area {
  position: relative;
  color: #999999;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger .copywriting-area .characters-focus {
  display: none;
}
.upload-to-aliyun[data-v-a945f970] .upload-to-aliyun-dragger .right-click-title-menu-paste {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  outline-width: 0;
  font-size: 0;
  caret-color: transparent;
}
.upload-to-aliyun .file-count[data-v-a945f970] {
  line-height: 30px !important;
  margin-right: 6px;
}
.upload-to-aliyun[data-v-a945f970] .ant-upload-list-picture-card {
  margin-top: 8px;
}
.upload-to-aliyun[data-v-a945f970] .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  background-color: #f2f9ff;
  border-color: #40a9ff;
}
.upload-to-aliyun[data-v-a945f970] .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) .click-upload {
  color: #009DFF;
  border-color: #009DFF;
}
.upload-to-aliyun[data-v-a945f970] .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) .copywriting-area {
  color: #009DFF;
}
.upload-to-aliyun[data-v-a945f970] .ant-upload-drag-container,
.upload-to-aliyun[data-v-a945f970] .ant-upload-btn {
  display: block;
}
.table-card-container[data-v-a945f970] .table-action-btn {
  position: absolute;
  top: 0;
}
.table-card-container[data-v-a945f970] .table-action-btn .ant-btn {
  position: absolute !important;
  top: 2px !important;
  right: 6px !important;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
}
.table-card-container[data-v-a945f970] .ant-upload-list-item:hover {
  background-color: unset;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.product-specification .specification-info {
  border-bottom: 1px solid #eee;
  padding-bottom: 16px;
}
.product-specification .specification-info .specification-name {
  color: #666;
  line-height: 32px;
  font-weight: 600;
}
.product-specification .specification-info .specification-value {
  display: inline-block;
  padding: 4px 16px;
  background: #abc;
  border-radius: 11px;
  cursor: pointer;
}
.product-specification .specification-info .specification-value:not(:first-child) {
  margin-left: 12px;
}
.product-specification .specification-info .specification-value.active {
  background-color: #00a2ae;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.checkbox-type-button {
  position: relative;
  margin: 4px !important;
}
.checkbox-type-button .ant-checkbox {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}
.checkbox-type-button .ant-checkbox + span {
  display: block;
  padding: 2px 8px;
  z-index: 9;
  background: #f2f2f2;
  background-color: #f2f2f2;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 3px;
  min-width: 42px;
  text-align: center;
}
.checkbox-type-button .ant-checkbox-checked + span {
  border-color: #1890ff;
  background-color: #1890ff;
  color: #fff;
}
.select-spec-wrap .select-spec-item {
  margin: 10px 0 20px 0;
}
.select-spec-wrap .select-spec-item .spec-checkbox {
  margin: 8px 0;
}
.expr-currency .ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
  padding: 0 11px;
}
.rich-editor .ql-container {
  min-height: 100px;
}
.rich-editor .ql-tooltip {
  display: none;
}
.ant-popover-inner-content {
  /*padding: 0px 0px;*/
  color: rgba(0, 0, 0, 0.85);
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
  content: '超大号';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
  content: '大号';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: '标准';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
  content: '小号';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='10px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='10px']::before {
  content: '10px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='11px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='11px']::before {
  content: '11px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12px']::before {
  content: '12px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='14px']::before {
  content: '14px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before {
  content: '16px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='18px']::before {
  content: '18px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before {
  content: '20px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24px']::before {
  content: '24px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='28px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='28px']::before {
  content: '28px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='36px']::before {
  content: '36px';
}
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='48px']::before,
.rich-editor .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='48px']::before {
  content: '48px';
}
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
  content: '标题一';
}
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
  content: '标题二';
}
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
  content: '标题三';
}
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
  content: '标题四';
}
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
  content: '标题五';
}
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
  content: '标题六';
}
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-label::before,
.rich-editor .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: '标准';
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.batch-edit-content {
  font-size: 12px;
}
.batch-edit-content .child-box .child-error-content {
  margin-bottom: 16px;
}
.batch-edit-content .child-box .child-error-content .child-error-content-text {
  border-radius: 4px;
  border: 1px solid #1890ff;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 16px;
  padding: 8px 16px 8px 8px;
  display: flex;
}
.batch-edit-content .batch-edit-row {
  margin-bottom: 15px;
}
.batch-edit-content .batch-edit-row .err-text {
  color: #ff3344;
  font-size: 12px;
  margin-top: 5px;
}
.batch-edit-content .batch-edit-row .batch-edit {
  margin-bottom: 16px;
}
.batch-edit-content .batch-edit-row .batch-edit.other {
  margin-top: -8px;
}
.batch-edit-content .col-box {
  display: flex;
  justify-content: flex-end;
}
.batch-edit-content .col-box .col-box-text {
  float: left;
  margin-right: 6px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.batch-edit-content .col-box .col-box-text .symbol-label {
  width: 8px;
  color: #FF6666;
  margin-right: 2px;
}
.batch-edit-content .col-box .col-box-icon {
  float: left;
  margin-left: 16px;
  width: 20px;
  height: 32px;
}
.batch-edit-content .col-box .col-box-item {
  float: left;
  width: calc(100% - 82px);
}
.batch-edit-content .col-box .col-box-item.symbol {
  display: flex;
}
.batch-edit-content .col-box .col-box-item.symbol > div {
  width: 32px;
  height: 32px;
  text-align: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  line-height: 30px;
  font-size: 14px;
  color: #666666;
}
.batch-edit-content .col-box .col-box-item.symbol > div:first-child {
  border-left: 1px solid #eee;
  border-radius: 4px 0px 0px 4px;
}
.batch-edit-content .col-box .col-box-item.symbol > div:last-child {
  border-radius: 0px 4px 4px 0px;
}
.batch-edit-content .col-box .col-box-item.symbol > div:hover,
.batch-edit-content .col-box .col-box-item.symbol > div.active {
  cursor: pointer;
  border: 1px solid #1890ff;
  color: #1890ff;
}
.batch-edit-content.popOver {
  width: 334px;
}
.batch-edit-content.popOver.large {
  width: 438px;
}
.batch-edit-content.popOver.large .col-box .col-box-item {
  width: 364px;
}
.batch-edit-content.popOver .ant-select-selection-overflow {
  overflow: hidden;
  overflow-x: auto;
  flex-wrap: nowrap;
}
.batch-edit-content.popOver .batch-edit-row {
  padding: 0px !important;
}
.batch-edit-content.popOver .batch-edit-row .batch-edit {
  margin-bottom: 8px;
}
.batch-edit-content.popOver .batch-edit-row .batch-edit.other {
  margin-top: -4px;
}
.batch-edit-content.popOver .child-box .child-error-content {
  margin-bottom: 8px;
}
.batch-edit-content.popOver .col-box-text {
  line-height: 28px;
}
.batch-edit-content.popOver .col-box-icon {
  height: 28px;
}
.batch-edit-content.popOver .ant-select-multiple .ant-select-selection-item {
  height: 20px;
  line-height: 18px;
}
.batch-edit-content.popOver .col-box .col-box-item {
  width: 260px;
}
.batch-edit-content.popOver .col-box .col-box-item .ant-select-selector,
.batch-edit-content.popOver .col-box .col-box-item .ant-picker {
  height: 28px;
}
.batch-edit-content.popOver .col-box .col-box-item .ant-select-selector input,
.batch-edit-content.popOver .col-box .col-box-item .ant-picker input {
  height: 26px;
}
.batch-edit-content.popOver .col-box .col-box-item .ant-select-selector .ant-select-selection-item,
.batch-edit-content.popOver .col-box .col-box-item .ant-picker .ant-select-selection-item {
  line-height: 26px;
}
.batch-edit-content.popOver .col-box .col-box-item .ant-input,
.batch-edit-content.popOver .col-box .col-box-item .ant-input-number-input {
  height: 26px;
}
.batch-edit-content.popOver .col-box .col-box-item .ant-input.he-input-textarea {
  height: auto !important;
}
.batch-edit-content.popOver .col-box .col-box-item.symbol > div {
  width: 28px;
  height: 28px;
  line-height: 26px;
  font-size: 12px;
}
.ant-popover-inner-content .popover-btn {
  display: flex;
  justify-content: flex-end;
}
.ant-popover-inner-content .popover-btn button:first-child {
  margin-right: 8px;
}
.ant-popover-inner-content .popover-btn button {
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.data-sheet-box {
  width: 100%;
  overflow: scroll;
}
.data-sheet-box .data-grid-container .data-grid .cell {
  padding: 6px 6px;
  vertical-align: middle;
  min-width: 150px;
  text-align: left;
  z-index: 100;
}
.data-sheet-box .data-grid-container .data-grid .cell .table-elem {
  width: 100%;
}
.data-sheet-box .data-grid-container .data-grid .cell .table-item-container {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.data-sheet-box .data-grid-container .data-grid .cell .value-viewer {
  width: 100%;
}
.data-sheet-box .data-grid-container .data-grid .cell .table-item-content {
  flex: 1 1;
  min-width: 0;
  align-items: center;
  display: flex;
}
.data-sheet-box .data-grid-container .data-grid .col1 {
  box-shadow: 2px 0 0px 0px rgba(188, 189, 213, 0.55);
  transform: translate(500, 0);
  -webkit-transform: translate(500, 0);
  text-align: center !important;
  position: sticky;
  width: 100px !important;
  min-width: 100px;
  left: -1px;
  cursor: pointer;
  font-size: 12px;
  color: #1890ff;
}
.data-sheet-box .data-grid-container .data-grid .col0 {
  background: #f0f2f5 !important;
  text-align: center;
}
.data-sheet-box .data-grid-container .data-grid .col2 {
  width: 100px !important;
}
.data-sheet-box .data-grid-container .data-grid .cell.errValue {
  border: 1px double #ff3344;
  transition: none;
  box-shadow: inset 0 -5000px 0 rgba(33, 133, 208, 0.15);
}
.data-sheet-box .data-grid-container .data-grid .cell.errValue .value-viewer {
  color: #ff3344;
}
.data-sheet-box .data-grid-container .data-grid .cell.errValue .triangle {
  width: 0px;
  height: 0px;
  border-right: 10px solid transparent;
  border-top: 10px solid red;
  transform: translate(-6px, -6px);
}
.data-sheet-box .data-grid-container .data-grid .cell.errValue .triangle::after {
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  transform: translate(0px, -10px);
}
.data-sheet-box .data-grid-container .data-grid .cell.errValue.child-field {
  box-shadow: none;
}
.data-sheet-box .data-grid-container .data-grid .cell.errValue.parent-field {
  box-shadow: none;
}
.data-sheet-box .data-grid-container .data-grid .cell.selected {
  border: 1px double #2185d0;
  box-shadow: inset 0 -5000px 0 rgba(33, 133, 208, 0.15);
}
.data-sheet-box .data-grid-container .data-grid .cell.noEdit {
  background-color: #edf7ff;
}
.data-sheet-box .data-grid-container .data-grid .cell.noParse {
  background-color: #efefef;
}
.data-sheet-box .data-grid-container .data-grid .cell.updated {
  background-color: white;
  transition: background-color 0ms ease;
}
.data-sheet-box .data-grid-container .data-grid .district {
  min-width: 300px;
  max-width: 300px;
}
.data-sheet-box .data-grid-container .data-grid .time {
  min-width: 160px;
  max-width: 160px;
}
.data-sheet-box .data-grid-container .data-grid .money {
  text-align: right !important;
}
.data-sheet-box .data-grid-container .data-grid .cell.read-only {
  background: #f0f2f5 !important;
  outline-color: rgba(211, 211, 211, 0.5) !important;
  border: 1px solid #d3d3d3 !important;
}
.data-sheet-box .data-grid-container .data-grid th .th-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.data-sheet-box .data-grid-container .data-grid th .th-header:hover .lock {
  display: block;
  cursor: pointer;
}
.data-sheet-box .data-grid-container .data-grid th .th-header .lock {
  display: none;
  color: #999;
}
.data-sheet-box .data-grid-container .data-grid .number-field {
  text-align: right;
}
.data-sheet-box .data-grid-container .data-grid .cell.parent-field {
  background: #ffefde !important;
  color: #c5c5c5;
}
.data-sheet-box .data-grid-container .data-grid .cell.child-field {
  background: #fff7ee !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.filter-empty-record {
  text-align: right;
  padding: 10px 0;
}
.use-origin-value {
  width: 100%;
}
.use-origin-value .table-elem {
  width: 100%;
}
.ready-delete-item td:not(.ant-table-cell-fix-left) {
  background-color: #dfdfdf;
}
.select-error-item td {
  background: #fde6e6 !important;
}
.select-error-item .ant-table-cell-fix-left,
.select-error-item .ant-table-cell-fix-right {
  background: #fde6e6 !important;
}
.select-error-item .select-error-border textarea {
  outline: none !important;
  box-shadow: unset !important;
}
.select-error-item .select-error-border input {
  border: 1px solid red;
}
.select-error-item .select-error-border .ant-input-group-addon,
.select-error-item .select-error-border .ant-upload.ant-upload-drag,
.select-error-item .select-error-border .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border: unset;
}
.select-error-item .select-error-border .ant-input-group-addon input,
.select-error-item .select-error-border .ant-upload.ant-upload-drag input,
.select-error-item .select-error-border .ql-toolbar.ql-snow + .ql-container.ql-snow input {
  outline: none !important;
  box-shadow: unset !important;
  border: none;
}
.select-error-item .select-error-border .ant-input-wrapper,
.select-error-item .select-error-border .ant-input-affix-wrapper,
.select-error-item .select-error-border .ant-select-selector,
.select-error-item .select-error-border .ant-picker,
.select-error-item .select-error-border .he-input-number,
.select-error-item .select-error-border .item-user-picker-header,
.select-error-item .select-error-border textarea,
.select-error-item .select-error-border .ant-upload-drag-container,
.select-error-item .select-error-border .rich-editor {
  outline: 0;
  border: 1px solid red !important;
  border-radius: 4px;
  box-shadow: unset !important;
}
.select-error-item .select-error-border .ant-input-wrapper input,
.select-error-item .select-error-border .ant-input-affix-wrapper input,
.select-error-item .select-error-border .ant-select-selector input,
.select-error-item .select-error-border .ant-picker input,
.select-error-item .select-error-border .he-input-number input,
.select-error-item .select-error-border .item-user-picker-header input,
.select-error-item .select-error-border textarea input,
.select-error-item .select-error-border .ant-upload-drag-container input,
.select-error-item .select-error-border .rich-editor input {
  outline: none !important;
  box-shadow: unset !important;
  border: none;
}
.select-error-item .select-error-border .ant-input-wrapper .ant-input-affix-wrapper,
.select-error-item .select-error-border .ant-input-affix-wrapper .ant-input-affix-wrapper,
.select-error-item .select-error-border .ant-select-selector .ant-input-affix-wrapper,
.select-error-item .select-error-border .ant-picker .ant-input-affix-wrapper,
.select-error-item .select-error-border .he-input-number .ant-input-affix-wrapper,
.select-error-item .select-error-border .item-user-picker-header .ant-input-affix-wrapper,
.select-error-item .select-error-border textarea .ant-input-affix-wrapper,
.select-error-item .select-error-border .ant-upload-drag-container .ant-input-affix-wrapper,
.select-error-item .select-error-border .rich-editor .ant-input-affix-wrapper {
  border: unset !important;
}
.select-error-item .select-error-border .ant-input-wrapper .ql-toolbar.ql-snow,
.select-error-item .select-error-border .ant-input-affix-wrapper .ql-toolbar.ql-snow,
.select-error-item .select-error-border .ant-select-selector .ql-toolbar.ql-snow,
.select-error-item .select-error-border .ant-picker .ql-toolbar.ql-snow,
.select-error-item .select-error-border .he-input-number .ql-toolbar.ql-snow,
.select-error-item .select-error-border .item-user-picker-header .ql-toolbar.ql-snow,
.select-error-item .select-error-border textarea .ql-toolbar.ql-snow,
.select-error-item .select-error-border .ant-upload-drag-container .ql-toolbar.ql-snow,
.select-error-item .select-error-border .rich-editor .ql-toolbar.ql-snow {
  border-left: none;
  border-right: none;
  border-top: none;
}
.select-error-item .select-error-border .ant-input-wrapper .ant-input-number,
.select-error-item .select-error-border .ant-input-affix-wrapper .ant-input-number,
.select-error-item .select-error-border .ant-select-selector .ant-input-number,
.select-error-item .select-error-border .ant-picker .ant-input-number,
.select-error-item .select-error-border .he-input-number .ant-input-number,
.select-error-item .select-error-border .item-user-picker-header .ant-input-number,
.select-error-item .select-error-border textarea .ant-input-number,
.select-error-item .select-error-border .ant-upload-drag-container .ant-input-number,
.select-error-item .select-error-border .rich-editor .ant-input-number {
  outline: 0;
  border: unset !important;
  box-shadow: unset !important;
}
.select-error-item .select-error-border .component-hecom-input:hover,
.select-error-item .select-error-border .component-hecom-input:focus {
  box-shadow: unset !important;
}
.select-error-item-warn td {
  background: #FFF8E8 !important;
}
.select-error-item-warn .ant-table-cell-fix-left,
.select-error-item-warn .ant-table-cell-fix-right {
  background: #FFF8E8 !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.editBackField input {
  border-color: #1890ff;
  background: #e7f3ff;
}
.editBackField span {
  border-color: #1890ff;
  background: #e7f3ff;
}
.editBackField .ant-checkbox-wrapper .ant-checkbox-inner {
  border-color: #1890ff;
  background: #e7f3ff;
}
.editBackField .ant-checkbox-wrapper-checked .ant-checkbox-inner {
  background: #1890ff;
}
.editBackField .ant-select .ant-select-selector {
  border-color: #1890ff;
  background: #e7f3ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.ant-btn-group-sm.custom-fill-lookup-button {
  margin-right: 10px;
  vertical-align: bottom;
}
.ant-btn-group-sm.custom-fill-lookup-button button {
  line-height: 22px !important;
  font-size: 12px;
}
.ant-btn-group-sm.custom-fill-lookup-button > button:first-child {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.ant-btn-group-sm.custom-fill-lookup-button > button:first-child > span {
  max-width: 154px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.ant-btn-group-sm.custom-fill-lookup-button > button:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-left: 0;
}
.custom-fill-lookup-result .ant-modal-content .ant-modal-body {
  justify-content: unset;
}
.custom-fill-lookup-only-button {
  font-size: 12px;
  border-radius: 4px;
  line-height: 22px !important;
}
.custom-fill-lookup-error-button {
  display: flex;
  margin-top: 8px;
  padding: 4px 12px 0px 12px;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.05);
}
.custom-fill-lookup-error-button > span {
  max-width: 166px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.custom-fill-lookup-error-button .ant-btn-group > .ant-btn:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.custom-fill-lookup-error-button .ant-btn-group > .ant-btn:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.custom-fill-lookup-error-button .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.custom-fill-lookup-error-button .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-left-color: #ff004a;
  border-right-color: #ff004a;
}
.custom-fill-lookup-error-button .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-left-color: #ff004a;
  border-right-color: #ff004a;
}
.custom-fill-lookup-error-button button {
  height: 20px;
  color: #ff004a;
  border-color: #ff004a;
  font-size: 12px;
}
.custom-fill-lookup-error-button button:hover {
  color: #ff004a;
  border-color: #ff004a;
  background: #FDEFEF;
}
.custom-fill-lookup-error-button button.ant-btn-primary {
  color: #fff;
  border-color: #ff004a;
  background: #ff004a;
}
.custom-fill-lookup-dropdown-overlay .ant-dropdown-menu-title-content {
  max-width: 154px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-9080a67d]::before {
  display: table;
  content: '';
}
.clearfix[data-v-9080a67d]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-9080a67d] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-9080a67d] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-9080a67d] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-9080a67d]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-9080a67d] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-9080a67d]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-9080a67d] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.special-botton[data-v-9080a67d] {
  padding: 0px 8px;
  line-height: 20px;
  cursor: pointer;
  display: inline-block;
}
.special-botton .botton-text[data-v-9080a67d] {
  color: #1890ff;
  font-size: 14px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.import-data-modal .ant-modal-content .ant-modal-body {
  padding: 20px 16px;
}
.import-data-modal .step-line {
  display: flex;
  margin-left: 230px;
  margin-bottom: 26px;
}
.import-data-modal .step-line .title {
  margin-left: 8px;
}
.import-data-modal .step-line > span {
  flex: 1 1;
  position: relative;
  display: flex;
  align-items: center;
}
.import-data-modal .step-line > span:last-child::after {
  display: none;
}
.import-data-modal .step-line > span.current-step em {
  animation-name: current;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.import-data-modal .step-line > span.current-step::before {
  animation-name: current;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 2s;
}
.import-data-modal .step-line > span.current-step::after {
  background: #bfbfbf;
}
.import-data-modal .step-line > span .step-text {
  margin-left: 15px;
}
.import-data-modal .step-line > span .current-text {
  font-size: 12px;
  font-weight: bold;
  color: #181d20;
  margin-left: 15px;
}
.import-data-modal .step-line > span .after-text {
  font-size: 12px;
  font-weight: bold;
  color: #bfbfbf;
  margin-left: 15px;
}
.import-data-modal .step-line > span.after-step em {
  background: #bfbfbf;
}
.import-data-modal .step-line > span.after-step::before {
  border: 1px solid #bfbfbf;
}
.import-data-modal .step-line > span.after-step::after {
  background: #bfbfbf;
}
.import-data-modal .step-line > span > em {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #ff495d;
  line-height: 28px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  border-radius: 14px;
  text-align: center;
  position: absolute;
  left: 5px;
}
.import-data-modal .step-line > span::before {
  content: '';
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 19px;
  border: 1px solid rgba(255, 73, 93, 0.3);
}
.import-data-modal .step-line > span::after {
  content: '';
  display: block;
  height: 1px;
  background: #ff495d;
  flex: 1 1;
  margin: 0 5px;
}
.import-data-modal .import-item-container {
  margin: 0 50px;
}
.import-data-modal .second-step .second-step-container {
  max-height: calc(-390px + 100vh);
  overflow-x: hidden;
  overflow-y: scroll;
}
.import-data-modal .second-step .second-step-content .priview-col .ant-select {
  width: 100%;
}
.import-data-modal .second-step .second-step-content .bottom-tip-text {
  overflow: hidden;
  margin-top: 15px;
  color: #181d20;
  font-size: 12px;
}
.import-data-modal .second-step .second-step-content .bottom-tip-text .tip-text {
  float: left;
}
.import-data-modal .second-step .second-step-content .bottom-tip-text .total-text {
  float: right;
}
.import-data-modal .second-step .unpanes-content {
  padding: 60px 0;
  text-align: center;
}
.import-data-modal .second-step .import-foot {
  height: 60px;
  line-height: 60px;
  background: #f4f6f9;
  text-align: right;
  border-radius: 0 0 6px 6px;
  padding: 0 15px;
  border-top: 1px solid #e6e8ea;
}
.import-data-modal .import-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.import-data-modal .import-item.margin {
  margin-top: 12px;
}
.import-data-modal .import-item .padding {
  padding-top: 6px;
}
.import-data-modal .import-item.align-unset {
  align-items: unset;
}
.import-data-modal .import-item .import-button {
  color: #fd6364;
  border: 1px solid #fd6364;
  border-radius: 4px;
  margin-left: 10px;
}
.import-data-modal .import-item .import-button.disabled {
  color: rgba(0, 0, 0, 0.25);
  border: unset;
}
.import-data-modal .import-item .import-left {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 20px;
}
.import-data-modal .import-item .import-match-rules {
  text-align: center;
  font-size: 14px;
  color: #1890FF;
  margin-top: 6px;
}
.import-data-modal .import-item .import-match-rules.disabled {
  color: rgba(0, 0, 0, 0.25);
}
.import-data-modal .import-item .import-match-rules.disabled:hover {
  cursor: not-allowed;
}
.import-data-modal .import-item .import-match-rules:hover {
  cursor: pointer;
}
.import-data-modal .import-sum {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  margin-top: 38px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.match-rule-modal .match-rule-add {
  color: #1890ff;
  margin-top: 10px;
}
.match-rule-modal .match-rule-add i {
  font-size: 15px;
  margin-right: 4px;
}
.match-rule-modal .match-rule-add:hover {
  cursor: pointer;
}
.match-rule-modal .ant-modal-body {
  min-height: 378px;
}
.match-rule-modal .match-rule-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.match-rule-modal .match-rule-item .ant-select {
  flex: 1 1;
}
.match-rule-modal .match-rule-item .match-rule-item-left {
  min-width: 20px;
  margin-right: 8px;
  color: #999;
}
.match-rule-modal .match-rule-item .match-rule-item-right {
  min-width: 20px;
  margin-left: 8px;
}
.match-rule-modal .match-rule-item .match-rule-item-right i {
  font-size: 16px;
  color: #666;
  cursor: pointer;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.table-top-operate-box .fields-match.multi-field-match-import:hover {
  cursor: pointer;
}
.table-top-operate-box .fields-match.multi-field-match-import i:hover {
  cursor: pointer;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.related-form .ant-table-placeholder .add-table-btn.ant-btn[disabled],
.tree-table-fullscreen-modal .ant-table-placeholder .add-table-btn.ant-btn[disabled] {
  color: #d9d9d9;
}
.related-form .ant-table-placeholder .add-table-btn.ant-btn[disabled]:hover,
.tree-table-fullscreen-modal .ant-table-placeholder .add-table-btn.ant-btn[disabled]:hover {
  border-color: #d9d9d9;
  background-color: transparent;
}
.related-form .ant-table-placeholder .add-table-btn.ant-btn[disabled] .icon-e756,
.tree-table-fullscreen-modal .ant-table-placeholder .add-table-btn.ant-btn[disabled] .icon-e756 {
  color: #d9d9d9;
}
.related-form.ant-collapse-ghost .ant-collapse-item,
.tree-table-fullscreen-modal.ant-collapse-ghost .ant-collapse-item {
  position: relative;
}
.related-form.ant-collapse-ghost .ant-collapse-item .ant-collapse-content .ant-collapse-content-box,
.tree-table-fullscreen-modal.ant-collapse-ghost .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 0;
}
.related-form.ant-collapse-ghost .ant-collapse-header,
.tree-table-fullscreen-modal.ant-collapse-ghost .ant-collapse-header {
  max-width: 50%;
  width: fit-content;
  display: inline-block;
  padding: 12px 16px 0 16px;
}
.related-form.ant-collapse-ghost .ant-collapse-header > div,
.tree-table-fullscreen-modal.ant-collapse-ghost .ant-collapse-header > div {
  display: inline-block;
}
.related-form:not(.tree-table-fullscreen-modal) .relative-item .relative-item-header,
.tree-table-fullscreen-modal:not(.tree-table-fullscreen-modal) .relative-item .relative-item-header {
  margin-top: 12px;
}
.related-form .tHeaderWrap,
.tree-table-fullscreen-modal .tHeaderWrap {
  margin-left: 5px;
}
.related-form .tHeaderWrap > div,
.tree-table-fullscreen-modal .tHeaderWrap > div {
  line-height: 14px;
  height: 14px;
}
.related-form .tHeaderWrap.hasSet i.thead-filter-icon,
.tree-table-fullscreen-modal .tHeaderWrap.hasSet i.thead-filter-icon {
  color: #1890ff;
}
.related-form .tHeaderWrap i.thead-filter-icon,
.tree-table-fullscreen-modal .tHeaderWrap i.thead-filter-icon {
  color: #666;
}
.related-form .tHeaderWrap i.thead-filter-icon:hover,
.tree-table-fullscreen-modal .tHeaderWrap i.thead-filter-icon:hover {
  color: #1890ff;
}
.related-form .tHeaderWrap i.icon-daoxu,
.tree-table-fullscreen-modal .tHeaderWrap i.icon-daoxu,
.related-form .tHeaderWrap i.icon-zhengxu,
.tree-table-fullscreen-modal .tHeaderWrap i.icon-zhengxu {
  color: #1890ff;
}
.related-form i.icon-biaotou-shengxu,
.tree-table-fullscreen-modal i.icon-biaotou-shengxu,
.related-form i.icon-biaotou-jiangxu,
.tree-table-fullscreen-modal i.icon-biaotou-jiangxu {
  color: #1890ff;
}
.related-form .relative-item .relative-item-header,
.tree-table-fullscreen-modal .relative-item .relative-item-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 4px;
}
.related-form .relative-item .relative-item-header .relative-top-content,
.tree-table-fullscreen-modal .relative-item .relative-item-header .relative-top-content {
  display: flex;
  flex-wrap: wrap;
}
.related-form .relative-item .relative-item-header .relative-top-content .batch-btn-sort,
.tree-table-fullscreen-modal .relative-item .relative-item-header .relative-top-content .batch-btn-sort {
  margin-left: 4px;
  line-height: 32px;
}
.related-form .relative-item .relative-item-header .full-btn,
.tree-table-fullscreen-modal .relative-item .relative-item-header .full-btn {
  width: 72px;
  font-size: 14px;
  margin-left: 10px;
  border-radius: 4px;
}
.related-form .relative-item .ant-table-row-jump-target > td,
.tree-table-fullscreen-modal .relative-item .ant-table-row-jump-target > td {
  background-color: #D1E9FF;
}
.related-form .relative-item .right-btn,
.tree-table-fullscreen-modal .relative-item .right-btn {
  position: absolute;
  right: 0;
  top: 8px;
}
.related-form .relative-item .relative-change,
.tree-table-fullscreen-modal .relative-item .relative-change {
  background: #3eaaff;
}
.related-form .relative-item .relative-modal-btn-box,
.tree-table-fullscreen-modal .relative-item .relative-modal-btn-box {
  overflow: hidden;
  padding-right: 10px;
}
.related-form .relative-item .relative-modal-btn-box .relative-modal-new-btn,
.tree-table-fullscreen-modal .relative-item .relative-modal-btn-box .relative-modal-new-btn {
  float: right;
}
.related-form .relative-item .user-select-new .item-user-picker-header,
.tree-table-fullscreen-modal .relative-item .user-select-new .item-user-picker-header {
  height: 28px;
}
.related-form .relative-item .ant-select-multiple .ant-select-selector,
.tree-table-fullscreen-modal .relative-item .ant-select-multiple .ant-select-selector {
  height: 30px;
  overflow: hidden;
  overflow-x: auto;
}
.related-form .relative-item .ant-select-multiple .ant-select-selector .ant-select-selection-overflow,
.tree-table-fullscreen-modal .relative-item .ant-select-multiple .ant-select-selector .ant-select-selection-overflow {
  display: inline-block;
  flex-wrap: nowrap;
}
.related-form .relative-item .ant-select-multiple .ant-select-selector .ant-select-selection-overflow-item,
.tree-table-fullscreen-modal .relative-item .ant-select-multiple .ant-select-selector .ant-select-selection-overflow-item {
  display: inline-block;
  flex-wrap: nowrap;
}
.related-form .relative-item .ant-select-multiple .ant-select-selection-item,
.tree-table-fullscreen-modal .relative-item .ant-select-multiple .ant-select-selection-item {
  margin-top: 0;
}
.related-form .relative-top-ope,
.tree-table-fullscreen-modal .relative-top-ope {
  display: flex;
  align-items: center;
}
.related-form .relative-top-ope .ant-checkbox-wrapper,
.tree-table-fullscreen-modal .relative-top-ope .ant-checkbox-wrapper {
  margin-left: 18px;
}
.related-form .relative-top-ope .selected-txt-bd,
.tree-table-fullscreen-modal .relative-top-ope .selected-txt-bd {
  padding: 0 20px;
  border-right: 1px solid #c5c5c5;
  margin-right: 20px;
}
.related-form .relative-top-ope .selected-txt-bd b,
.tree-table-fullscreen-modal .relative-top-ope .selected-txt-bd b {
  width: 38px;
  display: inline-block;
  text-align: center;
}
.related-form .relative-top-ope .selected-txt-unbd,
.tree-table-fullscreen-modal .relative-top-ope .selected-txt-unbd {
  padding: 0 20px;
  margin-right: 20px;
}
.related-form .relative-top-ope .selected-txt-unbd b,
.tree-table-fullscreen-modal .relative-top-ope .selected-txt-unbd b {
  width: 38px;
  display: inline-block;
  text-align: center;
}
.related-form .relative-top-ope a,
.tree-table-fullscreen-modal .relative-top-ope a {
  margin-right: 20px;
}
.related-form .yunfont-symbol,
.tree-table-fullscreen-modal .yunfont-symbol {
  width: 14px;
  height: 14px;
}
.related-form:not(.tree-table-fullscreen-modal) .tree-table,
.tree-table-fullscreen-modal:not(.tree-table-fullscreen-modal) .tree-table {
  padding-top: 6px;
}
.related-form .tree-table .tree-table-header,
.tree-table-fullscreen-modal .tree-table .tree-table-header {
  justify-content: space-between;
  padding-bottom: 2px;
  align-items: flex-start;
  min-width: 640px;
}
.related-form .tree-table .tree-table-header .batch-btn-select-child,
.tree-table-fullscreen-modal .tree-table .tree-table-header .batch-btn-select-child {
  margin-left: 4px;
  line-height: 28px;
}
.related-form .tree-table .tree-table-header .table-top-operate-box,
.tree-table-fullscreen-modal .tree-table .tree-table-header .table-top-operate-box {
  flex: 1 1;
  flex-wrap: wrap;
  margin-top: 0;
}
.related-form .tree-table .tree-table-header .ant-input-search,
.tree-table-fullscreen-modal .tree-table .tree-table-header .ant-input-search {
  width: 200px;
  margin: 0 20px 0 auto !important;
}
.related-form .tree-table .tree-table-header .tree-table-setting,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting {
  margin-bottom: 4px;
  line-height: 28px;
  height: 28px;
}
.related-form .tree-table .tree-table-header .tree-table-setting .total-num,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .total-num {
  font-size: 12px;
  margin-right: 4px;
  height: 24px;
  line-height: 24px;
}
.related-form .tree-table .tree-table-header .tree-table-setting .jump-key,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .jump-key {
  color: #666;
  font-size: 12px;
}
.related-form .tree-table .tree-table-header .tree-table-setting .jump-key span.text,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .jump-key span.text {
  height: 24px;
  line-height: 24px;
}
.related-form .tree-table .tree-table-header .tree-table-setting .jump-key .icon-wrap,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .jump-key .icon-wrap {
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}
.related-form .tree-table .tree-table-header .tree-table-setting .jump-key .icon-wrap:hover,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .jump-key .icon-wrap:hover {
  color: #1890FF;
  background: rgba(24, 144, 255, 0.07);
}
.related-form .tree-table .tree-table-header .tree-table-setting .ant-btn,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .ant-btn {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  padding: 0;
  font-size: 12px;
  margin: 0 4px;
  border-radius: 4px;
  border-color: #999;
}
.related-form .tree-table .tree-table-header .tree-table-setting .ant-btn.full-btn,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .ant-btn.full-btn {
  width: 72px;
  font-size: 14px;
  border-radius: 4px;
}
.related-form .tree-table .tree-table-header .tree-table-setting .ant-btn.full-btn,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .ant-btn.full-btn {
  margin: 0px;
}
.related-form .tree-table .tree-table-header .tree-table-setting .ant-btn:hover:not(.disabled),
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .ant-btn:hover:not(.disabled),
.related-form .tree-table .tree-table-header .tree-table-setting .ant-btn:active:not(.disabled),
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .ant-btn:active:not(.disabled) {
  border-color: #1890FF;
  color: #1890FF;
  background: rgba(24, 144, 255, 0.07);
}
.related-form .tree-table .tree-table-header .tree-table-setting .ant-btn:focus,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .ant-btn:focus {
  color: #222;
}
.related-form .tree-table .tree-table-header .tree-table-setting .ant-btn.disabled,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .ant-btn.disabled {
  cursor: default;
}
.related-form .tree-table .tree-table-header .tree-table-setting .jump-key-input,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .jump-key-input {
  width: 90px;
}
.related-form .tree-table .tree-table-header .tree-table-setting .jump-key-input.large,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .jump-key-input.large {
  width: 146px;
}
.related-form .tree-table .tree-table-header .tree-table-setting .jump-key-input .ant-btn,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .jump-key-input .ant-btn {
  margin: 0;
  border-radius: 0 4px 4px 0;
}
.related-form .tree-table .tree-table-header .tree-table-setting .jump-key-input .ant-input,
.tree-table-fullscreen-modal .tree-table .tree-table-header .tree-table-setting .jump-key-input .ant-input {
  margin-right: -1px;
  border-radius: 4px 0 0 4px;
  border-color: #999;
}
.related-form .tree-table .tree-table-header .special-botton,
.tree-table-fullscreen-modal .tree-table .tree-table-header .special-botton {
  line-height: 28px;
}
.related-form .tree-table .tree-table-header .relative-top-ope,
.tree-table-fullscreen-modal .tree-table .tree-table-header .relative-top-ope {
  line-height: 28px;
  margin-bottom: 0;
}
.related-form .tree-table .footer-wrap,
.tree-table-fullscreen-modal .tree-table .footer-wrap {
  display: flex;
  justify-content: space-between;
}
.related-form .tree-table .relative-btm-ope,
.tree-table-fullscreen-modal .tree-table .relative-btm-ope {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 500px);
  min-height: 40px;
  margin-top: 0px;
}
.related-form .tree-table .icon-e6ac,
.tree-table-fullscreen-modal .tree-table .icon-e6ac {
  color: #999;
  font-size: 12px;
}
.related-form .tree-table .icon-e6ac :hover,
.tree-table-fullscreen-modal .tree-table .icon-e6ac :hover {
  color: #1890ff;
}
.related-form .tree-table .all-operate-text,
.tree-table-fullscreen-modal .tree-table .all-operate-text {
  cursor: default;
}
.related-form .tree-table .all-operate-text .tip-text,
.tree-table-fullscreen-modal .tree-table .all-operate-text .tip-text {
  padding: 0 8px;
  line-height: 20px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(102, 102, 102, 0.5);
  border-radius: 2px;
  border: 1px solid #d6d6d6;
}
.related-form .relative-btm-ope .ant-btn,
.tree-table-fullscreen-modal .relative-btm-ope .ant-btn {
  margin-right: 10px;
  border-radius: 2px;
  font-size: 12px;
  height: 28px;
  padding: 0 15px;
  line-height: 28px;
  background: #FFFFFF;
  border-radius: 4px;
}
.related-form .relative-btm-ope .ant-btn[disabled],
.tree-table-fullscreen-modal .relative-btm-ope .ant-btn[disabled] {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #F5F5F2;
  text-shadow: none;
  box-shadow: none;
}
.related-form .relative-btm-ope .ant-btn > span,
.tree-table-fullscreen-modal .relative-btm-ope .ant-btn > span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
}
.related-form .relative-item.flatten-table .relative-btm-ope,
.tree-table-fullscreen-modal .relative-item.flatten-table .relative-btm-ope {
  display: flex;
  flex-wrap: wrap;
  margin-top: -50px;
  width: calc(100% - 500px);
  min-height: 40px;
}
.related-form .relative-item.flatten-table .specialBatchCreateWrap,
.tree-table-fullscreen-modal .relative-item.flatten-table .specialBatchCreateWrap {
  display: flex;
  margin-right: 10px;
  margin-block: 3px;
}
.related-form .relative-item.empty-item .relative-btm-ope,
.tree-table-fullscreen-modal .relative-item.empty-item .relative-btm-ope {
  margin-top: 0;
}
.related-form .panel-header-addbtn,
.tree-table-fullscreen-modal .panel-header-addbtn {
  position: absolute;
  margin-left: 25px;
}
.table-top-operate-box {
  margin-top: 10px;
  display: flex;
}
.table-top-operate-box.no-flex {
  display: unset;
}
.table-top-operate-box .tree-table-import-tip {
  border-left: 1px solid #c5c5c5;
  margin-left: 12px;
  padding-left: 20px;
  font-size: 14px;
  color: #222;
  line-height: 20px;
}
.table-top-operate-box .tree-table-import-tip .icon-e6e5 {
  color: rgba(255, 193, 33, 0.9);
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.tree-table-operate-tip {
  max-width: 350px;
}
.tree-table-operate-tip .ant-popover-inner-content {
  padding: 0 8px;
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.tree-table .relative-table .ant-table-body .icon-e714 {
  cursor: pointer;
  margin-right: 4px;
}
.tree-table .relative-table .ant-table-body .icon-e715 {
  cursor: pointer;
  margin-right: 4px;
}
.tree-table .relative-table .ant-table-body .tree-sequence {
  margin-left: 17px;
}
.tree-table .noHaveCostOnDisplay {
  display: none;
}
.tree-table-header-popover .ant-popover-inner-content {
  width: 286px;
}
.tree-table-header-popover .tree-table-pagenum {
  font-size: 12px;
}
.tree-table-header-popover .tree-table-pagenum .ant-input {
  width: 60px;
  height: 24px;
  margin: 0 4px;
  border-radius: 4px;
}
.tree-table-header-popover .tree-table-pagenum .ant-btn {
  width: 40px;
  font-size: 12px;
  margin-left: 8px;
  border-radius: 4px;
}
.tree-table-header-popover .tree-table-pagenum .ant-btn.ant-btn-primary {
  border-color: unset;
}
.tree-table-header-popover .tree-table-pagenum .anticon-question-circle {
  color: #999;
  margin-left: 6px;
  margin-right: 10px;
  cursor: pointer;
}
.tree-table-header-popover .tree-table-pagenum .anticon-question-circle:hover {
  color: #1890FF;
}
.tree-table-fullscreen-modal.no-header.multiTab-new-full-screen-modal .ant-modal-content .ant-modal-body {
  height: calc(100vh - 84px) !important;
  max-height: calc(100vh - 84px) !important;
}
.tree-table-fullscreen-modal .ant-modal {
  width: calc(100vw - 32px) !important;
}
.tree-table-fullscreen-modal .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.tree-table-fullscreen-modal .ant-modal-body {
  height: calc(100vh - 92px);
}
.tree-table-fullscreen-modal .ant-modal:first-of-type {
  width: 100vw !important;
  max-width: 100vw;
}
.tree-table-fullscreen-modal.multiTab-new-full-screen-modal .ant-modal:first-of-type {
  width: 100% !important;
  max-width: 100%;
}
.tree-table-fullscreen-modal .tree-table-modal_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.tree-table-fullscreen-modal .tree-table-modal_title .ant-btn {
  border-radius: 4px;
}
.tree-table-fullscreen-modal .tree-table-modal_title > div {
  font-size: 14px;
  font-weight: normal;
}
.tree-table-fullscreen-modal .tree-table-modal_title .cancel-full-screen-btn {
  color: #666;
  border-color: #ababab;
  margin-left: 20px;
  font-size: 12px;
  height: 24px;
  padding: 0px 7px;
}
.tree-table-fullscreen-modal .tree-table-modal_title .cancel-full-screen-btn:hover {
  border-color: #1890FF;
  color: #1890FF;
  background: rgba(24, 144, 255, 0.07);
}
.tree-relative-item .footer-wrap .relative-btm-ope {
  width: auto !important;
}
.relative-table .ant-table-placeholder .add-table-btn.error-btn {
  color: #FF0000;
  border: 1px solid #FF0000;
}
.relative-table .ant-table-placeholder .add-table-btn.error-btn:hover {
  border-color: #FF0000;
}
.relative-table .ant-table-placeholder .add-table-btn.error-btn .icon-e756 {
  color: #FF0000;
}
.tree-relative-batch-btn-table .ant-table-footer {
  display: none;
}
.tree-relative-batch-btn-table .ant-table-footer.show {
  display: block;
}
.relative-btm-ope.hide {
  display: none !important;
}
.ant-collapse-icon-position-end.relative-list > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  transform: translateX(120%);
}
.ant-collapse-icon-position-end.relative-list > .ant-collapse-item > .ant-collapse-header span.ant-collapse-header-text::before {
  font-family: 'heicon';
  content: "\e77a";
  color: red;
  font-size: 16px;
  margin: 0 -2px 0 -4px;
}
.ant-collapse-icon-position-end.relative-list > .ant-collapse-item > .ant-collapse-header .relate-span-title {
  font-weight: 600;
}
.ant-collapse-icon-position-end.stdForm-collapse-main-field > .ant-collapse-item > .ant-collapse-header {
  padding: 0 12px;
  width: fit-content;
}
.ant-collapse-icon-position-end.stdForm-collapse-main-field > .ant-collapse-item > .ant-collapse-header .group-title {
  margin: 12px 0 0;
}
.ant-collapse-icon-position-end.stdForm-collapse-main-field > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  transform: translateX(140%);
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.quotation-list .main-body-wrap-table {
  padding: 0;
}
.quotation-list .head {
  margin: 0 0 10px 0;
}
.quotation-list .head .sort {
  padding: 5px 25px 5px 15px;
  background: #F3F6FA;
  margin: 0 5px;
  position: relative;
  cursor: pointer;
}
.quotation-list .head .sort2 {
  margin: 0 5px;
}
.quotation-list .head .sort2 .ant-select {
  width: 200px;
  margin: 0 5px;
}
.quotation-list .head .ant-table-column-sorter-down,
.quotation-list .head .ant-table-column-sorter-up {
  color: #bfbfbf;
}
.quotation-list .head .ant-table-column-sorter-up {
  position: absolute;
  right: 10px;
  top: 3px;
}
.quotation-list .head .ant-table-column-sorter-down {
  position: absolute;
  right: 10px;
  bottom: 3px;
}
.quotation-list .head .ant-table-column-sorter-down.on {
  color: #676d79;
}
.quotation-list .head .ant-table-column-sorter-up.on {
  color: #676d79;
}
.quotation-list .head .ant-table-column-sorter-down.off {
  color: #bfbfbf;
}
.quotation-list .head .ant-table-column-sorter-up.off {
  color: #bfbfbf;
}
.quotation-list .ant-table-container table > thead > tr:first-child {
  text-align: center;
}
.quotation-list .ant-table-container table > thead > tr th {
  border-left: 1px solid #c5c5c5;
  border-top: 1px solid #c5c5c5;
}
.quotation-list .ant-table-container table > tbody > tr td {
  border-left: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}
.quotation-list .ant-table-container table > tbody > tr td:last-child {
  border-right: 1px solid #c5c5c5;
}
.quotation-list .base-table .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  height: 20px;
  width: 0px;
  background-color: #fff;
}
.quotation-list .base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .cloud-th-resizeable-content div {
  justify-content: center;
}
.quotation-list .base-table .ant-table-thead tr th:not(.col-sn):not(.ant-table-row-expand-icon-cell):not(.__ope):not(.__noDrop):not(.op):not(.op1):not(.ant-table-cell-scrollbar) .thead-inner {
  flex: none;
}
.quotation-list .cloud-th-resizeable .cloud-th-resize-bar > i {
  width: 0;
}
.quotation-list .ant-select-selector {
  max-height: 80px;
  overflow: auto;
}
.negotiations-modal .ant-upload-select {
  width: 100%;
}
.negotiations-modal .ant-upload-select .ant-upload {
  display: inline-block;
  width: 100%;
}
.negotiations-modal .upload-to-aliyun-upload-btn {
  width: 100%;
  border: 1px dashed #ccc;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.single-progress-manage {
  height: 100%;
  width: 100%;
  background: #f2f6fa;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
}
.single-progress-manage .project-select {
  height: 32px;
  padding-left: 12px;
}
.single-progress-manage .project-select .ant-select-selector {
  border: none;
  background-color: transparent;
}
.single-progress-manage .project-select .ant-select-focused .ant-select-selector {
  box-shadow: none !important;
}
.single-progress-manage .project-select .ant-select-selection-item {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  padding-right: 24px;
}
.single-progress-manage .single-progress-content {
  flex: 1 1;
  overflow-y: auto;
  padding: 0 4px;
}
.single-progress-manage .single-progress-content .single-progress-content-layout {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.single-progress-manage .single-progress-content .single-progress-content-layout .single-content-layout-item {
  overflow: hidden;
}
.single-progress-manage .single-progress-content .item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.06);
  padding: 12px 12px 8px 12px;
  background: #FFFFFF;
  border-radius: 4px;
}
.single-progress-manage .single-progress-content .item:hover {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.single-progress-manage .single-progress-content .single-progress-image {
  display: flex;
  flex-direction: column;
}
.single-progress-manage .single-progress-content .single-progress-image .single-progress-image-title,
.single-progress-manage .single-progress-content .single-progress-image .single-progress-image-description {
  height: 24px;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
}
.single-progress-manage .single-progress-content .single-progress-image .single-progress-image-title {
  display: flex;
  justify-content: space-between;
}
.single-progress-manage .single-progress-content .single-progress-image .single-progress-image-title a {
  font-weight: 400;
  font-size: 14px;
}
.single-progress-manage .single-progress-content .single-progress-image .single-progress-image-description {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-progress-manage .single-progress-content .single-progress-image .progress-image {
  flex: 1 1;
  margin: 12px 0;
  position: relative;
}
.single-progress-manage .single-progress-content .single-progress-image .progress-image .slick-arrow {
  width: 28px;
  height: 28px;
  opacity: 0.4;
  display: none !important;
}
.single-progress-manage .single-progress-content .single-progress-image .progress-image .slick-arrow::before,
.single-progress-manage .single-progress-content .single-progress-image .progress-image .slick-arrow::after {
  font-size: 28px;
  color: #000;
}
.single-progress-manage .single-progress-content .single-progress-image .progress-image img {
  pointer-events: unset;
}
.single-progress-manage .single-progress-content .single-progress-image .progress-image .slick-slider:hover .slick-arrow {
  display: block !important;
}
.single-progress-manage .single-progress-content .single-progress-trend {
  display: flex;
  flex-direction: column;
}
.single-progress-manage .single-progress-content .single-progress-trend .single-progress-trend-title {
  display: flex;
  justify-content: space-between;
}
.single-progress-manage .single-progress-content .single-progress-trend .single-progress-trend-title .label {
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
}
.single-progress-manage .single-progress-content .single-progress-trend .single-progress-trend-chart {
  flex: 1 1;
}
.single-progress-manage .single-progress-content .single-progress-trend .single-progress-trend-chart .report-no-data {
  position: absolute;
  top: 0;
}
.single-progress-manage .single-progress-content .construction-plan {
  display: flex;
  flex-direction: column;
}
.single-progress-manage .single-progress-content .construction-plan .construction-plan-title {
  display: flex;
  align-items: center;
}
.single-progress-manage .single-progress-content .construction-plan .construction-plan-title .title {
  height: 24px;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
}
.single-progress-manage .single-progress-content .construction-plan .construction-plan-title .ant-select {
  width: 172px;
  margin-left: 8px;
}
.single-progress-manage .single-progress-content .construction-plan .construction-plan-list {
  margin-top: 12px;
  min-height: 180px;
  flex: 1 1;
}
.single-progress-manage .single-progress-content .construction-plan .construction-plan-list td.ant-table-cell-ellipsis.ant-table-cell-with-append {
  white-space: nowrap;
}
.single-progress-manage .single-progress-content .construction-plan .construction-plan-list .biz-link-btn {
  display: inline !important;
  padding-left: 15px;
  white-space: nowrap;
}
.single-progress-manage .single-progress-content .construction-plan .construction-plan-list .biz-link-btn .biz-meta-link {
  display: inline;
}
.single-progress-manage .single-progress-content .construction-plan .construction-plan-list .icon-e715 + .biz-link-btn,
.single-progress-manage .single-progress-content .construction-plan .construction-plan-list .icon-e714 + .biz-link-btn {
  padding-left: 3px;
}
.single-progress-modal-select {
  display: flex;
  align-items: center;
}
.single-progress-modal-select h4 {
  font-size: 14px;
  color: #222222;
  margin-right: 10px;
}
.single-progress-modal-select h4::after {
  content: ' *';
  line-height: 22px;
  color: #FF4D4F;
}
.single-progress-modal-select .ant-select {
  flex: 1 1;
  overflow: hidden;
}
.single-progress-manage.mask-bg {
  background-color: rgba(0, 0, 0, 0.45);
}
.milestone-plan-content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 0 12px 8px 12px;
  min-height: 130px;
  margin-top: 0px;
  overflow-x: auto;
}
.milestone-plan-content .milestone-plan-node {
  margin-top: 12px;
  flex: 1 1;
  position: relative;
  width: 0;
  min-width: 210px;
}
.milestone-plan-content .milestone-plan-node .milestone-node-title {
  position: relative;
  margin-left: 9px;
  margin-bottom: 8px;
  max-width: 85%;
  height: 44px;
}
.milestone-plan-content .milestone-plan-node .milestone-node-title .text-wrap {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
}
.milestone-plan-content .milestone-plan-node .milestone-node-title .text-wrap .icon-e6c6 {
  margin-left: 8px;
  font-size: 12px;
  color: #979797;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.milestone-plan-content .milestone-plan-node .milestone-node-title .text-wrap .icon-e6c6:hover {
  color: #1F80FD;
}
.milestone-plan-content .milestone-plan-node .milestone-node-title .text {
  max-width: 100%;
  color: #fff;
  border-radius: 4px 4px 4px 0;
  font-weight: 500;
  font-size: 13px;
  padding: 2px 8px 2px 6px;
  line-height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: normal;
}
.milestone-plan-content .milestone-plan-node .milestone-node-title .text svg {
  margin-right: 3px;
  vertical-align: middle;
  margin-top: -2px;
}
.milestone-plan-content .milestone-plan-node .milestone-node-title:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -4px;
  border-right: 8px solid transparent;
}
.milestone-plan-content .milestone-plan-node .milestone-node-graph {
  position: relative;
}
.milestone-plan-content .milestone-plan-node .milestone-node-graph .milestone-node-icon {
  width: 18px;
  height: 18px;
  position: relative;
  z-index: 3;
}
.milestone-plan-content .milestone-plan-node .milestone-node-graph .milestone-node-icon::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 2;
  width: 12px;
  height: 12px;
  border-radius: 9px;
}
.milestone-plan-content .milestone-plan-node .milestone-node-graph .milestone-node-icon::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 18px;
  height: 18px;
  border-radius: 9px;
}
.milestone-plan-content .milestone-plan-node .milestone-node-graph .milestone-node-tail {
  z-index: 1;
  position: absolute;
  height: 2px;
  left: 9px;
  right: 0;
  top: 8px;
}
.milestone-plan-content .milestone-plan-node .milestone-node-graph .milestone-node-today {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  z-index: 4;
  background: #FD6364;
  border: 2px solid #F8B9B7;
  top: 5px;
  transform: translateX(5px);
}
.milestone-plan-content .milestone-plan-node .milestone-node-graph .milestone-node-today .milestone-node-today-text {
  position: absolute;
  top: -24px;
  left: 2px;
  width: 21px;
  height: 16px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 11px;
  color: #FFFFFF;
  background: #FD6364;
  line-height: 16px;
  text-align: center;
}
.milestone-plan-content .milestone-plan-node .milestone-node-graph .milestone-node-today .milestone-node-today-text::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 14px;
  border-top: 4px solid #FD6364;
  border-right: 6px solid transparent;
}
.milestone-plan-content .milestone-node-tail.undone {
  background: #DDDDDD;
}
.milestone-plan-content .milestone-plan-node.undone .milestone-node-title .text {
  background: #EEEEEE;
  color: #666666;
}
.milestone-plan-content .milestone-plan-node.undone .milestone-node-title .text svg {
  fill: #666666;
}
.milestone-plan-content .milestone-plan-node.undone .milestone-node-title:after {
  border-top: 8px solid #EEEEEE;
}
.milestone-plan-content .milestone-plan-node.undone .milestone-node-graph .milestone-node-icon::before {
  background: #BBBBBB;
}
.milestone-plan-content .milestone-plan-node.undone .milestone-node-graph .milestone-node-icon::after {
  background: #E8E8E8;
}
.milestone-plan-content .milestone-plan-node.undone .milestone-node-info .milestone-node-info-row::before {
  background: #BBBBBB;
}
.milestone-plan-content .milestone-plan-node.undone .milestone-node-info .milestone-node-info-row::after {
  background: #E8E8E8;
}
.milestone-plan-content .milestone-node-tail.normal {
  background: #2ABD65;
}
.milestone-plan-content .milestone-plan-node.normal .milestone-node-title .text {
  background: #2ABD65;
  color: #fff;
}
.milestone-plan-content .milestone-plan-node.normal .milestone-node-title .text svg {
  fill: #FFF;
}
.milestone-plan-content .milestone-plan-node.normal .milestone-node-title:after {
  border-top: 8px solid #2ABD65;
}
.milestone-plan-content .milestone-plan-node.normal .milestone-node-graph .milestone-node-icon::before {
  background: #2ABD65;
}
.milestone-plan-content .milestone-plan-node.normal .milestone-node-graph .milestone-node-icon::after {
  background: #BFEFD1;
}
.milestone-plan-content .milestone-plan-node.normal .milestone-node-info .milestone-node-info-row::before {
  background: #2ABD65;
}
.milestone-plan-content .milestone-plan-node.normal .milestone-node-info .milestone-node-info-row::after {
  background: #2ABD65;
}
.milestone-plan-content .milestone-node-tail.overdue {
  background: #2ABD65;
}
.milestone-plan-content .milestone-node-tail.overdue_unend {
  background: #2ABD65;
}
.milestone-plan-content .milestone-plan-node.overdue .milestone-node-title .text {
  background: #FFB100;
  color: #fff;
}
.milestone-plan-content .milestone-plan-node.overdue .milestone-node-title .text svg {
  fill: #fff;
}
.milestone-plan-content .milestone-plan-node.overdue .milestone-node-title:after {
  border-top: 8px solid #FFB100;
}
.milestone-plan-content .milestone-plan-node.overdue .milestone-node-graph .milestone-node-icon::before {
  background: #FFB100;
}
.milestone-plan-content .milestone-plan-node.overdue .milestone-node-graph .milestone-node-icon::after {
  background: #FFD7BD;
}
.milestone-plan-content .milestone-plan-node.overdue .milestone-node-info .milestone-node-info-row::before {
  background: #FFB100;
}
.milestone-plan-content .milestone-plan-node.overdue .milestone-node-info .milestone-node-info-row::after {
  background: #FFB100;
}
.milestone-plan-content .milestone-plan-node.overdue_unend .milestone-node-title .text {
  background: #FF4C4CFF;
  color: #fff;
}
.milestone-plan-content .milestone-plan-node.overdue_unend .milestone-node-title .text svg {
  fill: #fff;
}
.milestone-plan-content .milestone-plan-node.overdue_unend .milestone-node-title:after {
  border-top: 8px solid #FF4C4CFF;
}
.milestone-plan-content .milestone-plan-node.overdue_unend .milestone-node-graph .milestone-node-icon::before {
  background: #FF4C4CFF;
}
.milestone-plan-content .milestone-plan-node.overdue_unend .milestone-node-graph .milestone-node-icon::after {
  background: #F8B9B7FF;
}
.milestone-plan-content .milestone-plan-node.overdue_unend .milestone-node-info .milestone-node-info-row::before {
  background: #FF4C4CFF;
}
.milestone-plan-content .milestone-plan-node.overdue_unend .milestone-node-info .milestone-node-info-row::after {
  background: #FF4C4CFF;
}
.milestone-plan-content .milestone-plan-node.normal.overdue .milestone-node-graph .milestone-node-icon::before {
  background: linear-gradient(to right, #2ABD65 50%, #FFB100 50%);
}
.milestone-plan-content .milestone-plan-node.normal.overdue .milestone-node-graph .milestone-node-icon::after {
  background: linear-gradient(to right, #BFEFD1 50%, #FFD7BD 50%);
}
.milestone-plan-content .milestone-plan-node.normal.overdue_unend .milestone-node-graph .milestone-node-icon::before {
  background: linear-gradient(to right, #2ABD65 50%, #FF4C4CFF 50%);
}
.milestone-plan-content .milestone-plan-node.normal.overdue_unend .milestone-node-graph .milestone-node-icon::after {
  background: linear-gradient(to right, #BFEFD1 50%, #F8B9B7FF 50%);
}
.milestone-plan-content .milestone-plan-node.normal.undone .milestone-node-graph .milestone-node-icon::before {
  background: linear-gradient(to right, #2ABD65 50%, #BBBBBB 50%);
}
.milestone-plan-content .milestone-plan-node.normal.undone .milestone-node-graph .milestone-node-icon::after {
  background: linear-gradient(to right, #BFEFD1 50%, #E8E8E8 50%);
}
.milestone-plan-content .milestone-plan-node.overdue.undone .milestone-node-graph .milestone-node-icon::before {
  background: linear-gradient(to right, #FFB100 50%, #BBBBBB 50%);
}
.milestone-plan-content .milestone-plan-node.overdue.undone .milestone-node-graph .milestone-node-icon::after {
  background: linear-gradient(to right, #FFD7BD 50%, #E8E8E8 50%);
}
.milestone-plan-content .milestone-plan-node.overdue.overdue_unend .milestone-node-graph .milestone-node-icon::before {
  background: linear-gradient(to right, #FFB100 50%, #FF4C4CFF 50%);
}
.milestone-plan-content .milestone-plan-node.overdue.overdue_unend .milestone-node-graph .milestone-node-icon::after {
  background: linear-gradient(to right, #FFD7BD 50%, #F8B9B7FF 50%);
}
.milestone-plan-content .milestone-plan-node.overdue_unend.undone .milestone-node-graph .milestone-node-icon::before {
  background: linear-gradient(to right, #FF4C4CFF 50%, #BBBBBB 50%);
}
.milestone-plan-content .milestone-plan-node.overdue_unend.undone .milestone-node-graph .milestone-node-icon::after {
  background: linear-gradient(to right, #F8B9B7FF 50%, #E8E8E8 50%);
}
.milestone-plan-content .milestone-plan-node.overdue.undone.normal .milestone-node-graph .milestone-node-icon::before {
  background: conic-gradient(#FFB100 0deg, #FFB100 120deg, #BBBBBB 120deg, #BBBBBB 240deg, #2ABD65 240deg);
}
.milestone-plan-content .milestone-plan-node.overdue.undone.normal .milestone-node-graph .milestone-node-icon::after {
  background: conic-gradient(#FFD7BD 0deg, #FFD7BD 120deg, #E8E8E8 120deg, #E8E8E8 240deg, #BFEFD1 240deg);
}
.milestone-plan-content .milestone-plan-node.overdue_unend.undone.normal .milestone-node-graph .milestone-node-icon::before {
  background: conic-gradient(#FF4C4CFF 0deg, #FF4C4CFF 120deg, #BBBBBB 120deg, #BBBBBB 240deg, #2ABD65 240deg);
}
.milestone-plan-content .milestone-plan-node.overdue_unend.undone.normal .milestone-node-graph .milestone-node-icon::after {
  background: conic-gradient(#F8B9B7FF 0deg, #F8B9B7FF 120deg, #E8E8E8 120deg, #E8E8E8 240deg, #BFEFD1 240deg);
}
.milestone-plan-content .milestone-plan-node.overdue.overdue_unend.normal .milestone-node-graph .milestone-node-icon::before {
  background: conic-gradient(#FFB100 0deg, #FFB100 120deg, #FF4C4CFF 120deg, #FF4C4CFF 240deg, #2ABD65 240deg);
}
.milestone-plan-content .milestone-plan-node.overdue.overdue_unend.normal .milestone-node-graph .milestone-node-icon::after {
  background: conic-gradient(#FFD7BD 0deg, #FFD7BD 120deg, #F8B9B7FF 120deg, #F8B9B7FF 240deg, #BFEFD1 240deg);
}
.milestone-plan-content .milestone-plan-node.overdue.undone.overdue_unend .milestone-node-graph .milestone-node-icon::before {
  background: conic-gradient(#FFB100 0deg, #FFB100 120deg, #BBBBBB 120deg, #BBBBBB 240deg, #FF4C4CFF 240deg);
}
.milestone-plan-content .milestone-plan-node.overdue.undone.overdue_unend .milestone-node-graph .milestone-node-icon::after {
  background: conic-gradient(#FFD7BD 0deg, #FFD7BD 120deg, #E8E8E8 120deg, #E8E8E8 240deg, #F8B9B7FF 240deg);
}
.milestone-plan-content .milestone-plan-node.overdue.undone.normal.overdue_unend .milestone-node-graph .milestone-node-icon::before {
  background: conic-gradient(#FF4C4CFF 0deg, #FF4C4CFF 45deg, #FFB100 45deg, #FFB100 135deg, #BBBBBB 135deg, #BBBBBB 225deg, #2ABD65 225deg, #2ABD65 315deg, #FF4C4CFF 315deg);
}
.milestone-plan-content .milestone-plan-node.overdue.undone.normal.overdue_unend .milestone-node-graph .milestone-node-icon::after {
  background: conic-gradient(#F8B9B7FF 0deg, #F8B9B7FF 45deg, #FFD7BD 45deg, #FFD7BD 135deg, #E8E8E8 135deg, #E8E8E8 225deg, #BFEFD1 225deg, #BFEFD1 315deg, #F8B9B7FF 315deg);
}
.milestone-plan-content .milestone-plan-node.mix .milestone-node-info .milestone-node-info-row::after {
  background: #E8E8E8 !important;
}
.milestone-plan-content .milestone-plan-node:last-child {
  flex: 0 0 160px;
  min-width: unset;
}
.milestone-plan-content .milestone-plan-node:last-child .milestone-node-tail {
  display: none;
}
.milestone-plan-content .milestone-plan-node:last-child .milestone-node-title .text {
  max-width: 200px;
}
.milestone-node-info {
  padding-left: 9px;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.milestone-node-info .quote-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.milestone-node-info .quote-wrap .icon-e6c6 {
  margin-left: 8px;
  font-size: 12px;
  color: #979797;
  cursor: pointer;
  position: relative;
  top: 2px;
}
.milestone-node-info .quote-wrap .icon-e6c6:hover {
  color: #1F80FD;
}
.milestone-node-info .milestone-node-info-row {
  font-size: 12px;
  margin-left: 12px;
  height: 22px;
  padding-top: 2px;
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  white-space: nowrap;
}
.milestone-node-info .milestone-node-info-row::before {
  content: '';
  position: absolute;
  left: -15px;
  top: calc(50% - 3px);
  margin-right: 8px;
  width: 7px;
  height: 7px;
  border-radius: 4px;
  z-index: 2;
}
.milestone-node-info .milestone-node-info-row::after {
  content: '';
  z-index: 1;
  position: absolute;
  left: -12px;
  top: 0;
  height: 100%;
  width: 1px;
}
.milestone-node-info .milestone-node-info-row span.label {
  margin-right: 4px;
}
.milestone-node-info .milestone-node-info-row .status.overdue_plan,
.milestone-node-info .milestone-node-info-row .status.overdue {
  color: #E29D00;
}
.milestone-node-info .milestone-node-info-row .status.overdue_unend {
  color: #FF4C4CFF;
}
.milestone-node-info .milestone-node-info-row .status.advance {
  color: #63CF96;
}
.milestone-node-info .milestone-node-info-more {
  color: #1F80FD;
  font-size: 12px;
  margin-left: 12px;
  line-height: 24px;
}
.milestone-node-info .quote-wrap:last-of-type .milestone-node-info-row::after,
.milestone-node-info .only-text:last-of-type::after {
  height: 50%;
}
.milestone-node-info .milestone-node-info-quote {
  border-radius: 4px;
  height: fit-content;
  width: fit-content;
  line-height: 1.5em;
  padding: 2px 8px 2px 6px;
  max-width: 90%;
  display: flex;
  cursor: pointer;
}
.milestone-node-info .milestone-node-info-quote span.label {
  flex: 1 1;
  margin-right: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow-wrap: break-word;
  white-space: normal;
}
.milestone-node-info .milestone-node-info-quote span.label svg {
  margin-right: 3px;
  vertical-align: middle;
  margin-top: -2px;
}
.milestone-node-info .milestone-node-info-quote::after {
  height: calc(100% + 4px);
}
.milestone-node-info .milestone-node-info-quote.undone,
.milestone-node-info .milestone-node-info-quote.overdue_plan {
  color: #666666;
  background: #EEEEEE;
}
.milestone-node-info .milestone-node-info-quote.undone svg,
.milestone-node-info .milestone-node-info-quote.overdue_plan svg {
  fill: #666666;
}
.milestone-node-info .milestone-node-info-quote.undone:hover,
.milestone-node-info .milestone-node-info-quote.overdue_plan:hover {
  background: #E2E1E1;
}
.milestone-node-info .milestone-node-info-quote.overdue {
  color: #fff;
  background: #FFB100;
}
.milestone-node-info .milestone-node-info-quote.overdue svg {
  fill: #fff;
}
.milestone-node-info .milestone-node-info-quote.overdue:hover {
  background: #ECA607;
}
.milestone-node-info .milestone-node-info-quote.overdue_unend {
  color: #fff;
  background: #FF4C4CFF;
}
.milestone-node-info .milestone-node-info-quote.overdue_unend svg {
  fill: #fff;
}
.milestone-node-info .milestone-node-info-quote.overdue_unend:hover {
  background: #FF4C4CFF;
}
.milestone-node-info .milestone-node-info-quote.normal,
.milestone-node-info .milestone-node-info-quote.advance {
  color: #fff;
  background: #2ABD65;
}
.milestone-node-info .milestone-node-info-quote.normal svg,
.milestone-node-info .milestone-node-info-quote.advance svg {
  fill: #fff;
}
.milestone-node-info .milestone-node-info-row.undone::before,
.milestone-node-info .milestone-node-info-row.overdue_plan::before {
  background: #BBBBBB !important;
}
.milestone-node-info .milestone-node-info-row.overdue::before {
  background: #FFB100 !important;
}
.milestone-node-info .milestone-node-info-row.overdue_unend::before {
  background: #FF4C4CFF !important;
}
.milestone-node-info .milestone-node-info-row.normal::before,
.milestone-node-info .milestone-node-info-row.advance::before {
  background: #2ABD65 !important;
}
.milestone-plan-image .ant-tooltip-content .title-content {
  overflow: hidden;
}
.milestone-plan-image .ant-tooltip-content .milestone-plan-image-pagination {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-064ed65b]::before {
  display: table;
  content: '';
}
.clearfix[data-v-064ed65b]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-064ed65b] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-064ed65b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-064ed65b] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-064ed65b]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-064ed65b] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-064ed65b]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-064ed65b] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.image-text-warp[data-v-064ed65b] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized {
  height: 100%;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized div {
  height: 100%;
  width: 100%;
  position: relative;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized .slick-slide {
  width: 100%;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized img.error-img {
  object-fit: unset !important;
  margin: auto !important;
  width: 84px;
  height: 92px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized img.error-img.sm {
  width: 72px;
  height: 60px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized .slick-dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform-origin: center;
  transform: translateX(-50%);
  width: fit-content;
  background: rgba(216, 216, 216, 0.5);
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized .slick-dots li button:before {
  background-color: #fff;
  color: #fff;
  border-radius: 50%;
  opacity: 0.6;
  position: absolute;
  top: -3px;
  left: -7px;
  display: block;
  content: ' ' !important;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized .slick-dots li.slick-active button:before {
  opacity: 1;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized .desc-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(102, 102, 102, 0.35);
  color: #fff;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.xl .slick-dots {
  height: 20px;
  border-radius: 10px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.xl .slick-dots li {
  margin-left: 8px;
  margin-right: 0;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.xl .slick-dots li:last-child {
  margin-right: 8px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.xl .slick-dots li,
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.xl .slick-dots li button,
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.xl .slick-dots li button:before {
  width: 8px;
  height: 8px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.xl .slick-dots li button:before {
  position: relative;
  top: -2px;
  left: -5px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.xl .desc-box {
  font-size: 16px;
  line-height: 24px;
  height: 40px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.xl .desc-box.has-dots {
  height: 62px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.lg .slick-dots {
  height: 16px;
  border-radius: 8px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.lg .slick-dots li {
  margin-left: 6px;
  margin-right: 0;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.lg .slick-dots li:last-child {
  margin-right: 6px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.lg .slick-dots li,
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.lg .slick-dots li button,
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.lg .slick-dots li button:before {
  width: 6px !important;
  height: 6px !important;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.lg .slick-dots li button:before {
  position: absolute;
  top: -6px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  content: ' ';
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.lg .desc-box {
  font-size: 14px;
  line-height: 20px;
  height: 36px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.lg .desc-box.has-dots {
  height: 54px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.md .slick-dots {
  height: 12px;
  border-radius: 6px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.md .slick-dots li {
  margin-left: 5px;
  margin-right: 0;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.md .slick-dots li:last-child {
  margin-right: 5px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.md .slick-dots li,
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.md .slick-dots li button,
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.md .slick-dots li button:before {
  width: 5px !important;
  height: 5px !important;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.md .slick-dots li button:before {
  position: relative;
  top: -7px;
  left: -5px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.md .desc-box {
  font-size: 12px;
  line-height: 16px;
  height: 32px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.md .desc-box.has-dots {
  height: 46px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.sm .slick-dots {
  height: 10px;
  border-radius: 5px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.sm .slick-dots li {
  margin-left: 4px;
  margin-right: 0;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.sm .slick-dots li:last-child {
  margin-right: 4px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.sm .slick-dots li,
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.sm .slick-dots li button,
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.sm .slick-dots li button:before {
  width: 5px;
  height: 5px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.sm .slick-dots li button:before {
  position: relative;
  top: -9px;
  left: -5px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.sm .desc-box {
  font-size: 10px;
  line-height: 14px;
  height: 30px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized.sm .desc-box.has-dots {
  height: 42px;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized a {
  width: 100%;
  height: 100%;
}
.image-text-warp[data-v-064ed65b] .slick-slider.slick-initialized .link-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.milestone-plan {
  width: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.milestone-plan .milestone-plan-title {
  display: flex;
  align-items: baseline;
  position: relative;
}
.milestone-plan .milestone-plan-title .milestone-plan-label {
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
}
.milestone-plan .milestone-plan-title .milestone-plan-rate {
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  margin-left: 12px;
  line-height: 14px;
}
.milestone-plan .milestone-plan-title .milestone-plan-rate-content {
  display: flex;
}
.milestone-plan .milestone-plan-title .milestone-plan-indicators {
  display: flex;
  border-left: 2px solid #D8D8D8;
  margin-left: 12px;
  line-height: 14px;
}
.milestone-plan .milestone-plan-title .milestone-plan-indicators .indicator-item {
  margin-left: 12px;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
}
.milestone-plan .milestone-plan-title .today-btn {
  position: absolute;
  right: 0;
  cursor: pointer;
  width: 28px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #FF545E;
  font-weight: 600;
  font-size: 13px;
  color: #FD6364;
}
.milestone-component {
  padding: 16px;
  margin-bottom: 8px;
  background-color: #fff;
}
.milestone-component .milestone-plan-title {
  flex-wrap: wrap;
}
.milestone-component .milestone-plan-title .milestone-plan-label {
  width: 100%;
}
.milestone-component .milestone-plan-title .milestone-plan-rate-content {
  width: 100%;
  margin-top: 4px;
}
.milestone-component .milestone-plan-title .milestone-plan-rate-content .milestone-plan-rate:first-of-type {
  margin-left: 0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.k09y4cpSCJVC6f3QXWrS::before {
  display: table;
  content: '';
}
.k09y4cpSCJVC6f3QXWrS::after {
  display: table;
  clear: both;
  content: '';
}
.sXS3twVls0KNecrF7vye {
  display: flex;
  flex-direction: column;
}
.qtYmiXxh4FeiOkFrzlWV {
  display: flex;
  align-items: center;
  justify-content: center;
}
.a8x71DcdxBc0Gm34uMUs {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.a8x71DcdxBc0Gm34uMUs::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.HHSy4PxeOzbB1qSAVTIC {
  -ms-overflow-style: unset;
  overflow: auto;
}
.HHSy4PxeOzbB1qSAVTIC::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.LH9SU7dB_TsV2w3d6HJS {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.TsGj4sm9Ffat812pPNrF {
  width: 100%;
  height: 100%;
  background: transparent;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG {
  width: 100%;
  height: 100%;
  background: transparent;
  display: flex;
  border-radius: 1px;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z {
  padding: 10px 11px 10px 11px;
  overflow: hidden;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .DjAnqfgwskpcAuTiSpia {
  margin-bottom: 8px;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .Rfap1gqNmsr5kUMssHgD {
  background: transparent;
  border-radius: 4px;
  border: 1px solid #6a779a;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .Rfap1gqNmsr5kUMssHgD .ant-input {
  background: transparent;
  color: #fff;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .uQZTItviH3UXaVorWZsV {
  color: #c5ccd9;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .eOYIPLJbf7lydYuwV3Vk {
  margin-right: 6px;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ssne6bn9ID0jvl5H89iF {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ssne6bn9ID0jvl5H89iF .eTS3NOTXrWsUCRfgR3SR {
  margin-top: 12px;
  color: #999;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ssne6bn9ID0jvl5H89iF img {
  width: 33%;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-inline,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-vertical,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-vertical-left {
  border: none;
  width: 100%;
  height: calc(100% - 32px);
  overflow-y: auto;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-vertical > .ant-menu-item,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-vertical-left > .ant-menu-item,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-vertical-right > .ant-menu-item,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-inline > .ant-menu-item,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  width: 100%;
  height: 29px;
  line-height: 29px;
  border-radius: 4px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 13px;
  text-align: left;
  font-style: normal;
  padding: 0 4px;
  margin-top: 3px;
  margin-bottom: 0;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu.ant-menu-dark,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu-dark .ant-menu-sub,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu.ant-menu-dark .ant-menu-sub {
  background: transparent;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu:not(.ant-menu-horizontal) .ant-menu-item i {
  margin-right: 4px;
  color: #3490ff;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: #1890ff;
  color: #ffffff;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .x4YKVEre1Spj4PsYpm7z .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected i {
  color: #ffffff;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .krh8Nvw6qd_nsqsjJSqy {
  width: 1px;
  height: 100%;
  background-color: #dfdfdf;
  cursor: ew-resize;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .krh8Nvw6qd_nsqsjJSqy:hover {
  background-color: #1890ff;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X {
  height: 100%;
  padding: 10px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  display: flex;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .eOYIPLJbf7lydYuwV3Vk {
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #666;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .eOYIPLJbf7lydYuwV3Vk:hover {
  color: #3490ff;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .fwft_fh2XedwX5lUyaaw {
  color: #40a9ff;
  border-color: #40a9ff;
  z-index: 99;
  font-weight: bold;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .fwft_fh2XedwX5lUyaaw .eOYIPLJbf7lydYuwV3Vk {
  color: #40a9ff !important;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .nbVTqwoS7bi6M3E8Yv9H {
  flex: 1 1;
  height: 100%;
  gap: 10px;
  display: flex;
  align-items: center;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .nbVTqwoS7bi6M3E8Yv9H .El9oO0K1mfSGpNU7Eo9j {
  width: 30px;
  height: 30px;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L {
  width: auto;
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .eOYIPLJbf7lydYuwV3Vk {
  font-size: 14px;
  color: #999;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .eOYIPLJbf7lydYuwV3Vk:hover {
  color: #3490ff;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .rcMWniScBxynGZiTrBqX {
  color: #fff;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .rcMWniScBxynGZiTrBqX .ant-pagination-prev button,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .rcMWniScBxynGZiTrBqX .ant-pagination-next button {
  color: #fff;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .rcMWniScBxynGZiTrBqX .ant-pagination-disabled .ant-pagination-item-link,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .rcMWniScBxynGZiTrBqX .ant-pagination-disabled:hover .ant-pagination-item-link {
  color: #fdfdfd;
  border-color: #d9d9d9;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .ogJmM374wiLQWYO8W1Af .ant-pagination-simple .ant-pagination-simple-pager input {
  background-color: transparent;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .ogJmM374wiLQWYO8W1Af .El9oO0K1mfSGpNU7Eo9j {
  border: none;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .ogJmM374wiLQWYO8W1Af .quIX0CaxEVE6DqQ0PyHf {
  padding: 0 15px;
  height: 28px;
  line-height: 28px;
  border-radius: 0;
  font-weight: normal;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi {
  width: 100%;
  flex: 1 1;
  display: flex;
  gap: 4px;
  overflow: hidden;
  position: relative;
  flex-wrap: wrap;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .SDthJJol_apbi8I5R5ot {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99;
  display: none;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .SDthJJol_apbi8I5R5ot i {
  width: 15px;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi:hover .SDthJJol_apbi8I5R5ot {
  display: flex;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .A0gyTTs9Mm1FbN_MGLeL,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .EFJIyJ1PDHFhYrzW_vl1,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .OWICjiHhPzW2hQbCe7w8 {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .A0gyTTs9Mm1FbN_MGLeL .Un_lKt6zHOQX44DRfw2P,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .EFJIyJ1PDHFhYrzW_vl1 .Un_lKt6zHOQX44DRfw2P,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .OWICjiHhPzW2hQbCe7w8 .Un_lKt6zHOQX44DRfw2P {
  position: absolute;
  width: 100%;
  height: 30px;
  top: 0;
  left: 0;
  line-height: 30px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff;
  text-align: left;
  font-style: normal;
  text-indent: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 98;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .xCS0ksPvgWDPzZwzace7 {
  border: 3px solid #1890ff;
  overflow: hidden;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .A0gyTTs9Mm1FbN_MGLeL {
  width: 100%;
  height: 100%;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .EFJIyJ1PDHFhYrzW_vl1 {
  width: calc(50% - 2px);
  height: calc(50% - 2px);
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .OWICjiHhPzW2hQbCe7w8 {
  width: calc((100% - 8px) / 3);
  height: calc((100% - 8px) / 3);
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi .ssne6bn9ID0jvl5H89iF {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: PingFangSC, PingFang SC;
  font-size: 15px;
  color: #999999;
  line-height: 21px;
  text-align: center;
  font-style: normal;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf {
  width: 100%;
  flex: 1 1;
  position: relative;
  overflow: hidden;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .SDthJJol_apbi8I5R5ot {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99;
  display: none;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .SDthJJol_apbi8I5R5ot i {
  width: 15px;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf:hover .SDthJJol_apbi8I5R5ot {
  display: flex;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .ant-carousel,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .ant-carousel .slick-slider,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .ant-carousel .slick-list,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .ant-carousel .slick-track {
  height: 100% !important;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .ant-carousel .slick-track div:first-of-type {
  height: 100%;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .A0gyTTs9Mm1FbN_MGLeL {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .A0gyTTs9Mm1FbN_MGLeL .Un_lKt6zHOQX44DRfw2P {
  position: absolute;
  width: 100%;
  height: 30px !important;
  top: 0;
  left: 0;
  line-height: 30px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff;
  text-align: left;
  font-style: normal;
  text-indent: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 98;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .A0gyTTs9Mm1FbN_MGLeL .loading-item div:first-of-type {
  display: flex;
  align-items: center;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .P5LOEqgwxA2tQBpue982,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .skSGxRcZcNGd7mH_eksF {
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: calc(50% - 15px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #ffffff;
  z-index: 100;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .P5LOEqgwxA2tQBpue982 .eOYIPLJbf7lydYuwV3Vk::before,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .skSGxRcZcNGd7mH_eksF .eOYIPLJbf7lydYuwV3Vk::before {
  display: block;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .P5LOEqgwxA2tQBpue982 {
  left: 23px;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .P5LOEqgwxA2tQBpue982 .eOYIPLJbf7lydYuwV3Vk::before {
  transform: rotate(180deg);
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .skSGxRcZcNGd7mH_eksF {
  right: 23px;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf:hover .P5LOEqgwxA2tQBpue982,
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf:hover .skSGxRcZcNGd7mH_eksF {
  opacity: 1;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .ssne6bn9ID0jvl5H89iF {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 15px;
  color: #999999;
  line-height: 21px;
  text-align: center;
  font-style: normal;
}
.TsGj4sm9Ffat812pPNrF .VEO2zIjV5lnm9LfHxlxG .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf .ssne6bn9ID0jvl5H89iF .edqsKQthjYeRlxAAVjNk {
  width: 100%;
  color: #fff;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TsGj4sm9Ffat812pPNrF .NwN9Jqtg_myjYVoT69b9 .krh8Nvw6qd_nsqsjJSqy {
  background-color: #a6add0;
  opacity: 0.4;
  margin-right: 4px;
}
.TsGj4sm9Ffat812pPNrF .NwN9Jqtg_myjYVoT69b9 .s9fEGUIjfrxTa7KIZm6X {
  padding: 0;
}
.TsGj4sm9Ffat812pPNrF .NwN9Jqtg_myjYVoT69b9 .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 {
  height: 32px;
  margin-bottom: 0;
}
.TsGj4sm9Ffat812pPNrF .NwN9Jqtg_myjYVoT69b9 .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .eOYIPLJbf7lydYuwV3Vk:hover {
  color: #3490ff;
}
.TsGj4sm9Ffat812pPNrF .NwN9Jqtg_myjYVoT69b9 .s9fEGUIjfrxTa7KIZm6X .SYnfAs9fD8f8uP1QusJi {
  height: calc(100% - 32px);
}
.TsGj4sm9Ffat812pPNrF .NwN9Jqtg_myjYVoT69b9 .s9fEGUIjfrxTa7KIZm6X .cOMcQ49TgyLD51cLJEwf {
  height: calc(100% - 32px);
}
.TsGj4sm9Ffat812pPNrF .AG3RZrIv3q2jkpRpyvQH .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .nbVTqwoS7bi6M3E8Yv9H .eOYIPLJbf7lydYuwV3Vk,
.TsGj4sm9Ffat812pPNrF .AG3RZrIv3q2jkpRpyvQH .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .eOYIPLJbf7lydYuwV3Vk {
  color: #fff;
}
.TsGj4sm9Ffat812pPNrF .AG3RZrIv3q2jkpRpyvQH .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .nbVTqwoS7bi6M3E8Yv9H .eOYIPLJbf7lydYuwV3Vk:hover,
.TsGj4sm9Ffat812pPNrF .AG3RZrIv3q2jkpRpyvQH .s9fEGUIjfrxTa7KIZm6X .vwFRooAweF7tCrmEbbg7 .g8sT_Pwu6u2jLX2ztV7L .eOYIPLJbf7lydYuwV3Vk:hover {
  color: #3490ff;
}
.TsGj4sm9Ffat812pPNrF .fddxYC6r8ZVsRDKYDojj .s9fEGUIjfrxTa7KIZm6X .quIX0CaxEVE6DqQ0PyHf {
  color: rgba(0, 0, 0, 0.85);
  border-color: #cecece;
}
.TsGj4sm9Ffat812pPNrF .fddxYC6r8ZVsRDKYDojj .s9fEGUIjfrxTa7KIZm6X .quIX0CaxEVE6DqQ0PyHf:hover {
  color: #3490ff;
  border-color: #3490ff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.XmThAozfmlzmcaLZ9xWg::before {
  display: table;
  content: '';
}
.XmThAozfmlzmcaLZ9xWg::after {
  display: table;
  clear: both;
  content: '';
}
.Vy__WLRE7ZOEHkGf9o0L {
  display: flex;
  flex-direction: column;
}
.jTD_krZoVWSx_XBPKgVb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.iaxlswnOEwgN78puftEY {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.iaxlswnOEwgN78puftEY::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.pxkyRywQY9hpEYDJQDIg {
  -ms-overflow-style: unset;
  overflow: auto;
}
.pxkyRywQY9hpEYDJQDIg::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.MrbiI38NZYoYmTL_AorS {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.LOSyho0hC4EXSTiCnjag {
  width: 100%;
  height: 100%;
  background: #fff;
}
.RaewdzbkTKnRZEzudnAM {
  top: 0;
  margin: 0;
  padding: 0;
  height: 100vh;
}
.RaewdzbkTKnRZEzudnAM .ant-modal-content {
  height: 100%;
}
.RaewdzbkTKnRZEzudnAM .ant-modal-body {
  height: 100%;
  padding: 0;
}
.Xxt1OndcJbRnBvNLI8r5 {
  z-index: 1003;
}
.ckaKv3X2XAZufz0tYkZr {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 16px;
  background-color: #fff;
  position: relative;
}
.ckaKv3X2XAZufz0tYkZr .dY0gPK5Ptxs28fjgKZpj {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  color: #000;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
}
.ckaKv3X2XAZufz0tYkZr .GY8MxIIWrCHbC1viyh9x {
  width: 100%;
  height: 180px;
  background-image: url(../../static/media/no_data2.ea628970caad3b781fcc.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center 0;
}
.ckaKv3X2XAZufz0tYkZr .ntcRm8NVv1KZBu4vCdHz {
  width: 300px;
  height: auto;
  color: #999999;
  text-align: center;
}
.Ph3yoG7uunRDieAAklLn {
  font-size: 14px;
  min-height: 520px;
}
.KH7I3qCNAtUh0Dgf0kiA {
  z-index: 1005;
}
.QRIoXStQpyjqIdaWk9q5 {
  width: 100%;
  height: 100%;
  padding: 30px;
}
.QRIoXStQpyjqIdaWk9q5 .KLMtItyno98RywR1xlQg {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 14px;
  color: #222222;
  line-height: 30px;
  font-style: normal;
}
.QRIoXStQpyjqIdaWk9q5 .WGUkiPIqlRL00tH4TNKA {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 30px;
  font-style: normal;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-b58e75f5]::before {
  display: table;
  content: '';
}
.clearfix[data-v-b58e75f5]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-b58e75f5] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-b58e75f5] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-b58e75f5] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-b58e75f5]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-b58e75f5] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-b58e75f5]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-b58e75f5] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.attendance-panel-root[data-v-b58e75f5] {
  margin-top: -6px;
}
.attendance-div-info[data-v-b58e75f5] {
  margin: 8px 0;
}
.attendance-div-info .attendance-div-title[data-v-b58e75f5] {
  font-weight: 500;
}
.attendance-span-action[data-v-b58e75f5] {
  color: #40a9ff;
  cursor: pointer;
  margin: 8px 0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-7551b2a3]::before {
  display: table;
  content: '';
}
.clearfix[data-v-7551b2a3]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-7551b2a3] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-7551b2a3] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-7551b2a3] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-7551b2a3]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-7551b2a3] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-7551b2a3]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-7551b2a3] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.change-record-valueArea[data-v-7551b2a3] {
  color: #999;
  display: flex;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 16px;
}
.change-record-valueArea .change-record-yuan[data-v-7551b2a3] {
  width: 20px;
  height: 16px;
  background-color: #999;
  color: #ffffff;
  padding: 0 2px;
  text-align: center;
}
.change-record-valueArea[data-v-7551b2a3] .change-record-value {
  display: flex;
  width: fit-content;
  padding: 0 4px;
  border: 1px solid;
  line-height: 14px;
}
.change-record-valueArea[data-v-7551b2a3] .change-record-value > div {
  text-decoration: line-through;
}
.multi-lookup-value[data-v-7551b2a3] .biz-link-btn {
  margin-right: 10px;
  display: inline-block !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-388e685c]::before {
  display: table;
  content: '';
}
.clearfix[data-v-388e685c]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-388e685c] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-388e685c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-388e685c] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-388e685c]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-388e685c] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-388e685c]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-388e685c] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.designer-item-ele[data-v-388e685c]:hover {
  box-shadow: unset;
}
.view360-line-new[data-v-388e685c] {
  display: inline-block;
  margin-right: 7px;
  height: 20px;
  vertical-align: middle;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-cce0088c]::before {
  display: table;
  content: '';
}
.clearfix[data-v-cce0088c]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-cce0088c] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-cce0088c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-cce0088c] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-cce0088c]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-cce0088c] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-cce0088c]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-cce0088c] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.designer-item-table[data-v-cce0088c] {
  overflow: auto hidden;
  padding: unset;
  max-height: unset;
}
.designer-item-table[data-v-cce0088c] .report-table-list .ant-table-body a {
  color: #000000d9;
  cursor: text;
}
.designer-item-table[data-v-cce0088c] .titleColumn {
  pointer-events: none;
}
.designer-item-table[data-v-cce0088c] .titleColumn .ant-table-column-sorter {
  display: none !important;
}
.designer-item-table[data-v-cce0088c] .thead-inner .filter-entry {
  display: none !important;
}
.designer-item-table[data-v-cce0088c] .shield-scroll-bar .report-tree-list-wrap .cloud-resize-table-new {
  height: 100% !important;
}
.designer-item-table[data-v-cce0088c] .shield-scroll-bar .report-tree-list-wrap .ant-table-container .ant-table-body {
  overflow: auto !important;
  max-height: 600px !important;
}
.designer-item-table[data-v-cce0088c] .shield-scroll-bar .report-tree-list-wrap tr > * {
  vertical-align: middle !important;
}
.designer-item-table[data-v-cce0088c] .shield-scroll-bar .ant-table-container .ant-table-body {
  overflow: auto hidden !important;
}
.designer-item-table[data-v-cce0088c] .icon-chuansongmen {
  display: none !important;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-839e8b80]::before {
  display: table;
  content: '';
}
.clearfix[data-v-839e8b80]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-839e8b80] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-839e8b80] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-839e8b80] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-839e8b80]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-839e8b80] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-839e8b80]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-839e8b80] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.view360-heDetail[data-v-839e8b80] .layout-bizDetail-content .detail-item {
  padding-bottom: 12px;
  font: 400 12px/12px PingFangSC-Regular, PingFang SC;
}
.view360-heDetail[data-v-839e8b80] .layout-bizDetail-content .detail-item:not(.shield-break-inside) {
  page-break-inside: avoid;
  break-inside: avoid;
}
.view360-heDetail[data-v-839e8b80] .layout-bizDetail-content .detail-item .file-img {
  font-size: 12px;
  align-items: center;
}
.view360-heDetail[data-v-839e8b80] .layout-bizDetail-content .detail-item .file-img .image-line-name {
  line-height: 20px;
}
.view360-heDetail[data-v-839e8b80] .layout-bizDetail-content .item-label {
  color: #999999;
  font-size: 12px;
  margin-bottom: 4px;
}
.view360-heDetail[data-v-839e8b80] .layout-bizDetail-content .item-value {
  color: #222222;
  font-size: 14px;
}
.view360-heDetail[data-v-839e8b80] .layout-bizDetail-content .item-value a {
  pointer-events: none;
  color: #000000;
}
.view360-heDetail[data-v-839e8b80] .layout-bizDetail-content .item-value .use-click-inview360 a {
  pointer-events: unset;
  color: #1890ff;
}
.view360-heDetail[data-v-839e8b80] .item-value > .long-text .text-info {
  display: inherit;
  overflow: unset;
  line-height: 16px;
}
.view360-heDetail[data-v-839e8b80] .item-value > .long-text a {
  display: none;
}
.view360-heDetail[data-v-839e8b80] .item-value > span {
  line-height: 16px;
}
.view360-heDetail[data-v-839e8b80] .use-click-inview360 .item-value a {
  pointer-events: unset;
  color: #1890ff;
}
.view360-heDetail[data-v-839e8b80] .use-click-inview360 .bluk-downloads-btn {
  top: -16px !important;
  line-height: 12px;
  margin-bottom: 4px;
}
.view360-heDetail[data-v-839e8b80] .biz-meta-link {
  white-space: unset;
  width: unset;
}
.view360-heDetail[data-v-839e8b80] .hide-item {
  visibility: hidden;
}
.view360-heDetail[data-v-839e8b80] .color-span {
  padding: 1px 4px;
}
.title-area[data-v-839e8b80] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.vertical-line[data-v-839e8b80] {
  width: 1px;
  height: 16px;
  border: 2px solid #fd6364;
}
.view360-line-new[data-v-839e8b80] {
  display: inline-block;
  margin-right: 7px;
  height: 20px;
  vertical-align: middle;
}
.layout-component-title[data-v-839e8b80] {
  position: relative;
  left: 8px;
  height: 22px;
  color: #222222;
  font: 500 16px/22px PingFangSC-Medium, PingFang SC;
}
.he-detail-column[data-columns='4'][data-v-839e8b80] {
  grid-template-columns: repeat(4, 1fr);
}
.he-detail-column[data-columns='3'][data-v-839e8b80] {
  grid-template-columns: repeat(3, 1fr);
}
.he-detail-column[data-columns='2'][data-v-839e8b80] {
  grid-template-columns: repeat(2, 1fr);
}
.he-detail-column[data-columns='1'][data-v-839e8b80] {
  grid-template-columns: auto;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-1a89a96c]::before {
  display: table;
  content: '';
}
.clearfix[data-v-1a89a96c]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-1a89a96c] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-1a89a96c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-1a89a96c] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-1a89a96c]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-1a89a96c] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-1a89a96c]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-1a89a96c] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.grid-item-box[data-v-1a89a96c] {
  pointer-events: none;
}
.grid-item-box[data-v-1a89a96c]:hover {
  box-shadow: unset;
}
.grid-item-box .brief-number[data-v-1a89a96c] {
  pointer-events: auto;
}
.grid-item-box .brief-number[data-v-1a89a96c] :hover {
  background-color: unset;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-53ec3434]::before {
  display: table;
  content: '';
}
.clearfix[data-v-53ec3434]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-53ec3434] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-53ec3434] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-53ec3434] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-53ec3434]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-53ec3434] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-53ec3434]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-53ec3434] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.layout-approvalflowHistory[data-v-53ec3434] .complete-approval-flow-header {
  display: none;
}
.layout-approvalflowHistory[data-v-53ec3434] .item-portraits {
  display: none !important;
}
.layout-approvalflowHistory[data-v-53ec3434] .activity-main-cc-list {
  display: none !important;
}
.layout-approvalflowHistory[data-v-53ec3434] .avatar-group {
  display: none;
}
.layout-approvalflowHistory[data-v-53ec3434] .mini-card-avatar {
  display: none;
}
.layout-approvalflowHistory[data-v-53ec3434] .flow-comment-item .bottom .comment-btn {
  display: none;
}
.layout-approvalflowHistory[data-v-53ec3434] .comment-main {
  margin-left: unset;
}
.layout-approvalflowHistory[data-v-53ec3434] .comment-main .comment-content {
  display: none;
}
.layout-approvalflowHistory[data-v-53ec3434] .comment-main .comment-content-view360 {
  display: block;
}
.layout-approvalflowHistory[data-v-53ec3434] .item-line-item-content .activity-main {
  margin-left: unset;
}
.layout-approvalflowHistory[data-v-53ec3434] .item-line-item-content .activity-main .sign {
  display: none;
}
.layout-approvalflowHistory[data-v-53ec3434] .approval-flow-activity-details .history-item {
  padding-bottom: 16px;
}
.layout-approvalflowHistory[data-v-53ec3434] .approval-flow-activity-details .history-item:not(:first-child) {
  padding: 16px 0;
}
.layout-approvalflowHistory[data-v-53ec3434] .approval-flow-activity-details .activity-seprator-bar {
  height: 4px;
  background-color: #ededed;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.view360-modal .view-ope-print {
  position: absolute;
  right: 60px;
  cursor: pointer;
}
.view360-modal .ant-modal-wrap.view360-modal .icon-zhiding {
  z-index: 10;
}
.view360-modal .use-hover-inview360 {
  pointer-events: all;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.tabs-extra-menu-dropdown .tabs-extra-menu {
  min-width: 80px;
  max-width: 400px;
  max-height: 400px;
  overflow: auto;
}
.tabs-extra-menu-dropdown .tabs-extra-menu.ant-dropdown-menu {
  background-clip: initial;
}
.tabs-extra-menu-dropdown .tabs-extra-menu .tab-extra-menu-item {
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  line-height: 20px;
}
.tabs-extra-menu-dropdown .tabs-extra-menu .ant-dropdown-menu-item.tab-extra-menu-item.ant-dropdown-menu-item-active,
.tabs-extra-menu-dropdown .tabs-extra-menu .ant-dropdown-menu-item.tab-extra-menu-item:hover {
  background: #EDF7FF !important;
}
.tabs-extra-menu-dropdown .tabs-extra-menu .ant-dropdown-menu-item.tab-extra-menu-item.ant-dropdown-menu-item-active .label,
.tabs-extra-menu-dropdown .tabs-extra-menu .ant-dropdown-menu-item.tab-extra-menu-item:hover .label {
  color: #1890FF;
}
.table-list .ant-table-container {
  height: 100%;
}
.table-list .ant-table {
  height: 100%;
}
.table-list .repeat-center {
  text-align: center;
  color: #edb500;
  font-size: 15px;
  font-weight: 600;
}
.table-list .icon-a-360shitu {
  cursor: pointer;
  color: unset;
  font-size: 22px;
  font-weight: unset;
}
.table-list .icon-a-360shitu:hover {
  color: #1890f1;
}
.table-list .ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: 0px -8px;
}
.table-list .ant-table .ant-table-expanded-row-fixed {
  padding: 0;
  margin: 0;
}
.table-list .ant-table-thead {
  height: 40px;
}
.table-list .ant-table-thead tr {
  background-color: #f0f2f5;
  border-radius: 8px 8px 0 0;
}
.table-list .ant-table-thead tr th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  padding: 0 8px !important;
  height: 40px;
  line-height: 40px;
  background: #f3f6fa;
  text-align: left;
  border-bottom: 0;
}
.table-list .ant-table-thead tr th:first-child {
  border-left: none;
}
.table-list .ant-table-thead tr th.ant-table-selection-column {
  text-align: right !important;
  padding: 0 8px !important;
}
.table-list .ant-table-thead tr th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  width: 0;
}
.table-list .ant-table-thead tr .ant-table-cell-fix-left {
  background-color: #f0f2f5;
}
.table-list .ant-table-thead .thead-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.table-list .ant-table-thead .thead-inner .tHeaderWrap {
  display: inline-block;
}
.table-list .ant-table-thead .thead-inner .tHeaderWrap.showTHeader + .titleColumn,
.table-list .ant-table-thead .thead-inner .tHeaderWrap.hasSet + .titleColumn {
  color: #1890ff;
}
.table-list .ant-table-thead .thead-inner .tHeaderWrap .lock-wrap {
  display: none;
  width: 20px;
  text-align: center;
  cursor: pointer;
  right: 24px;
}
.table-list .ant-table-thead .thead-inner .filter-entry {
  display: inline-block;
  width: 20px;
  text-align: center;
  cursor: pointer;
  right: 5px;
}
.table-list .ant-table-thead .thead-inner .filter-entry.ant-popover-open .caret-down,
.table-list .ant-table-thead .thead-inner .filter-entry.ant-popover-open .anticon-caret-down {
  visibility: visible;
}
.table-list .ant-table-thead .thead-inner .filter-entry .caret-down,
.table-list .ant-table-thead .thead-inner .filter-entry .anticon-caret-down {
  color: #1890ff;
  display: inline-block;
  visibility: hidden;
  transition: transform 0.2s;
}
.table-list .ant-table-thead .thead-inner .filter-entry .caret-down.up,
.table-list .ant-table-thead .thead-inner .filter-entry .anticon-caret-down.up {
  transform: rotate(180deg);
}
.table-list .ant-table-thead th:not(.thead-inner):hover {
  cursor: default;
}
.table-list .ant-table-thead th:hover {
  cursor: pointer;
  background: #e7f0fa;
}
.table-list .ant-table-thead th:hover .titleColumn:hover {
  color: #1890ff;
}
.table-list .ant-table-thead th:hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-down,
.table-list .ant-table-thead th:hover .titleColumn:hover .ant-table-column-sorter .ant-table-column-sorter-up {
  color: #1890ff;
}
.table-list .ant-table-thead th:hover .tHeaderWrap .lock-wrap {
  display: inline-block;
}
.table-list .ant-table-thead th:hover .tHeaderWrap:hover .icon-e603:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.table-list .ant-table-thead th:hover .tHeaderWrap:hover .icon-e6aa:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.table-list .ant-table-thead th:hover .tHeaderWrap:hover .icon-e6aa:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.table-list .ant-table-thead th:hover .tHeaderWrap:hover .icon-e627:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.table-list .ant-table-thead th:hover .filter-entry .caret-down,
.table-list .ant-table-thead th:hover .filter-entry .anticon-caret-down {
  visibility: visible;
}
.table-list .ant-table-thead th:hover .ant-table-column-sorter {
  display: inline-block;
}
.table-list .ant-table-thead .titleColumn {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  display: flex;
  align-items: center;
}
.table-list .ant-table-thead .titleColumn > span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.table-list .ant-table-thead .titleColumn:hover {
  color: #010b1f;
}
.table-list .ant-table-thead th.right {
  text-align: right;
}
.table-list .ant-table-thead th.right .titleColumn {
  text-align: right;
}
.table-list .ant-table-thead th.right .thead-inner {
  justify-content: right;
}
.table-list .ant-table-thead .center {
  text-align: center;
}
.table-list .ant-table-thead th.fix-right,
.table-list .ant-table-thead th.ant-table-cell-scrollbar {
  background-color: #f3f6fa;
}
.table-list .ant-table-thead .triangle {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: baseline;
  margin-left: 2px;
  background: linear-gradient(45deg, #b9bbbc 50%, transparent 50%);
}
.table-list .ant-table-body .ant-table-cell:hover {
  cursor: auto;
}
.table-list .ant-table.ant-table-middle {
  height: 100%;
}
.table-list .ant-table.ant-table-middle .ant-table-tbody > tr > td {
  padding: 0 8px;
  border-bottom: 1px solid #e8e8e8;
}
.table-list .ant-table.ant-table-middle .ant-table-tbody > tr > td p {
  height: 20px;
}
.table-list .ant-table.ant-table-middle .ant-table-tbody > tr > td .active {
  border-bottom: 2px solid #1890ff;
  padding-bottom: 6px;
}
.table-list .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row-selected > td {
  background-color: #eff7ff;
}
.table-list .ant-table.ant-table-middle .ant-table-tbody > tr.expandedRowClass > td {
  background-color: #e7f3ff;
}
.table-list .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row:hover > td {
  background-color: #eff7ff;
}
.table-list .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row:hover > td .file-table.icon-e632 {
  cursor: pointer;
  font-size: 16px;
  color: #222222;
  opacity: 1;
}
.table-list .ant-table.ant-table-middle .ant-table-tbody > tr.ant-table-row:hover > td .file-table.icon-e632:hover {
  opacity: 1;
  color: #1890ff;
}
.table-list .ant-table.ant-table-middle .icon-e6e6 {
  cursor: pointer;
  border-radius: 4px;
  font-size: 16px;
  color: #666666;
}
.table-list .ant-table.ant-table-middle .icon-e6e6:hover {
  color: #1890ff;
}
.table-list .ant-table.ant-table-middle .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
  background: #eff7ff;
  color: #1890ff;
}
.table-list .ant-table.ant-table-middle .ant-table-row-expand-icon-cell {
  text-align: center;
}
.table-list .ant-table-row > td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #222;
  height: 39px;
  border-bottom: 1px solid #e8e8e8;
  text-align: left;
}
.table-list .ant-table-row > td.repeat-center {
  color: #ecb700;
  font-weight: bold;
  cursor: pointer;
}
.table-list .ant-table-row > td span div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.table-list .ant-table-row > td.right {
  text-align: right;
}
.table-list .ant-table-row > td > div {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #222;
}
.table-list .ant-table-row > td > div > div {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-list .ant-table-row > td.ant-table-selection-column {
  text-align: right;
  padding: 0 8px !important;
}
.table-list .ant-table-fixed-left {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.05);
}
.table-list .ant-table-fixed-left th,
.table-list .ant-table-fixed-left td {
  text-align: left;
}
.table-list .ant-table-fixed-left th .ant-checkbox-wrapper,
.table-list .ant-table-fixed-left td .ant-checkbox-wrapper {
  transform: translateX(13px);
}
.table-list .ant-table-cell-fix-left {
  /*background: #F0F2F5;*/
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.05);
}
.table-list .color-span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  height: 20px;
  padding: 0 4px;
  border-radius: 4px;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  vertical-align: text-bottom;
}
.table-list .ant-table-placeholder td {
  overflow: hidden;
}
.table-list .ant-table-footer {
  padding: 12px 8px 0 8px !important;
}
.table-list .biz-meta-link {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  line-height: 34px;
}
.table-list .preview-item .text-show {
  width: auto;
}
.table-list .use-click-inview360 {
  display: flex;
}
.table-list .image-line {
  display: flex !important;
  width: auto !important;
  max-width: none !important;
}
.table-list .preview-file-name {
  max-width: none;
}
.biz-list-main {
  flex: 1 1;
  padding: 0 20px;
}
.anticon-right {
  font-size: 10px;
}
.anticon-right:hover {
  color: #1890ff;
}
button:disabled .anticon-right:hover {
  color: inherit;
}
.rightOutlined {
  color: #DFDFDF;
}
.rightOutlined:hover {
  color: #DFDFDF;
}
.picker-modal .ant-tabs-content {
  height: 100%;
}
.picker-modal .ant-tabs {
  height: 100%;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  padding: 9px 8px;
  line-height: 20px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 14px;
}
.ant-table-expanded-row {
  padding: 0 !important;
}
.ant-table-expanded-row .expand-table {
  padding: 0 0 0 80px !important;
  background-color: #f8fbff !important;
}
.ant-table-expanded-row .expand-table .ant-table.ant-table-middle {
  margin: 0 !important;
  background-color: #f8fbff !important;
}
.ant-table-expanded-row .expand-table .ant-table-tbody > tr > td {
  padding: 0 8px;
  border-bottom: 1px dashed #c5c5c5 !important;
}
.ant-table-expanded-row .expand-table .ant-table.ant-table-middle {
  height: auto;
}
.ant-table-expanded-row .expand-table .ant-table-thead tr th {
  color: #666;
  background-color: #f8fbff !important;
}
.ant-table-expanded-row .expand-table .ant-table-thead tr th:before {
  width: 0;
}
.ant-table-expanded-row .expand-table .ant-table-thead tr th .thead-inner {
  flex-direction: row;
}
.ant-table-expanded-row .expand-table .ant-table-thead tr th .titleColumn:hover {
  color: #666666;
  cursor: default;
}
.ant-table-expanded-row .expand-table .ant-table-thead th.right {
  text-align: right;
}
.ant-table-expanded-row .expand-table .ant-table-thead th.right .titleColumn {
  justify-content: right;
}
.ant-table-expanded-row .expand-table .ant-table-thead th.right .thead-inner {
  justify-content: right;
}
.ant-table-expanded-row .expand-table .ant-table-content {
  min-width: 100%;
  overflow: auto scroll;
}
.ant-table-expanded-row .expand-table .ant-table-placeholder {
  min-height: 30px !important;
  position: static !important;
  width: 1000px;
}
.ant-table-expanded-row .expand-table .ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #f8fbff;
}
.ant-table-expanded-row .expand-table .ant-table-pagination.ant-pagination {
  padding: 12px 16px;
  margin: 0;
}
.ant-table-expanded-row .expand-table .ant-table-footer {
  padding: 12px 16px 12px 8px !important;
  background: #f8fbff !important;
}
.ant-table-expanded-row .expand-table .ant-table-tbody > tr.ant-table-row:hover > td {
  background-color: #eff7ff;
}
.ant-table-expanded-row .expand-table .multiText {
  max-width: 250px;
}
.ant-table-expanded-row .expand-table .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  width: 0;
}
.ant-table-expanded-row .expand-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resizeable-content {
  color: #666;
}
.ant-table-expanded-row .expand-table .ant-table-thead > tr > th.cloud-th-resizeable .cloud-th-resize-bar {
  width: 0;
}
.ant-table-expanded-row .expand-table .ant-table-thead > tr > th.cloud-th-resizeable:hover .cloud-th-resize-bar {
  width: 7px;
}
.table-list.use-check.batch-picker table tr th.ant-table-selection-column,
.table-list.use-check.batch-picker table tr td.ant-table-selection-column {
  text-align: center !important;
}
.table-list.use-check .ant-table-thead tr th:nth-child(2) {
  border-left: none;
}
.table-list.summaryDetail-table-list .ant-spin-nested-loading .ant-table-pagination .ant-pagination-total-text {
  position: absolute;
  left: 0;
  font-size: 14px;
}
.table-list.summaryDetail-table-list .ant-spin-nested-loading .ant-table-pagination .ant-pagination-options-quick-jumper {
  line-height: 20px;
  height: 20px;
}
.table-list.summaryDetail-table-list .ant-spin-nested-loading .ant-table-pagination .ant-pagination-options-quick-jumper input {
  width: 28px;
  height: 20px;
}
.file-table.icon-e632 {
  cursor: pointer;
  font-size: 16px;
  opacity: 0;
}
.picker-modal .biz-data-table-wrap .table-list .ant-table-thead th.right:hover .titleColumn {
  padding-right: 20px;
}
.biz-data-table-wrap .table-list {
  overflow: auto;
  flex: 0 1 max-content;
}
@keyframes throttle {
  from {
    pointer-events: none;
  }
  to {
    pointer-events: all;
  }
}
button:not(.ant-btn-loading,.ant-dropdown-trigger,[disabled]) {
  animation: throttle 600ms step-end forwards;
}
button:not(.ant-btn-loading,.ant-dropdown-trigger,[disabled]):active {
  animation: none;
}
.univer-sheet-bar-btn,
.univer-button,
.univer-toolbar-btn {
  pointer-events: all !important;
}
.ant-dropdown-menu button,
.safari button {
  animation: unset;
}
.ant-modal-wrap.fullscreen {
  overflow: overlay;
}
.ant-modal-wrap.fullscreen .ant-modal {
  width: 100vw !important;
  max-width: 100vw !important;
  top: 0;
  padding-bottom: 0;
}
@font-face {
  font-family: 'heicon';
  /* Project id 886152 */
  src: url(../../static/media/yunfont.f93638226caa18368610.woff2) format('woff2'), url(../../static/media/yunfont.a4cf32f56f9b23bd1ded.woff) format('woff'), url(../../static/media/yunfont.c3d5492145f1abcfef31.ttf) format('truetype');
}
.web {
  font-family: 'web' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tongbuzhishiku-weixuanze:before {
  content: "\e869";
  font-family: 'heicon';
}
.tongbuzhishiku:before {
  content: "\e868";
  font-family: 'heicon';
}
.icon-chuizhijingxiang:before {
  content: "\e866";
  font-family: 'heicon';
}
.icon-shuipingjingxiang:before {
  content: "\e867";
  font-family: 'heicon';
}
.icon-shoucang-xuanzhongtai:before {
  content: "\e865";
  font-family: 'heicon';
}
.icon-zuijinfangwen-xuanzhongtai:before {
  content: "\e863";
  font-family: 'heicon';
}
.icon-zuijinfangwen:before {
  content: "\e864";
  font-family: 'heicon';
}
.icon-wendangzhongxin:before {
  content: "\e861";
  font-family: 'heicon';
}
.icon-qingchu:before {
  content: "\e862";
  font-family: 'heicon';
}
.icon-a-043_tongbu:before {
  content: "\e860";
  font-family: 'heicon';
}
.icon-charulianjie:before {
  content: "\e85f";
  font-family: 'heicon';
}
.icon-dakaiwenjianmulu:before {
  content: "\e85e";
  font-family: 'heicon';
}
.icon-shoucang-xuantingtai:before {
  content: "\e85b";
  font-family: 'heicon';
}
.icon-weishoucang:before {
  content: "\e85c";
  font-family: 'heicon';
}
.icon-yishoucang:before {
  content: "\e85d";
  font-family: 'heicon';
}
.icon-xitongchaxun:before {
  content: "\e85a";
  font-family: 'heicon';
}
.icon-xiazai:before {
  content: "\e80a";
  font-family: 'heicon';
}
.icon-shenhe:before {
  content: "\e809";
  font-family: 'heicon';
}
.icon-chedishanchu:before {
  content: "\e808";
  font-family: 'heicon';
}
.icon-yidong1:before {
  content: "\e807";
  font-family: 'heicon';
}
.icon-quanxianguanli-bumen:before {
  content: "\e805";
  font-family: 'heicon';
}
.icon-quanxianguanli-jiaose:before {
  content: "\e806";
  font-family: 'heicon';
}
.icon-quanxianguanli:before {
  content: "\e801";
  font-family: 'heicon';
}
.icon-zhongmingming:before {
  content: "\e802";
  font-family: 'heicon';
}
.icon-yidong:before {
  content: "\e803";
  font-family: 'heicon';
}
.icon-zhongxinguidang:before {
  content: "\e804";
  font-family: 'heicon';
}
.icon-sousuo:before {
  content: "\e7c0";
  font-family: 'heicon';
}
.icon-xinjianwenjianjia:before {
  content: "\e7c1";
  font-family: 'heicon';
}
.icon-shangchuan:before {
  content: "\e7c2";
  font-family: 'heicon';
}
.icon-shaixuan:before {
  content: "\e7c3";
  font-family: 'heicon';
}
.icon-shouqizhuangtai:before {
  content: "\e7c4";
  font-family: 'heicon';
}
.icon-zhankaizhuangtai-xuanzhong:before {
  content: "\e7c5";
  font-family: 'heicon';
}
.icon-zhankaizhuangtai:before {
  content: "\e7c6";
  font-family: 'heicon';
}
.icon-fuzhilujing:before {
  content: "\e7c7";
  font-family: 'heicon';
}
.icon-wenjianshugongnenganniu:before {
  content: "\e7c8";
  font-family: 'heicon';
}
.icon-xiangmuwendang-xuanzhong:before {
  content: "\e7ba";
  font-family: 'heicon';
}
.icon-e85e:before {
  font-family: 'heicon';
  content: "\e85e";
}
.icon-huishouzhan:before {
  font-family: 'heicon';
  content: "\e7bb";
}
.icon-xiangmuwendangjianchaqingdan:before {
  font-family: 'heicon';
  content: "\e7be";
}
.icon-xiangmuwendang:before {
  font-family: 'heicon';
  content: "\e7b9";
}
.icon-qiyewendang:before {
  font-family: 'heicon';
  content: "\e7b8";
}
.icon-xiazai:before {
  font-family: 'heicon';
  content: "\e80a";
}
.icon-shenhe:before {
  font-family: 'heicon';
  content: "\e809";
}
.icon-e805:before {
  font-family: 'heicon';
  content: '\e805';
}
.icon-e806:before {
  font-family: 'heicon';
  content: '\e806';
}
.icon-e801:before {
  font-family: 'heicon';
  content: '\e801';
}
.icon-e802:before {
  font-family: 'heicon';
  content: '\e802';
}
.icon-e803:before {
  font-family: 'heicon';
  content: '\e803';
}
.icon-e804:before {
  font-family: 'heicon';
  content: '\e804';
}
.icon-chedishanchu:before {
  font-family: 'heicon';
  content: '\e808';
}
.icon-yidong1:before {
  font-family: 'heicon';
  content: '\e807';
}
.icon-a-41:before {
  font-family: 'heicon';
  content: '\e873';
}
.icon-a-91:before {
  font-family: 'heicon';
  content: '\e874';
}
.icon-jiankong:before {
  font-family: 'heicon';
  content: '\e875';
}
.icon-a-11:before {
  font-family: 'heicon';
  content: '\e872';
}
.icon-binghangjiedian1:before {
  font-family: 'heicon';
  content: '\e86c';
}
.icon-xiugai:before {
  font-family: 'heicon';
  content: '\e871';
}
.icon-xiantuli:before {
  font-family: 'heicon';
  content: '\e86f';
}
.icon-zhutuli:before {
  font-family: 'heicon';
  content: '\e870';
}
.icon-tubiao1:before {
  font-family: 'heicon';
  content: '\e859';
}
.icon-riqi1:before {
  font-family: 'heicon';
  content: '\e86a';
}
.icon-lunbotu:before {
  font-family: 'heicon';
  content: '\e86b';
}
.icon-shuangzhoutu:before {
  font-family: 'heicon';
  content: '\e86d';
}
.icon-kapian:before {
  font-family: 'heicon';
  content: '\e86e';
}
.icon-loudoutu:before {
  font-family: 'heicon';
  content: '\e85f';
}
.icon-zoumadeng:before {
  font-family: 'heicon';
  content: '\e860';
}
.icon-shijian:before {
  font-family: 'heicon';
  content: '\e861';
}
.icon-toubu1:before {
  font-family: 'heicon';
  content: '\e862';
}
.icon-paimingtu:before {
  font-family: 'heicon';
  content: '\e863';
}
.icon-jiaoben:before {
  font-family: 'heicon';
  content: '\e864';
}
.icon-zhibiaoka:before {
  font-family: 'heicon';
  content: '\e865';
}
.icon-wenjianzujian:before {
  font-family: 'heicon';
  content: '\e866';
}
.icon-leidatu:before {
  font-family: 'heicon';
  content: '\e867';
}
.icon-bingtu:before {
  font-family: 'heicon';
  content: '\e868';
}
.icon-zhutu:before {
  font-family: 'heicon';
  content: '\e869';
}
.icon-tiaoxingtu:before {
  font-family: 'heicon';
  content: '\e857';
}
.icon-qita:before {
  font-family: 'heicon';
  content: '\e858';
}
.icon-yewuzujian:before {
  font-family: 'heicon';
  content: '\e85a';
}
.icon-xiantu:before {
  font-family: 'heicon';
  content: '\e85b';
}
.icon-xuanze:before {
  font-family: 'heicon';
  content: '\e85c';
}
.icon-pingpuzhibiao:before {
  font-family: 'heicon';
  content: '\e85d';
}
.icon-yibiaopan:before {
  font-family: 'heicon';
  content: '\e85e';
}
.icon-fengefu1:before {
  font-family: 'heicon';
  content: '\e856';
}
.icon-a-url4:before {
  font-family: 'heicon';
  content: '\e855';
}
.icon-fengefu:before {
  font-family: 'heicon';
  content: '\e84c';
}
.icon-a-3:before {
  font-family: 'heicon';
  content: '\e84d';
}
.icon-a-6:before {
  font-family: 'heicon';
  content: '\e84e';
}
.icon-a-7:before {
  font-family: 'heicon';
  content: '\e84f';
}
.icon-a-2:before {
  font-family: 'heicon';
  content: '\e850';
}
.icon-a-0:before {
  font-family: 'heicon';
  content: '\e851';
}
.icon-a-1:before {
  font-family: 'heicon';
  content: '\e852';
}
.icon-a-5:before {
  font-family: 'heicon';
  content: '\e853';
}
.icon-a-4:before {
  font-family: 'heicon';
  content: '\e854';
}
.icon-maohao:before {
  font-family: 'heicon';
  content: '\e849';
}
.icon-a-8:before {
  font-family: 'heicon';
  content: '\e84a';
}
.icon-a-9:before {
  font-family: 'heicon';
  content: '\e84b';
}
.icon-paitawangguan:before {
  font-family: 'heicon';
  content: '\e846';
}
.icon-binghangwangguan:before {
  font-family: 'heicon';
  content: '\e847';
}
.icon-binghangjiedian:before {
  font-family: 'heicon';
  content: '\e848';
}
.icon-zuoduiqi1:before {
  font-family: 'heicon';
  content: '\e843';
}
.icon-chuizhijunfen:before {
  font-family: 'heicon';
  content: '\e844';
}
.icon-dibuduiqi:before {
  font-family: 'heicon';
  content: '\e845';
}
.icon-dingduiqi:before {
  font-family: 'heicon';
  content: '\e83e';
}
.icon-juzhongduiqi:before {
  font-family: 'heicon';
  content: '\e83f';
}
.icon-youduiqi1:before {
  font-family: 'heicon';
  content: '\e840';
}
.icon-shuipingjunfen:before {
  font-family: 'heicon';
  content: '\e841';
}
.icon-zhongbuduiqi:before {
  font-family: 'heicon';
  content: '\e842';
}
.icon-biyanjing:before {
  font-family: 'heicon';
  content: '\e83c';
}
.icon-zhengyanjing:before {
  font-family: 'heicon';
  content: '\e83d';
}
.icon-fenxiang1:before {
  font-family: 'heicon';
  content: '\e839';
}
.icon-fabu:before {
  font-family: 'heicon';
  content: '\e83a';
}
.icon-shanchu:before {
  font-family: 'heicon';
  content: '\e83b';
}
.icon-fuzhi1:before {
  font-family: 'heicon';
  content: '\e837';
}
.icon-bianji:before {
  font-family: 'heicon';
  content: '\e838';
}
.icon-danyuangeshengxu:before {
  font-family: 'heicon';
  content: '\e830';
}
.icon-danyuangejiangxu:before {
  font-family: 'heicon';
  content: '\e832';
}
.icon-danyuangeshaixuan:before {
  font-family: 'heicon';
  content: '\e836';
}
.icon-shaixuanjiangxu:before {
  font-family: 'heicon';
  content: '\e82f';
}
.icon-shaixuanshengxu:before {
  font-family: 'heicon';
  content: '\e831';
}
.icon-tiaozhengjiedian:before {
  font-family: 'heicon';
  content: '\e834';
}
.icon-zhongqi:before {
  font-family: 'heicon';
  content: '\e835';
}
.icon-chaifen:before {
  font-family: 'heicon';
  content: '\e833';
}
.icon-toubujuzhen:before {
  font-family: 'heicon';
  content: '\e7b7';
}
.icon-zibiaoyou:before {
  font-family: 'heicon';
  content: '\e82b';
}
.icon-zibiaozuo:before {
  font-family: 'heicon';
  content: '\e82c';
}
.icon-zibiaoxia:before {
  font-family: 'heicon';
  content: '\e82d';
}
.icon-zibiaoshang:before {
  font-family: 'heicon';
  content: '\e82e';
}
.icon-shang:before {
  font-family: 'heicon';
  content: '\e829';
}
.icon-you:before {
  font-family: 'heicon';
  content: '\e82a';
}
.icon-zuo:before {
  font-family: 'heicon';
  content: '\e827';
}
.icon-xia:before {
  font-family: 'heicon';
  content: '\e828';
}
.icon-lianjie:before {
  font-family: 'heicon';
  content: '\e826';
}
.icon-zhongxinkuangxian:before {
  font-family: 'heicon';
  content: '\e823';
}
.icon-shanchuxian:before {
  font-family: 'heicon';
  content: '\e825';
}
.icon-xiahuaxian:before {
  font-family: 'heicon';
  content: '\e824';
}
.icon-shangkuangxian:before {
  font-family: 'heicon';
  content: '\e821';
}
.icon-suoyoukuangxian:before {
  font-family: 'heicon';
  content: '\e822';
}
.icon-youkuangxian:before {
  font-family: 'heicon';
  content: '\e81d';
}
.icon-zuokuangxian:before {
  font-family: 'heicon';
  content: '\e81e';
}
.icon-xiakuangxian:before {
  font-family: 'heicon';
  content: '\e81f';
}
.icon-waicekuangxian:before {
  font-family: 'heicon';
  content: '\e820';
}
.icon-wukuangxian:before {
  font-family: 'heicon';
  content: '\e81c';
}
.icon-riqi:before {
  font-family: 'heicon';
  content: '\e81b';
}
.icon-fanganzhongxin:before {
  font-family: 'heicon';
  content: '\e81a';
}
.icon-a-:before {
  font-family: 'heicon';
  content: '\e819';
}
.icon-jiangxu1:before {
  font-family: 'heicon';
  content: '\e817';
}
.icon-shengxu1:before {
  font-family: 'heicon';
  content: '\e818';
}
.icon-zhongqiyewuliu1:before {
  font-family: 'heicon';
  content: '\e7b6';
}
.icon-shubiao:before {
  font-family: 'heicon';
  content: '\e816';
}
.icon-jindu:before {
  font-family: 'heicon';
  content: '\e815';
}
.icon-fengxianguanli:before {
  font-family: 'heicon';
  content: '\e813';
}
.icon-gongyingshang:before {
  font-family: 'heicon';
  content: '\e814';
}
.icon-cuti:before {
  font-family: 'heicon';
  content: '\e811';
}
.icon-xieti:before {
  font-family: 'heicon';
  content: '\e812';
}
.icon-mubiao:before {
  font-family: 'heicon';
  content: '\e7b5';
}
.icon-youduiqi:before {
  font-family: 'heicon';
  content: '\e80b';
}
.icon-shangxiajuzhongduiqi:before {
  font-family: 'heicon';
  content: '\e80c';
}
.icon-zuoduiqi:before {
  font-family: 'heicon';
  content: '\e80d';
}
.icon-shangduiqi:before {
  font-family: 'heicon';
  content: '\e80e';
}
.icon-zuoyoujuzhongduiqi:before {
  font-family: 'heicon';
  content: '\e80f';
}
.icon-xiaduiqi:before {
  font-family: 'heicon';
  content: '\e810';
}
.icon-e6641:before {
  font-family: 'heicon';
  content: '\e7b3';
}
.icon-a-0003:before {
  font-family: 'heicon';
  content: '\e7b4';
}
.icon-a-0009:before {
  font-family: 'heicon';
  content: '\e7b0';
}
.icon-e6031:before {
  font-family: 'heicon';
  content: '\e7b1';
}
.icon-e6b11:before {
  font-family: 'heicon';
  content: '\e7b2';
}
.icon-tongji:before {
  font-family: 'heicon';
  content: '\e7ae';
}
.icon-ziji:before {
  font-family: 'heicon';
  content: '\e7af';
}
.icon-xiaoshou:before {
  font-family: 'heicon';
  content: '\e7ad';
}
.icon-ketuozhuai:before {
  font-family: 'heicon';
  content: '\e7ac';
}
.icon-lubiao:before {
  font-family: 'heicon';
  content: '\e800';
}
.icon-piliangtianchong:before {
  font-family: 'heicon';
  content: '\e7ab';
}
.icon-jurassic_table:before {
  font-family: 'heicon';
  content: '\e7aa';
}
.icon-zhengzaijinhang:before {
  font-family: 'heicon';
  content: '\e7a9';
}
.icon-xuhao-9:before {
  font-family: 'heicon';
  content: '\e7a4';
}
.icon-xuhao-8:before {
  font-family: 'heicon';
  content: '\e7a5';
}
.icon-xuhao-7:before {
  font-family: 'heicon';
  content: '\e7a6';
}
.icon-xuhao-6:before {
  font-family: 'heicon';
  content: '\e7a7';
}
.icon-xuhao-5:before {
  font-family: 'heicon';
  content: '\e7a8';
}
.icon-xuhao-2:before {
  font-family: 'heicon';
  content: '\e7a2';
}
.icon-xuhao-1:before {
  font-family: 'heicon';
  content: '\e7a3';
}
.icon-xuhao-4:before {
  font-family: 'heicon';
  content: '\e7a0';
}
.icon-xuhao-3:before {
  font-family: 'heicon';
  content: '\e7a1';
}
.icon-xuhao-0:before {
  font-family: 'heicon';
  content: '\e79e';
}
.icon-fangxiangjian:before {
  font-family: 'heicon';
  content: '\e79f';
}
.icon-jianpan:before {
  font-family: 'heicon';
  content: '\e79d';
}
.icon-yewuliu2:before {
  font-family: 'heicon';
  content: '\e79c';
}
.icon-fangda1:before {
  font-family: 'heicon';
  content: '\e79b';
}
.icon-shaixuan-youzhi:before {
  font-family: 'heicon';
  content: '\e79a';
}
.icon-fenyefu:before {
  font-family: 'heicon';
  content: '\e799';
}
.icon-tongbuzhizuwai:before {
  font-family: 'heicon';
  content: '\e798';
}
.icon-tongbuzhizunei:before {
  font-family: 'heicon';
  content: '\e797';
}
.icon-cebianlan:before {
  font-family: 'heicon';
  content: '\e795';
}
.icon-quanpingduibi:before {
  font-family: 'heicon';
  content: '\e796';
}
.icon-youzhuan:before {
  font-family: 'heicon';
  content: '\e7fe';
}
.icon-zuozhuan:before {
  font-family: 'heicon';
  content: '\e7ff';
}
.icon-gongzuotai:before {
  font-family: 'heicon';
  content: '\e794';
}
.icon-gongzuotai-hover:before {
  font-family: 'heicon';
  content: '\e793';
}
.icon-zuzhi-hover:before {
  font-family: 'heicon';
  content: '\e7fd';
}
.icon-info2:before {
  font-family: 'heicon';
  content: '\e791';
}
.icon-info1:before {
  font-family: 'heicon';
  content: '\e792';
}
.icon-xinzengxiayiniandu:before {
  font-family: 'heicon';
  content: '\e78f';
}
.icon-xinzengshangyiniandu:before {
  font-family: 'heicon';
  content: '\e790';
}
.icon-xialasanjiao:before {
  font-family: 'heicon';
  content: '\e78e';
}
.icon-qiehuan:before {
  font-family: 'heicon';
  content: '\e78d';
}
.icon-zuzhi:before {
  font-family: 'heicon';
  content: '\e78b';
}
.icon-qiehuanzuzhi:before {
  font-family: 'heicon';
  content: '\e78c';
}
.icon-yibuliucheng:before {
  font-family: 'heicon';
  content: '\e78a';
}
.icon-zhankai2:before {
  font-family: 'heicon';
  content: '\e788';
}
.icon-shouqi2:before {
  font-family: 'heicon';
  content: '\e789';
}
.icon-dayinriqi:before {
  font-family: 'heicon';
  content: '\e784';
}
.icon-qiye:before {
  font-family: 'heicon';
  content: '\e785';
}
.icon-dayinshijian:before {
  font-family: 'heicon';
  content: '\e786';
}
.icon-qiyelogo:before {
  font-family: 'heicon';
  content: '\e787';
}
.icon-pinglun1:before {
  font-family: 'heicon';
  content: '\e782';
}
.icon-erweima:before {
  font-family: 'heicon';
  content: '\e783';
}
.icon-view-table:before {
  font-family: 'heicon';
  content: '\e780';
}
.icon-view-card:before {
  font-family: 'heicon';
  content: '\e781';
}
.icon-a-share3x:before {
  font-family: 'heicon';
  content: '\e77f';
}
.icon-a-star3x:before {
  font-family: 'heicon';
  content: '\e77e';
}
.icon-a-obj-check-23x:before {
  font-family: 'heicon';
  content: '\e77c';
}
.icon-a-obj-attention-23x:before {
  font-family: 'heicon';
  content: '\e77d';
}
.icon-fuzhi:before {
  font-family: 'heicon';
  content: '\e7fb';
}
.icon-geduan:before {
  font-family: 'heicon';
  content: '\e77a';
}
.icon-fenge:before {
  font-family: 'heicon';
  content: '\e7fa';
}
.icon-xin-shangtuxiabiao:before {
  font-family: 'heicon';
  content: '\e779';
}
.icon-biaotou-shengxu:before {
  font-family: 'heicon';
  content: '\e76f';
}
.icon-biaotou-jiangxu:before {
  font-family: 'heicon';
  content: '\e777';
}
.icon-calendar-add2:before {
  font-family: 'heicon';
  content: '\e778';
}
.icon-tishi:before {
  font-family: 'heicon';
  content: '\e7f9';
}
.icon-yeqian-guanbimoren:before {
  font-family: 'heicon';
  content: '\e776';
}
.icon-yeqian-yibiaoban:before {
  font-family: 'heicon';
  content: '\e771';
}
.icon-yeqian-baobiao:before {
  font-family: 'heicon';
  content: '\e772';
}
.icon-yeqian-wenjian:before {
  font-family: 'heicon';
  content: '\e773';
}
.icon-yeqian-xiangqing:before {
  font-family: 'heicon';
  content: '\e774';
}
.icon-yeqian-xinjian:before {
  font-family: 'heicon';
  content: '\e775';
}
.icon-yeqian-zhuanhua:before {
  font-family: 'heicon';
  content: '\e770';
}
.icon-yeqian-biangeng:before {
  font-family: 'heicon';
  content: '\e76e';
}
.icon-tongjixuanzhongxiang:before {
  font-family: 'heicon';
  content: '\e76b';
}
.icon-tongjiquanbu:before {
  font-family: 'heicon';
  content: '\e76c';
}
.icon-tongjibenye:before {
  font-family: 'heicon';
  content: '\e76d';
}
.icon-a-guolvjiangxuxuanzhong:before {
  font-family: 'heicon';
  content: '\e767';
}
.icon-a-guolvjiangxu:before {
  font-family: 'heicon';
  content: '\e768';
}
.icon-a-guolvshengxuxuanzhong:before {
  font-family: 'heicon';
  content: '\e769';
}
.icon-a-guolvshengxu:before {
  font-family: 'heicon';
  content: '\e76a';
}
.icon-suodinglie:before {
  font-family: 'heicon';
  content: '\e763';
}
.icon-quxiaosuodinglie:before {
  font-family: 'heicon';
  content: '\e764';
}
.icon-zishiyingzhehang:before {
  font-family: 'heicon';
  content: '\e765';
}
.icon-buyunxuzhehang:before {
  font-family: 'heicon';
  content: '\e766';
}
.icon-dianji:before {
  font-family: 'heicon';
  content: '\e762';
}
.icon-yanse:before {
  font-family: 'heicon';
  content: '\e886';
}
.icon-fire-fill:before {
  font-family: 'heicon';
  content: '\e77b';
}
.icon-ziduanguanxi-1:before {
  font-family: 'heicon';
  content: '\e761';
}
.icon-caogaoxiang:before {
  font-family: 'heicon';
  content: '\e760';
}
.icon-cheng:before {
  font-family: 'heicon';
  content: '\e75c';
}
.icon-chu:before {
  font-family: 'heicon';
  content: '\e75d';
}
.icon-dengyu:before {
  font-family: 'heicon';
  content: '\e75f';
}
.icon-xuanzhongquanbu:before {
  font-family: 'heicon';
  content: '\e7f7';
}
.icon-quxiaoyixuan:before {
  font-family: 'heicon';
  content: '\e7f8';
}
.icon-chongshen:before {
  font-family: 'heicon';
  content: '\e75b';
}
.icon-wenjian1:before {
  font-family: 'heicon';
  content: '\ec63';
}
.icon-e75a:before {
  font-family: 'heicon';
  content: '\e75a';
}
.icon-dengpao:before {
  font-family: 'heicon';
  content: '\e759';
}
.icon-jianbaoqiehuan:before {
  font-family: 'heicon';
  content: '\e7f3';
}
.icon-toubu:before {
  font-family: 'heicon';
  content: '\e7f4';
}
.icon-jianbaoqiehuan2:before {
  font-family: 'heicon';
  content: '\e7f5';
}
.icon-zidingyirongqi:before {
  font-family: 'heicon';
  content: '\e7f6';
}
.icon-e6191:before {
  font-family: 'heicon';
  content: '\e755';
}
.icon-bujuzhenghang:before {
  font-family: 'heicon';
  content: '\e7f1';
}
.icon-bujubanhang:before {
  font-family: 'heicon';
  content: '\e7f2';
}
.icon-yifaqi:before {
  font-family: 'heicon';
  content: '\e744';
}
.icon-jinhangzhong:before {
  font-family: 'heicon';
  content: '\e74a';
}
.icon-bohui1:before {
  font-family: 'heicon';
  content: '\e74b';
}
.icon-neiqianyi:before {
  font-family: 'heicon';
  content: '\e745';
}
.icon-anniu_guanbi_o:before {
  font-family: 'heicon';
  content: '\e743';
}
.icon-suolvetu:before {
  font-family: 'heicon';
  content: '\e741';
}
.icon-liebiao:before {
  font-family: 'heicon';
  content: '\e742';
}
.icon-suoxiao:before {
  font-family: 'heicon';
  content: '\e73f';
}
.icon-fangda:before {
  font-family: 'heicon';
  content: '\e740';
}
.icon-daohangshezhi:before {
  font-family: 'heicon';
  content: '\e73e';
}
.icon-liuchengiconrukou:before {
  font-family: 'heicon';
  content: '\e73d';
}
.icon-e73c:before {
  font-family: 'heicon';
  content: '\e73c';
}
.icon-chexiao:before {
  font-family: 'heicon';
  content: '\e739';
}
.icon-huifu:before {
  font-family: 'heicon';
  content: '\e73a';
}
.icon-shiyinghuabu:before {
  font-family: 'heicon';
  content: '\e73b';
}
.icon-zhongqiyewuliu:before {
  font-family: 'heicon';
  content: '\e7f0';
}
.icon-e738:before {
  font-family: 'heicon';
  content: '\e738';
}
.icon-wenjianjia:before {
  font-family: 'heicon';
  content: '\e7ef';
}
.icon-shengxu:before {
  font-family: 'heicon';
  content: '\e736';
}
.icon-jiangxu:before {
  font-family: 'heicon';
  content: '\e737';
}
.icon-e735:before {
  font-family: 'heicon';
  content: '\e735';
}
.icon-e734:before {
  font-family: 'heicon';
  content: '\e734';
}
.icon-houtai-xiazai:before {
  font-family: 'heicon';
  content: '\e733';
}
.icon-houtai-chakan:before {
  font-family: 'heicon';
  content: '\e731';
}
.icon-houtai-shangchuan:before {
  font-family: 'heicon';
  content: '\e732';
}
.icon-baobiao1:before {
  font-family: 'heicon';
  content: '\e7ed';
}
.icon-xiangguan:before {
  font-family: 'heicon';
  content: '\e7ee';
}
.icon-fenxiang:before {
  font-family: 'heicon';
  content: '\e7ec';
}
.icon-yewuliu1:before {
  font-family: 'heicon';
  content: '\e7eb';
}
.icon-fenpei:before {
  font-family: 'heicon';
  content: '\e7e9';
}
.icon-zhuanyi:before {
  font-family: 'heicon';
  content: '\e7ea';
}
.icon-zhankai1:before {
  font-family: 'heicon';
  content: '\e730';
}
.icon-houtai-bianji:before {
  font-family: 'heicon';
  content: '\e723';
}
.icon-houtai-fuzhi:before {
  font-family: 'heicon';
  content: '\e724';
}
.icon-houtai-shanchu:before {
  font-family: 'heicon';
  content: '\e725';
}
.icon-houtai-dongjie:before {
  font-family: 'heicon';
  content: '\e727';
}
.icon-houtai-fuzhi1:before {
  font-family: 'heicon';
  content: '\e728';
}
.icon-houtai-lizhi:before {
  font-family: 'heicon';
  content: '\e729';
}
.icon-houtai-qiyong:before {
  font-family: 'heicon';
  content: '\e72a';
}
.icon-houtai-tingyong:before {
  font-family: 'heicon';
  content: '\e72b';
}
.icon-houtai-qingchushoujihao:before {
  font-family: 'heicon';
  content: '\e72d';
}
.icon-houtai-zhuanyishuju:before {
  font-family: 'heicon';
  content: '\e72e';
}
.icon-houtai-shengchengURLcaidan:before {
  font-family: 'heicon';
  content: '\e72f';
}
.icon-yijianfankui_h:before {
  font-family: 'heicon';
  content: '\e722';
}
.icon-chuansongmen:before {
  font-family: 'heicon';
  content: '\e721';
}
.icon-shouqi1:before {
  font-family: 'heicon';
  content: '\e720';
}
.icon-chakan:before {
  font-family: 'heicon';
  content: '\e7e8';
}
.icon-genjinren:before {
  font-family: 'heicon';
  content: '\e7e7';
}
.icon-shenpilishi:before {
  font-family: 'heicon';
  content: '\e7d3';
}
.icon-taolun:before {
  font-family: 'heicon';
  content: '\e7d4';
}
.icon-fenzuziliao:before {
  font-family: 'heicon';
  content: '\e7d5';
}
.icon-jianbao:before {
  font-family: 'heicon';
  content: '\e7d6';
}
.icon-baobiao:before {
  font-family: 'heicon';
  content: '\e7d7';
}
.icon-zhaiyao:before {
  font-family: 'heicon';
  content: '\e7d8';
}
.icon-feiyong:before {
  font-family: 'heicon';
  content: '\e7d9';
}
.icon-xiangxiziliao:before {
  font-family: 'heicon';
  content: '\e7da';
}
.icon-gongzuoliu:before {
  font-family: 'heicon';
  content: '\e7db';
}
.icon-rili:before {
  font-family: 'heicon';
  content: '\e7dc';
}
.icon-yewuliu:before {
  font-family: 'heicon';
  content: '\e7dd';
}
.icon-tubiao:before {
  font-family: 'heicon';
  content: '\e7de';
}
.icon-jieduanxiangdao:before {
  font-family: 'heicon';
  content: '\e7df';
}
.icon-biangenglishi:before {
  font-family: 'heicon';
  content: '\e7e0';
}
.icon-wenjian:before {
  font-family: 'heicon';
  content: '\e7e1';
}
.icon-shenpiliu:before {
  font-family: 'heicon';
  content: '\e7e2';
}
.icon-xuanxiangka:before {
  font-family: 'heicon';
  content: '\e7e3';
}
.icon-dongtai:before {
  font-family: 'heicon';
  content: '\e7e4';
}
.icon-waibuURL:before {
  font-family: 'heicon';
  content: '\e7e5';
}
.icon-ziduixiang:before {
  font-family: 'heicon';
  content: '\e7e6';
}
.icon-lou:before {
  font-family: 'heicon';
  content: '\e7d1';
}
.icon-ceng:before {
  font-family: 'heicon';
  content: '\e7d2';
}
.icon-e71f:before {
  font-family: 'heicon';
  content: '\e71f';
}
.icon-e8b7:before {
  font-family: 'heicon';
  content: '\e8b7';
}
.icon-e71e:before {
  font-family: 'heicon';
  content: '\e71e';
}
.icon-e71d:before {
  font-family: 'heicon';
  content: '\e71d';
}
.icon-e71c:before {
  font-family: 'heicon';
  content: '\e71c';
}
.icon-e71a:before {
  font-family: 'heicon';
  content: '\e71a';
}
.icon-a-360shitu:before {
  font-family: 'heicon';
  content: '\e71b';
}
.icon-zhankai:before {
  font-family: 'heicon';
  content: '\e718';
}
.icon-shouqi:before {
  font-family: 'heicon';
  content: '\e719';
}
.icon-e717:before {
  font-family: 'heicon';
  content: '\e717';
}
.icon-e716:before {
  font-family: 'heicon';
  content: '\e716';
}
.icon-e714:before {
  font-family: 'heicon';
  content: '\e714';
}
.icon-e715:before {
  font-family: 'heicon';
  content: '\e715';
}
.icon-e712:before {
  font-family: 'heicon';
  content: '\e712';
}
.icon-e713:before {
  font-family: 'heicon';
  content: '\e713';
}
.icon-e711:before {
  font-family: 'heicon';
  content: '\e711';
}
.icon-e710:before {
  font-family: 'heicon';
  content: '\e710';
}
.icon-chehui:before {
  font-family: 'heicon';
  content: '\e7d0';
}
.icon-pinglunzhuangtai:before {
  font-family: 'heicon';
  content: '\e7cf';
}
.icon-daishenpi:before {
  font-family: 'heicon';
  content: '\e7c9';
}
.icon-bohui:before {
  font-family: 'heicon';
  content: '\e7ca';
}
.icon-pinglun:before {
  font-family: 'heicon';
  content: '\e7cc';
}
.icon-jiaqianzhuanqian:before {
  font-family: 'heicon';
  content: '\e7cd';
}
.icon-tongguo:before {
  font-family: 'heicon';
  content: '\e7ce';
}
.icon-e70f:before {
  font-family: 'heicon';
  content: '\e70f';
}
.icon-e70b:before {
  font-family: 'heicon';
  content: '\e70b';
}
.icon-e70a:before {
  font-family: 'heicon';
  content: '\e70a';
}
.icon-e708:before {
  font-family: 'heicon';
  content: '\e708';
}
.icon-ebb9:before {
  font-family: 'heicon';
  content: '\ebb9';
}
.icon-ec61:before {
  font-family: 'heicon';
  content: '\ec61';
}
.icon-e706:before {
  font-family: 'heicon';
  content: '\e706';
}
.icon-e705:before {
  font-family: 'heicon';
  content: '\e705';
}
.icon-e704:before {
  font-family: 'heicon';
  content: '\e704';
}
.icon-e6ff:before {
  font-family: 'heicon';
  content: '\e6ff';
}
.icon-e6fe:before {
  font-family: 'heicon';
  content: '\e6fe';
}
.icon-e701:before {
  font-family: 'heicon';
  content: '\e701';
}
.icon-e703:before {
  font-family: 'heicon';
  content: '\e703';
}
.icon-e702:before {
  font-family: 'heicon';
  content: '\e702';
}
.icon-zhengxu:before {
  font-family: 'heicon';
  content: '\e6fd';
}
.icon-daoxu:before {
  font-family: 'heicon';
  content: '\e6fc';
}
.icon-eafc:before {
  font-family: 'heicon';
  content: '\eafc';
}
.icon-e8fc:before {
  font-family: 'heicon';
  content: '\e8fc';
}
.icon-e7fc:before {
  font-family: 'heicon';
  content: '\e7fc';
}
.icon-e6fc:before {
  font-family: 'heicon';
  content: '\65';
}
.icon-e6fb:before {
  font-family: 'heicon';
  content: '\e6fb';
}
.icon-e6fa:before {
  font-family: 'heicon';
  content: '\e6fa';
}
.icon-e6f9:before {
  font-family: 'heicon';
  content: '\e6f9';
}
.icon-e6f8:before {
  font-family: 'heicon';
  content: '\e6f8';
}
.icon-e6f7:before {
  font-family: 'heicon';
  content: '\e6f7';
}
.icon-e6f6:before {
  font-family: 'heicon';
  content: '\e6f6';
}
.icon-e6f5:before {
  font-family: 'heicon';
  content: '\e6f5';
}
.icon-e6f4:before {
  font-family: 'heicon';
  content: '\e6f4';
}
.icon-e6f0:before {
  font-family: 'heicon';
  content: '\e6f0';
}
.icon-e6f1:before {
  font-family: 'heicon';
  content: '\e6f1';
}
.icon-e6f2:before {
  font-family: 'heicon';
  content: '\e6f2';
}
.icon-e6f3:before {
  font-family: 'heicon';
  content: '\e6f3';
}
.icon-e6591:before {
  font-family: 'heicon';
  content: '\e6eb';
}
.icon-e644:before {
  font-family: 'heicon';
  content: '\e6ec';
}
.icon-e6e21:before {
  font-family: 'heicon';
  content: '\e6ed';
}
.icon-e654:before {
  font-family: 'heicon';
  content: '\e6ee';
}
.icon-e6472:before {
  font-family: 'heicon';
  content: '\e6ef';
}
.icon-e6ea:before {
  font-family: 'heicon';
  content: '\e6ea';
}
.icon-e6e9:before {
  font-family: 'heicon';
  content: '\e6e9';
}
.icon-e6e8:before {
  font-family: 'heicon';
  content: '\e6e8';
}
.icon-e6e7:before {
  font-family: 'heicon';
  content: '\e6e7';
}
.icon-e6e6:before {
  font-family: 'heicon';
  content: '\e6e6';
}
.icon-e6e5:before {
  font-family: 'heicon';
  content: '\e6e5';
}
.icon-e6e3:before {
  font-family: 'heicon';
  content: '\e6e3';
}
.icon-e6e4:before {
  font-family: 'heicon';
  content: '\e6e4';
}
.icon-e6e2:before {
  font-family: 'heicon';
  content: '\e6e2';
}
.icon-e6e0:before {
  font-family: 'heicon';
  content: '\e6e0';
}
.icon-e6e1:before {
  font-family: 'heicon';
  content: '\e6e1';
}
.icon-e6df:before {
  font-family: 'heicon';
  content: '\e6df';
}
.icon-e6de:before {
  font-family: 'heicon';
  content: '\e6de';
}
.icon-zhanghushezhi:before {
  font-family: 'heicon';
  content: '\e6dd';
}
.icon-e6da:before {
  font-family: 'heicon';
  content: '\e6da';
}
.icon-e6dc:before {
  font-family: 'heicon';
  content: '\e6dc';
}
.icon-e6d8:before {
  font-family: 'heicon';
  content: '\e6d8';
}
.icon-e6c4:before {
  font-family: 'heicon';
  content: '\e6c4';
}
.icon-e6db:before {
  font-family: 'heicon';
  content: '\e6db';
}
.icon-e6c3:before {
  font-family: 'heicon';
  content: '\e6c3';
}
.icon-e6d6:before {
  font-family: 'heicon';
  content: '\e6d6';
}
.icon-e6d7:before {
  font-family: 'heicon';
  content: '\e6d7';
}
.icon-e6c2:before {
  font-family: 'heicon';
  content: '\e6c2';
}
.icon-e707:before {
  font-family: 'heicon';
  content: '\e707';
}
.icon-e6c1:before {
  font-family: 'heicon';
  content: '\e6c1';
}
.icon-e726:before {
  font-family: 'heicon';
  content: '\e726';
}
.icon-e6312:before {
  font-family: 'heicon';
  content: '\e6312';
}
.icon-e6c0:before {
  font-family: 'heicon';
  content: '\e6c0';
}
.icon-e6bf:before {
  font-family: 'heicon';
  content: '\e6bf';
}
.icon-e60a1:before {
  font-family: 'heicon';
  content: '\e6be';
}
.icon-e6d5:before {
  font-family: 'heicon';
  content: '\e6d5';
}
.icon-e6d0:before {
  font-family: 'heicon';
  content: '\e6d0';
}
.icon-e6d1:before {
  font-family: 'heicon';
  content: '\e6d1';
}
.icon-e6d2:before {
  font-family: 'heicon';
  content: '\e6d2';
}
.icon-e6d3:before {
  font-family: 'heicon';
  content: '\e6d3';
}
.icon-e6d4:before {
  font-family: 'heicon';
  content: '\e6d4';
}
.icon-e6ce:before {
  font-family: 'heicon';
  content: '\e6ce';
}
.icon-e6cf:before {
  font-family: 'heicon';
  content: '\e6cf';
}
.icon-e6bd:before {
  font-family: 'heicon';
  content: '\e6bd';
}
.icon-e6b0:before {
  font-family: 'heicon';
  content: '\e6b0';
}
.icon-e6ba:before {
  font-family: 'heicon';
  content: '\e6ba';
}
.icon-e6bb:before {
  font-family: 'heicon';
  content: '\e6bb';
}
.icon-e6bc:before {
  font-family: 'heicon';
  content: '\e6bc';
}
.icon-e6ca:before {
  font-family: 'heicon';
  content: '\e6ca';
}
.icon-e6cb:before {
  font-family: 'heicon';
  content: '\e6cb';
}
.icon-e6cc:before {
  font-family: 'heicon';
  content: '\e6cc';
}
.icon-e6cd:before {
  font-family: 'heicon';
  content: '\e6cd';
}
.icon-e6af:before {
  font-family: 'heicon';
  content: '\e6af';
}
.icon-danren:before {
  font-family: 'heicon';
  content: '\e6c7';
}
.icon-duoren:before {
  font-family: 'heicon';
  content: '\e6c8';
}
.icon-Group10Copy2x:before {
  font-family: 'heicon';
  content: '\e6c9';
}
.icon-e6d9:before {
  font-family: 'heicon';
  content: '\e6d9';
}
.icon-e6ae:before {
  font-family: 'heicon';
  content: '\e6ae';
}
.icon-e6ac:before {
  font-family: 'heicon';
  content: '\e6ac';
}
.icon-e6ab:before {
  font-family: 'heicon';
  content: '\e6ab';
}
.icon-e6aa:before {
  font-family: 'heicon';
  content: '\e6aa';
}
.icon-e75e:before {
  font-family: 'heicon';
  content: '\e75e';
}
.icon-e6a9:before {
  font-family: 'heicon';
  content: '\e6a9';
}
.icon-e6a7:before {
  font-family: 'heicon';
  content: '\e6a7';
}
.icon-e6c5:before {
  font-family: 'heicon';
  content: '\e6c5';
}
.icon-e6c6:before {
  font-family: 'heicon';
  content: '\e6c6';
}
.icon-e6331:before {
  font-family: 'heicon';
  content: '\e6a6';
}
.icon-e6a1:before {
  font-family: 'heicon';
  content: '\e6a1';
}
.icon-e6b9:before {
  font-family: 'heicon';
  content: '\e6b9';
}
.icon-e6b1:before {
  font-family: 'heicon';
  content: '\e6b1';
}
.icon-e6b2:before {
  font-family: 'heicon';
  content: '\e6b2';
}
.icon-e6b4:before {
  font-family: 'heicon';
  content: '\e6b4';
}
.icon-e6b5:before {
  font-family: 'heicon';
  content: '\e6b5';
}
.icon-e6b6:before {
  font-family: 'heicon';
  content: '\e6b6';
}
.icon-e6b7:before {
  font-family: 'heicon';
  content: '\e6b7';
}
.icon-e6b8:before {
  font-family: 'heicon';
  content: '\e6b8';
}
.icon-e6ad:before {
  font-family: 'heicon';
  content: '\e6ad';
}
.icon-e6a4:before {
  font-family: 'heicon';
  content: '\e6a4';
}
.icon-e6a5:before {
  font-family: 'heicon';
  content: '\e6a5';
}
.icon-e6a8:before {
  font-family: 'heicon';
  content: '\e6a8';
}
.icon-e6a3:before {
  font-family: 'heicon';
  content: '\e6a3';
}
.icon-e6a2:before {
  font-family: 'heicon';
  content: '\e6a2';
}
.icon-e69f:before {
  font-family: 'heicon';
  content: '\e69f';
}
.icon-e6a0:before {
  font-family: 'heicon';
  content: '\e6a0';
}
.icon-e69a:before {
  font-family: 'heicon';
  content: '\e69a';
}
.icon-e694:before {
  font-family: 'heicon';
  content: '\e694';
}
.icon-e695:before {
  font-family: 'heicon';
  content: '\e695';
}
.icon-e696:before {
  font-family: 'heicon';
  content: '\e696';
}
.icon-e697:before {
  font-family: 'heicon';
  content: '\e697';
}
.icon-e698:before {
  font-family: 'heicon';
  content: '\e698';
}
.icon-e699:before {
  font-family: 'heicon';
  content: '\e699';
}
.icon-e69b:before {
  font-family: 'heicon';
  content: '\e69b';
}
.icon-e69c:before {
  font-family: 'heicon';
  content: '\e69c';
}
.icon-e69d:before {
  font-family: 'heicon';
  content: '\e69d';
}
.icon-e69e:before {
  font-family: 'heicon';
  content: '\e69e';
}
.icon-e693:before {
  font-family: 'heicon';
  content: '\e693';
}
.icon-e692:before {
  font-family: 'heicon';
  content: '\e692';
}
.icon-e691:before {
  font-family: 'heicon';
  content: '\e691';
}
.icon-e690:before {
  font-family: 'heicon';
  content: '\e690';
}
.icon-e688:before {
  font-family: 'heicon';
  content: '\e688';
}
.icon-e68f:before {
  font-family: 'heicon';
  content: '\e68f';
}
.icon-e6b3:before {
  font-family: 'heicon';
  content: '\e6b3';
}
.icon-e68c:before {
  font-family: 'heicon';
  content: '\e68c';
}
.icon-e68e:before {
  font-family: 'heicon';
  content: '\e68e';
}
.icon-e68b:before {
  font-family: 'heicon';
  content: '\e68b';
}
.icon-e68a:before {
  font-family: 'heicon';
  content: '\e68a';
}
.icon-v11:before {
  font-family: 'heicon';
  content: '\e689';
}
.icon-e687:before {
  font-family: 'heicon';
  content: '\e687';
}
.icon-kanban-bianji:before {
  font-family: 'heicon';
  content: '\e683';
}
.icon-kanban-jieduan:before {
  font-family: 'heicon';
  content: '\e684';
}
.icon-kanban-liebiao:before {
  font-family: 'heicon';
  content: '\e685';
}
.icon-kanban-xinjian:before {
  font-family: 'heicon';
  content: '\e686';
}
.icon-shuoming:before {
  font-family: 'heicon';
  content: '\e682';
}
.icon-eb14:before {
  font-family: 'heicon';
  content: '\eb14';
}
.icon-e6661:before {
  font-family: 'heicon';
  content: '\e680';
}
.icon-xiangqingye_guanzhu:before {
  font-family: 'heicon';
  content: '\e67e';
}
.icon-xiangqingye_yiguanzhu:before {
  font-family: 'heicon';
  content: '\e67d';
}
.icon-liucheng:before {
  font-family: 'heicon';
  content: '\e654';
}
.icon-e7cb:before {
  font-family: 'heicon';
  content: '\e7cb';
}
.icon-e67c:before {
  font-family: 'heicon';
  content: '\e67c';
}
.icon-e653:before {
  font-family: 'heicon';
  content: '\e653';
}
.icon-e709:before {
  font-family: 'heicon';
  content: '\e709';
}
.icon-e70c:before {
  font-family: 'heicon';
  content: '\e70c';
}
.icon-e65b1:before {
  font-family: 'heicon';
  content: '\e677';
}
.icon-yuangongbianhao:before {
  font-family: 'heicon';
  content: '\e65c';
}
.icon-lianxidianhua:before {
  font-family: 'heicon';
  content: '\e65e';
}
.icon-youxiang:before {
  font-family: 'heicon';
  content: '\e660';
}
.icon-zhiwei:before {
  font-family: 'heicon';
  content: '\e66a';
}
.icon-bumen:before {
  font-family: 'heicon';
  content: '\e679';
}
.icon-renyuan:before {
  font-family: 'heicon';
  content: '\e67b';
}
.icon-iconset0357:before {
  font-family: 'heicon';
  content: '\e700';
}
.icon-baobiaotongji:before {
  font-family: 'heicon';
  content: '\e652';
}
.icon-wenhaofill:before {
  font-family: 'heicon';
  content: '\e72c';
}
.icon-zhiding:before {
  font-family: 'heicon';
  content: '\e650';
}
.icon-gonggao:before {
  font-family: 'heicon';
  content: '\e651';
}
.icon-e64f:before {
  font-family: 'heicon';
  content: '\e64f';
}
.icon-e64e:before {
  font-family: 'heicon';
  content: '\e64e';
}
.icon-e64d:before {
  font-family: 'heicon';
  content: '\e64d';
}
.icon-e66e:before {
  font-family: 'heicon';
  content: '\e66e';
}
.icon-e70e:before {
  font-family: 'heicon';
  content: '\e70e';
}
.icon-e646:before {
  font-family: 'heicon';
  content: '\e646';
}
.icon-e645:before {
  font-family: 'heicon';
  content: '\e645';
}
.icon-e6131:before {
  font-family: 'heicon';
  content: '\e644';
}
.icon-ad12:before {
  font-family: 'heicon';
  content: '\ad12';
}
.icon-e643:before {
  font-family: 'heicon';
  content: '\e643';
}
.icon-e68d:before {
  font-family: 'heicon';
  content: '\e68d';
}
.icon-e6471:before {
  font-family: 'heicon';
  content: '\e64c';
}
.icon-daibanxiaoxi_daibanmiandarao:before {
  font-family: 'heicon';
  content: '\e641';
}
.icon-daibanxiaoxi_chakanlishi:before {
  font-family: 'heicon';
  content: '\e642';
}
.icon-c013:before {
  font-family: 'heicon';
  content: '\e63f';
}
.icon-c011:before {
  font-family: 'heicon';
  content: '\e640';
}
.icon-e63e:before {
  font-family: 'heicon';
  content: '\e63e';
}
.icon-dingdao_shezhi:before {
  font-family: 'heicon';
  content: '\e63a';
}
.icon-dingdao_xiaoxi:before {
  font-family: 'heicon';
  content: '\e63b';
}
.icon-dingdao_goutong:before {
  font-family: 'heicon';
  content: '\e63c';
}
.icon-jieduanxiangdao_icon:before {
  font-family: 'heicon';
  content: '\e6311';
}
.icon-e70d:before {
  font-family: 'heicon';
  content: '\e70d';
}
.icon-e67a:before {
  font-family: 'heicon';
  content: '\e67a';
}
.icon-e637:before {
  font-family: 'heicon';
  content: '\e637';
}
.icon-e639:before {
  font-family: 'heicon';
  content: '\e639';
}
.icon-e62b:before {
  font-family: 'heicon';
  content: '\e62b';
}
.icon-e62c:before {
  font-family: 'heicon';
  content: '\e62c';
}
.icon-e62d:before {
  font-family: 'heicon';
  content: '\e62d';
}
.icon-e62e:before {
  font-family: 'heicon';
  content: '\e62e';
}
.icon-e62f:before {
  font-family: 'heicon';
  content: '\e62f';
}
.icon-e630:before {
  font-family: 'heicon';
  content: '\e630';
}
.icon-e631:before {
  font-family: 'heicon';
  content: '\e631';
}
.icon-e633:before {
  font-family: 'heicon';
  content: '\e633';
}
.icon-e635:before {
  font-family: 'heicon';
  content: '\e635';
}
.icon-e636:before {
  font-family: 'heicon';
  content: '\e636';
}
.icon-e638:before {
  font-family: 'heicon';
  content: '\e638';
}
.icon-e629:before {
  font-family: 'heicon';
  content: '\e629';
}
.icon-e62a:before {
  font-family: 'heicon';
  content: '\e62a';
}
.icon-e628:before {
  font-family: 'heicon';
  content: '\e628';
}
.icon-e647:before {
  font-family: 'heicon';
  content: '\e647';
}
.icon-e648:before {
  font-family: 'heicon';
  content: '\e648';
}
.icon-e649:before {
  font-family: 'heicon';
  content: '\e649';
}
.icon-e64a:before {
  font-family: 'heicon';
  content: '\e64a';
}
.icon-e64b:before {
  font-family: 'heicon';
  content: '\e64b';
}
.icon-e604:before {
  font-family: 'heicon';
  content: '\e604';
}
.icon-e605:before {
  font-family: 'heicon';
  content: '\e605';
}
.icon-e606:before {
  font-family: 'heicon';
  content: '\e606';
}
.icon-e607:before {
  font-family: 'heicon';
  content: '\e607';
}
.icon-e60d:before {
  font-family: 'heicon';
  content: '\e60d';
}
.icon-e60e:before {
  font-family: 'heicon';
  content: '\e60e';
}
.icon-e60f:before {
  font-family: 'heicon';
  content: '\e60f';
}
.icon-e610:before {
  font-family: 'heicon';
  content: '\e610';
}
.icon-e611:before {
  font-family: 'heicon';
  content: '\e611';
}
.icon-e612:before {
  font-family: 'heicon';
  content: '\e612';
}
.icon-e613:before {
  font-family: 'heicon';
  content: '\e613';
}
.icon-e614:before {
  font-family: 'heicon';
  content: '\e614';
}
.icon-e615:before {
  font-family: 'heicon';
  content: '\e615';
}
.icon-e616:before {
  font-family: 'heicon';
  content: '\e616';
}
.icon-e617:before {
  font-family: 'heicon';
  content: '\e617';
}
.icon-e618:before {
  font-family: 'heicon';
  content: '\e618';
}
.icon-e619:before {
  font-family: 'heicon';
  content: '\e619';
}
.icon-e61a:before {
  font-family: 'heicon';
  content: '\e61a';
}
.icon-e61b:before {
  font-family: 'heicon';
  content: '\e61b';
}
.icon-e61d:before {
  font-family: 'heicon';
  content: '\e61d';
}
.icon-e61e:before {
  font-family: 'heicon';
  content: '\e61e';
}
.icon-e61f:before {
  font-family: 'heicon';
  content: '\e61f';
}
.icon-e620:before {
  font-family: 'heicon';
  content: '\e620';
}
.icon-e621:before {
  font-family: 'heicon';
  content: '\e621';
}
.icon-e622:before {
  font-family: 'heicon';
  content: '\e622';
}
.icon-e623:before {
  font-family: 'heicon';
  content: '\e623';
}
.icon-liucheng_qianjin:before {
  font-family: 'heicon';
  content: '\e624';
}
.icon-e625:before {
  font-family: 'heicon';
  content: '\e625';
}
.icon-e626:before {
  font-family: 'heicon';
  content: '\e626';
}
.icon-e999:before {
  font-family: 'heicon';
  content: '\e999';
}
.icon-e66b:before {
  font-family: 'heicon';
  content: '\e66b';
}
.icon-e603:before {
  font-family: 'heicon';
  content: '\e603';
}
.icon-e627:before {
  font-family: 'heicon';
  content: '\e627';
}
.icon-e746:before {
  font-family: 'heicon';
  content: '\e746';
}
.icon-kehuchazhong:before {
  font-family: 'heicon';
  content: '\e747';
}
.icon-e748:before {
  font-family: 'heicon';
  content: '\e748';
}
.icon-e749:before {
  font-family: 'heicon';
  content: '\e749';
}
.icon-e756:before {
  font-family: 'heicon';
  content: '\e756';
}
.icon-e678:before {
  font-family: 'heicon';
  content: '\e678';
}
.icon-e74c:before {
  font-family: 'heicon';
  content: '\e74c';
}
.icon-e74d:before {
  font-family: 'heicon';
  content: '\e74d';
}
.icon-e74e:before {
  font-family: 'heicon';
  content: '\e74e';
}
.icon-e74f:before {
  font-family: 'heicon';
  content: '\e74f';
}
.icon-e753:before {
  font-family: 'heicon';
  content: '\e753';
}
.icon-e757:before {
  font-family: 'heicon';
  content: '\e757';
}
.icon-e758:before {
  font-family: 'heicon';
  content: '\e758';
}
.icon-e608:before {
  font-family: 'heicon';
  content: '\e608';
}
.icon-e609:before {
  font-family: 'heicon';
  content: '\e609';
}
.icon-e60a:before {
  font-family: 'heicon';
  content: '\e60a';
}
.icon-e60b:before {
  font-family: 'heicon';
  content: '\e60b';
}
.icon-e60c:before {
  font-family: 'heicon';
  content: '\e60c';
}
.icon-e661:before {
  font-family: 'heicon';
  content: '\e661';
}
.icon-e662:before {
  font-family: 'heicon';
  content: '\e662';
}
.icon-e663:before {
  font-family: 'heicon';
  content: '\e663';
}
.icon-e664:before {
  font-family: 'heicon';
  content: '\e664';
}
.icon-e665:before {
  font-family: 'heicon';
  content: '\e665';
}
.icon-e666:before {
  font-family: 'heicon';
  content: '\e666';
}
.icon-e667:before {
  font-family: 'heicon';
  content: '\e667';
}
.icon-e668:before {
  font-family: 'heicon';
  content: '\e668';
}
.icon-e669:before {
  font-family: 'heicon';
  content: '\e669';
}
.icon-e66c:before {
  font-family: 'heicon';
  content: '\e66c';
}
.icon-e66d:before {
  font-family: 'heicon';
  content: '\e66d';
}
.icon-e66f:before {
  font-family: 'heicon';
  content: '\e66f';
}
.icon-e670:before {
  font-family: 'heicon';
  content: '\e670';
}
.icon-e671:before {
  font-family: 'heicon';
  content: '\e671';
}
.icon-e672:before {
  font-family: 'heicon';
  content: '\e672';
}
.icon-e673:before {
  font-family: 'heicon';
  content: '\e673';
}
.icon-e674:before {
  font-family: 'heicon';
  content: '\e674';
}
.icon-e675:before {
  font-family: 'heicon';
  content: '\e675';
}
.icon-e676:before {
  font-family: 'heicon';
  content: '\e676';
}
.icon-e997:before {
  font-family: 'heicon';
  content: '\e997';
}
.icon-e998:before {
  font-family: 'heicon';
  content: '\e998';
}
.icon-e61c:before {
  font-family: 'heicon';
  content: '\e61c';
}
.icon-e67f:before {
  font-family: 'heicon';
  content: '\e67f';
}
.icon-e681:before {
  font-family: 'heicon';
  content: '\e681';
}
.icon-e600:before {
  font-family: 'heicon';
  content: '\e600';
}
.icon-e601:before {
  font-family: 'heicon';
  content: '\e601';
}
.icon-e602:before {
  font-family: 'heicon';
  content: '\e602';
}
.icon-e655:before {
  font-family: 'heicon';
  content: '\e655';
}
.icon-e657:before {
  font-family: 'heicon';
  content: '\e657';
}
.icon-e658:before {
  font-family: 'heicon';
  content: '\e658';
}
.icon-e659:before {
  font-family: 'heicon';
  content: '\e659';
}
.icon-e65a:before {
  font-family: 'heicon';
  content: '\e65a';
}
.icon-e65b:before {
  font-family: 'heicon';
  content: '\e65b';
}
.icon-e65d:before {
  font-family: 'heicon';
  content: '\e65d';
}
.icon-e65f:before {
  font-family: 'heicon';
  content: '\e65f';
}
.icon-e656:before {
  font-family: 'heicon';
  content: '\e656';
}
.icon-e750:before {
  font-family: 'heicon';
  content: '\e750';
}
.icon-e751:before {
  font-family: 'heicon';
  content: '\e751';
}
.icon-e752:before {
  font-family: 'heicon';
  content: '\e752';
}
.icon-e754:before {
  font-family: 'heicon';
  content: '\e754';
}
.icon-e63d:before {
  font-family: 'heicon';
  content: '\e63d';
}
.icon-e632:before {
  font-family: 'heicon';
  content: '\e632';
}
.icon-e634:before {
  font-family: 'heicon';
  content: '\e634';
}
@font-face {
  font-family: 'btnfont';
  src: url(../../static/media/btnfont.aec362518907b60e86ef.eot);
  /* IE9*/
  src: url(../../static/media/btnfont.aec362518907b60e86ef.eot?#iefix) format('embedded-opentype'),  url(../../static/media/btnfont.97f4375b1989a649fc46.woff) format('woff'),  url(../../static/media/btnfont.7ed577030a0b6188a4cf.ttf) format('truetype'),  url(../../static/media/btnfont.dc60129aa8a38130eaeb.svg#../fonts/btnfont) format('svg');
  /* iOS 4.1- */
}
.zhongqiyewuliu1:before {
  font-family: 'btnfont';
  content: "\e6ca";
}
.jieduantiaozheng:before {
  font-family: 'btnfont';
  content: "\e6cb";
}
.zhongzhiyewuliu:before {
  font-family: 'btnfont';
  content: "\e6cc";
}
.huifuyewuliu:before {
  font-family: 'btnfont';
  content: "\e6cd";
}
.yewuliulishi:before {
  font-family: 'btnfont';
  content: "\e6ce";
}
.quxiaozhifu1:before {
  font-family: 'btnfont';
  content: "\e753";
}
.zhongqiyewuliu:before {
  font-family: 'btnfont';
  content: "\e6be";
}
.qiyesousuo:before {
  font-family: 'btnfont';
  content: "\e685";
}
.qijianrili:before {
  font-family: 'btnfont';
  content: "\e681";
}
.shaixuanzu:before {
  font-family: 'btnfont';
  content: "\e67e";
}
.zujianyidong:before {
  font-family: 'btnfont';
  content: "\e659";
}
.shouqi:before {
  font-family: 'btnfont';
  content: "\e63a";
}
.zhongzhizhifu:before {
  font-family: 'btnfont';
  content: "\e618";
}
.quxiaozhifu:before {
  font-family: 'btnfont';
  content: "\e619";
}
.zhifu:before {
  font-family: 'btnfont';
  content: "\e61a";
}
.hebingzhifu:before {
  font-family: 'btnfont';
  content: "\e61b";
}
.piliangfenbiezhifu:before {
  font-family: 'btnfont';
  content: "\e61c";
}
.zhengxu:before {
  font-family: 'btnfont';
  content: "\e604";
}
.daoxu:before {
  font-family: 'btnfont';
  content: "\e603";
}
.e687:before {
  font-family: 'btnfont';
  content: "\e687";
}
.e6c8:before {
  font-family: 'btnfont';
  content: "\e6c8";
}
.e601:before {
  font-family: 'btnfont';
  content: "\e601";
}
.e602:before {
  font-family: 'btnfont';
  content: "\e602";
}
.e632:before {
  font-family: 'btnfont';
  content: "\e632";
}
.e635:before {
  font-family: 'btnfont';
  content: "\e635";
}
.e915:before {
  font-family: 'btnfont';
  content: "\e915";
}
.e677:before {
  font-family: 'btnfont';
  content: "\e677";
}
.e678:before {
  font-family: 'btnfont';
  content: "\e678";
}
.e913:before {
  font-family: 'btnfont';
  content: "\e913";
}
.e667:before {
  font-family: 'btnfont';
  content: "\e667";
}
.e679:before {
  font-family: 'btnfont';
  content: "\e679";
}
.ec17:before {
  font-family: 'btnfont';
  content: "\ec17";
}
.ec18:before {
  font-family: 'btnfont';
  content: "\ec18";
}
.ec19:before {
  font-family: 'btnfont';
  content: "\ec19";
}
.ec1a:before {
  font-family: 'btnfont';
  content: "\ec1a";
}
.ec1b:before {
  font-family: 'btnfont';
  content: "\ec1b";
}
.ec20:before {
  font-family: 'btnfont';
  content: "\ec20";
}
.ec21:before {
  font-family: 'btnfont';
  content: "\ec21";
}
.ec22:before {
  font-family: 'btnfont';
  content: "\ec22";
}
.ec23:before {
  font-family: 'btnfont';
  content: "\ec23";
}
.ec25:before {
  font-family: 'btnfont';
  content: "\ec25";
}
.ec27:before {
  font-family: 'btnfont';
  content: "\ec27";
}
.ec28:before {
  font-family: 'btnfont';
  content: "\ec28";
}
.ec29:before {
  font-family: 'btnfont';
  content: "\ec29";
}
.ec2a:before {
  font-family: 'btnfont';
  content: "\ec2a";
}
.ec2e:before {
  font-family: 'btnfont';
  content: "\ec2e";
}
.ec2f:before {
  font-family: 'btnfont';
  content: "\ec2f";
}
.ec30:before {
  font-family: 'btnfont';
  content: "\ec30";
}
.ec32:before {
  font-family: 'btnfont';
  content: "\ec32";
}
.ec33:before {
  font-family: 'btnfont';
  content: "\ec33";
}
.ec34:before {
  font-family: 'btnfont';
  content: "\ec34";
}
.ec35:before {
  font-family: 'btnfont';
  content: "\ec35";
}
.ec36:before {
  font-family: 'btnfont';
  content: "\ec36";
}
.ec37:before {
  font-family: 'btnfont';
  content: "\ec37";
}
.ec38:before {
  font-family: 'btnfont';
  content: "\ec38";
}
.ec39:before {
  font-family: 'btnfont';
  content: "\ec39";
}
.ec3a:before {
  font-family: 'btnfont';
  content: "\ec3a";
}
.ec3b:before {
  font-family: 'btnfont';
  content: "\ec3b";
}
.ec3c:before {
  font-family: 'btnfont';
  content: "\ec3c";
}
.ec3d:before {
  font-family: 'btnfont';
  content: "\ec3d";
}
.ec3e:before {
  font-family: 'btnfont';
  content: "\ec3e";
}
.ec3f:before {
  font-family: 'btnfont';
  content: "\ec3f";
}
.ec4a:before {
  font-family: 'btnfont';
  content: "\ec4a";
}
.ec4b:before {
  font-family: 'btnfont';
  content: "\ec4b";
}
.ec4c:before {
  font-family: 'btnfont';
  content: "\ec4c";
}
.ec4d:before {
  font-family: 'btnfont';
  content: "\ec4d";
}
.ec4e:before {
  font-family: 'btnfont';
  content: "\ec4e";
}
.ec4f:before {
  font-family: 'btnfont';
  content: "\ec4f";
}
.ec50:before {
  font-family: 'btnfont';
  content: "\ec50";
}
.ec51:before {
  font-family: 'btnfont';
  content: "\ec51";
}
.ec52:before {
  font-family: 'btnfont';
  content: "\ec52";
}
.ec53:before {
  font-family: 'btnfont';
  content: "\ec53";
}
.ec54:before {
  font-family: 'btnfont';
  content: "\ec54";
}
.ec55:before {
  font-family: 'btnfont';
  content: "\ec55";
}
.ec56:before {
  font-family: 'btnfont';
  content: "\ec56";
}
.ec57:before {
  font-family: 'btnfont';
  content: "\ec57";
}
.ec58:before {
  font-family: 'btnfont';
  content: "\ec58";
}
.ec59:before {
  font-family: 'btnfont';
  content: "\ec59";
}
.ec5a:before {
  font-family: 'btnfont';
  content: "\ec5a";
}
.ec5c:before {
  font-family: 'btnfont';
  content: "\ec5c";
}
.ec5d:before {
  font-family: 'btnfont';
  content: "\ec5d";
}
.ec5e:before {
  font-family: 'btnfont';
  content: "\ec5e";
}
.ec5f:before {
  font-family: 'btnfont';
  content: "\ec5f";
}
.ec61:before {
  font-family: 'btnfont';
  content: "\ec61";
}
.ec62:before {
  font-family: 'btnfont';
  content: "\ec62";
}
.ec63:before {
  font-family: 'btnfont';
  content: "\ec63";
}
.ec64:before {
  font-family: 'btnfont';
  content: "\ec64";
}
.ec65:before {
  font-family: 'btnfont';
  content: "\ec65";
}
.ec67:before {
  font-family: 'btnfont';
  content: "\ec67";
}
.ec68:before {
  font-family: 'btnfont';
  content: "\ec68";
}
.ec69:before {
  font-family: 'btnfont';
  content: "\ec69";
}
.ec6a:before {
  font-family: 'btnfont';
  content: "\ec6a";
}
.ec6b:before {
  font-family: 'btnfont';
  content: "\ec6b";
}
.ec6c:before {
  font-family: 'btnfont';
  content: "\ec6c";
}
.ec6d:before {
  font-family: 'btnfont';
  content: "\ec6d";
}
.ec6e:before {
  font-family: 'btnfont';
  content: "\ec6e";
}
.ec6f:before {
  font-family: 'btnfont';
  content: "\ec6f";
}
.ec70:before {
  font-family: 'btnfont';
  content: "\ec70";
}
.ec71:before {
  font-family: 'btnfont';
  content: "\ec71";
}
.ec72:before {
  font-family: 'btnfont';
  content: "\ec72";
}
.ec73:before {
  font-family: 'btnfont';
  content: "\ec73";
}
.ec74:before {
  font-family: 'btnfont';
  content: "\ec74";
}
.ec76:before {
  font-family: 'btnfont';
  content: "\ec76";
}
.ec77:before {
  font-family: 'btnfont';
  content: "\ec77";
}
.ec78:before {
  font-family: 'btnfont';
  content: "\ec78";
}
.ec79:before {
  font-family: 'btnfont';
  content: "\ec79";
}
.ec7a:before {
  font-family: 'btnfont';
  content: "\ec7a";
}
.ec7b:before {
  font-family: 'btnfont';
  content: "\ec7b";
}
.ec7c:before {
  font-family: 'btnfont';
  content: "\ec7c";
}
.ec7d:before {
  font-family: 'btnfont';
  content: "\ec7d";
}
.ec7e:before {
  font-family: 'btnfont';
  content: "\ec7e";
}
.ec7f:before {
  font-family: 'btnfont';
  content: "\ec7f";
}
.ec80:before {
  font-family: 'btnfont';
  content: "\ec80";
}
.ec81:before {
  font-family: 'btnfont';
  content: "\ec81";
}
.ec82:before {
  font-family: 'btnfont';
  content: "\ec82";
}
.ec83:before {
  font-family: 'btnfont';
  content: "\ec83";
}
.eb61:before {
  font-family: 'btnfont';
  content: '\eb61';
}
.eb62:before {
  font-family: 'btnfont';
  content: '\eb62';
}
.eb63:before {
  font-family: 'btnfont';
  content: '\eb63';
}
.eb64:before {
  font-family: 'btnfont';
  content: '\eb64';
}
.eb65:before {
  font-family: 'btnfont';
  content: '\eb65';
}
.eb66:before {
  font-family: 'btnfont';
  content: '\eb66';
}
.eb67:before {
  font-family: 'btnfont';
  content: '\eb67';
}
.eb68:before {
  font-family: 'btnfont';
  content: '\eb68';
}
.eb69:before {
  font-family: 'btnfont';
  content: '\eb69';
}
.eb6a:before {
  font-family: 'btnfont';
  content: '\eb6a';
}
.eb6b:before {
  font-family: 'btnfont';
  content: '\eb6b';
}
.eb6c:before {
  font-family: 'btnfont';
  content: '\eb6c';
}
.eb6d:before {
  font-family: 'btnfont';
  content: '\eb6d';
}
.eb6e:before {
  font-family: 'btnfont';
  content: '\eb6e';
}
.eb6f:before {
  font-family: 'btnfont';
  content: '\eb6f';
}
.eb70:before {
  font-family: 'btnfont';
  content: '\eb70';
}
.eb71:before {
  font-family: 'btnfont';
  content: '\eb71';
}
.eb72:before {
  font-family: 'btnfont';
  content: '\eb72';
}
.eb73:before {
  font-family: 'btnfont';
  content: '\eb73';
}
.eb74:before {
  font-family: 'btnfont';
  content: '\eb74';
}
.eb75:before {
  font-family: 'btnfont';
  content: '\eb75';
}
.eb76:before {
  font-family: 'btnfont';
  content: '\eb76';
}
.eb77:before {
  font-family: 'btnfont';
  content: '\eb77';
}
.eb78:before {
  font-family: 'btnfont';
  content: '\eb78';
}
.eb79:before {
  font-family: 'btnfont';
  content: '\eb79';
}
.eb7c:before {
  font-family: 'btnfont';
  content: '\eb7c';
}
.eb7d:before {
  font-family: 'btnfont';
  content: '\eb7d';
}
.eb80:before {
  font-family: 'btnfont';
  content: '\eb80';
}
.eb88:before {
  font-family: 'btnfont';
  content: '\eb88';
}
.eb89:before {
  font-family: 'btnfont';
  content: '\eb89';
}
.eb8a:before {
  font-family: 'btnfont';
  content: '\eb8a';
}
.eb8b:before {
  font-family: 'btnfont';
  content: '\eb8b';
}
.eb8c:before {
  font-family: 'btnfont';
  content: '\eb8c';
}
.eb8d:before {
  font-family: 'btnfont';
  content: '\eb8d';
}
.eb8e:before {
  font-family: 'btnfont';
  content: '\eb8e';
}
.eb8f:before {
  font-family: 'btnfont';
  content: '\eb8f';
}
.eb90:before {
  font-family: 'btnfont';
  content: '\eb90';
}
.eb91:before {
  font-family: 'btnfont';
  content: '\eb91';
}
.eb92:before {
  font-family: 'btnfont';
  content: '\eb92';
}
.eb93:before {
  font-family: 'btnfont';
  content: '\eb93';
}
.eb94:before {
  font-family: 'btnfont';
  content: '\eb94';
}
.eb95:before {
  font-family: 'btnfont';
  content: '\eb95';
}
.eb96:before {
  font-family: 'btnfont';
  content: '\eb96';
}
.eb97:before {
  font-family: 'btnfont';
  content: '\eb97';
}
.eb98:before {
  font-family: 'btnfont';
  content: '\eb98';
}
.eb99:before {
  font-family: 'btnfont';
  content: '\eb99';
}
.eb9a:before {
  font-family: 'btnfont';
  content: '\eb9a';
}
.eb9b:before {
  font-family: 'btnfont';
  content: '\eb9b';
}
.eb9c:before {
  font-family: 'btnfont';
  content: '\eb9c';
}
.eb9d:before {
  font-family: 'btnfont';
  content: '\eb9d';
}
.eb9e:before {
  font-family: 'btnfont';
  content: '\eb9e';
}
.eb9f:before {
  font-family: 'btnfont';
  content: '\eb9f';
}
.eba0:before {
  font-family: 'btnfont';
  content: '\eba0';
}
.eba1:before {
  font-family: 'btnfont';
  content: '\eba1';
}
.eba2:before {
  font-family: 'btnfont';
  content: '\eba2';
}
.eba3:before {
  font-family: 'btnfont';
  content: '\eba3';
}
.eba4:before {
  font-family: 'btnfont';
  content: '\eba4';
}
.eba5:before {
  font-family: 'btnfont';
  content: '\eba5';
}
.eba6:before {
  font-family: 'btnfont';
  content: '\eba6';
}
.ebb7:before {
  font-family: 'btnfont';
  content: '\ebb7';
}
.ebb8:before {
  font-family: 'btnfont';
  content: '\ebb8';
}
.ebb9:before {
  font-family: 'btnfont';
  content: '\ebb9';
}
.ebce:before {
  font-family: 'btnfont';
  content: '\ebce';
}
.ebd0:before {
  font-family: 'btnfont';
  content: '\ebd0';
}
.ebd1:before {
  font-family: 'btnfont';
  content: '\ebd1';
}
.ebd8:before {
  font-family: 'btnfont';
  content: '\ebd8';
}
.ebd9:before {
  font-family: 'btnfont';
  content: '\ebd9';
}
.ebda:before {
  font-family: 'btnfont';
  content: '\ebda';
}
.ebdf:before {
  font-family: 'btnfont';
  content: '\ebdf';
}
.ebe0:before {
  font-family: 'btnfont';
  content: '\ebe0';
}
.ebe2:before {
  font-family: 'btnfont';
  content: '\ebe2';
}
.ebe3:before {
  font-family: 'btnfont';
  content: '\ebe3';
}
.ebe4:before {
  font-family: 'btnfont';
  content: '\ebe4';
}
.ebe5:before {
  font-family: 'btnfont';
  content: '\ebe5';
}
.ebe6:before {
  font-family: 'btnfont';
  content: '\ebe6';
}
.ebe7:before {
  font-family: 'btnfont';
  content: '\ebe7';
}
.ebef:before {
  font-family: 'btnfont';
  content: '\ebef';
}
.ebf0:before {
  font-family: 'btnfont';
  content: '\ebf0';
}
.ebfb:before {
  font-family: 'btnfont';
  content: '\ebfb';
}
.ebfd:before {
  font-family: 'btnfont';
  content: '\ebfd';
}
.ebfe:before {
  font-family: 'btnfont';
  content: '\ebfe';
}
.ebff:before {
  font-family: 'btnfont';
  content: '\ebff';
}
.ec00:before {
  font-family: 'btnfont';
  content: '\ec00';
}
.ec01:before {
  font-family: 'btnfont';
  content: '\ec01';
}
.ec06:before {
  font-family: 'btnfont';
  content: '\ec06';
}
.ec07:before {
  font-family: 'btnfont';
  content: '\ec07';
}
.ec08:before {
  font-family: 'btnfont';
  content: '\ec08';
}
.ec09:before {
  font-family: 'btnfont';
  content: '\ec09';
}
.ec0a:before {
  font-family: 'btnfont';
  content: '\ec0a';
}
.ec0b:before {
  font-family: 'btnfont';
  content: '\ec0b';
}
.ec0c:before {
  font-family: 'btnfont';
  content: '\ec0c';
}
.ec0d:before {
  font-family: 'btnfont';
  content: '\ec0d';
}
.ec0e:before {
  font-family: 'btnfont';
  content: '\ec0e';
}
.ec10:before {
  font-family: 'btnfont';
  content: '\ec10';
}
.ec13:before {
  font-family: 'btnfont';
  content: '\ec13';
}
.ec14:before {
  font-family: 'btnfont';
  content: '\ec14';
}
.ec15:before {
  font-family: 'btnfont';
  content: '\ec15';
}
.ec16:before {
  font-family: 'btnfont';
  content: '\ec16';
}
.ec17:before {
  font-family: 'btnfont';
  content: '\ec17';
}
.ec18:before {
  font-family: 'btnfont';
  content: '\ec18';
}
.ec19:before {
  font-family: 'btnfont';
  content: '\ec19';
}
.ec1a:before {
  font-family: 'btnfont';
  content: '\ec1a';
}
.ec1b:before {
  font-family: 'btnfont';
  content: '\ec1b';
}
.ec20:before {
  font-family: 'btnfont';
  content: '\ec20';
}
.ec21:before {
  font-family: 'btnfont';
  content: '\ec21';
}
.ec22:before {
  font-family: 'btnfont';
  content: '\ec22';
}
.ec23:before {
  font-family: 'btnfont';
  content: '\ec23';
}
.ec25:before {
  font-family: 'btnfont';
  content: '\ec25';
}
.ec27:before {
  font-family: 'btnfont';
  content: '\ec27';
}
.ec28:before {
  font-family: 'btnfont';
  content: '\ec28';
}
.ec29:before {
  font-family: 'btnfont';
  content: '\ec29';
}
.ec2a:before {
  font-family: 'btnfont';
  content: '\ec2a';
}
.ec2e:before {
  font-family: 'btnfont';
  content: '\ec2e';
}
.ec2f:before {
  font-family: 'btnfont';
  content: '\ec2f';
}
.ec30:before {
  font-family: 'btnfont';
  content: '\ec30';
}
.ec32:before {
  font-family: 'btnfont';
  content: '\ec32';
}
.ec33:before {
  font-family: 'btnfont';
  content: '\ec33';
}
.ec34:before {
  font-family: 'btnfont';
  content: '\ec34';
}
.ec35:before {
  font-family: 'btnfont';
  content: '\ec35';
}
.ec36:before {
  font-family: 'btnfont';
  content: '\ec36';
}
.ec37:before {
  font-family: 'btnfont';
  content: '\ec37';
}
.ec38:before {
  font-family: 'btnfont';
  content: '\ec38';
}
.ec39:before {
  font-family: 'btnfont';
  content: '\ec39';
}
.ec3a:before {
  font-family: 'btnfont';
  content: '\ec3a';
}
.ec3b:before {
  font-family: 'btnfont';
  content: '\ec3b';
}
.ec3c:before {
  font-family: 'btnfont';
  content: '\ec3c';
}
.ec3d:before {
  font-family: 'btnfont';
  content: '\ec3d';
}
.ec3e:before {
  font-family: 'btnfont';
  content: '\ec3e';
}
.ec3f:before {
  font-family: 'btnfont';
  content: '\ec3f';
}
.ec4a:before {
  font-family: 'btnfont';
  content: '\ec4a';
}
.ec4b:before {
  font-family: 'btnfont';
  content: '\ec4b';
}
.ec4c:before {
  font-family: 'btnfont';
  content: '\ec4c';
}
.ec4d:before {
  font-family: 'btnfont';
  content: '\ec4d';
}
.ec4e:before {
  font-family: 'btnfont';
  content: '\ec4e';
}
.ec4f:before {
  font-family: 'btnfont';
  content: '\ec4f';
}
.ec50:before {
  font-family: 'btnfont';
  content: '\ec50';
}
.ec51:before {
  font-family: 'btnfont';
  content: '\ec51';
}
.ec52:before {
  font-family: 'btnfont';
  content: '\ec52';
}
.ec53:before {
  font-family: 'btnfont';
  content: '\ec53';
}
.ec54:before {
  font-family: 'btnfont';
  content: '\ec54';
}
.ec55:before {
  font-family: 'btnfont';
  content: '\ec55';
}
.ec56:before {
  font-family: 'btnfont';
  content: '\ec56';
}
.ec57:before {
  font-family: 'btnfont';
  content: '\ec57';
}
.ec58:before {
  font-family: 'btnfont';
  content: '\ec58';
}
.ec59:before {
  font-family: 'btnfont';
  content: '\ec59';
}
.ec5a:before {
  font-family: 'btnfont';
  content: '\ec5a';
}
.ec5c:before {
  font-family: 'btnfont';
  content: '\ec5c';
}
.ec5d:before {
  font-family: 'btnfont';
  content: '\ec5d';
}
.ec5e:before {
  font-family: 'btnfont';
  content: '\ec5e';
}
.ec5f:before {
  font-family: 'btnfont';
  content: '\ec5f';
}
.ec61:before {
  font-family: 'btnfont';
  content: '\ec61';
}
.ec62:before {
  font-family: 'btnfont';
  content: '\ec62';
}
.ec63:before {
  font-family: 'btnfont';
  content: '\ec63';
}
.ec64:before {
  font-family: 'btnfont';
  content: '\ec64';
}
.ec65:before {
  font-family: 'btnfont';
  content: '\ec65';
}
.ec67:before {
  font-family: 'btnfont';
  content: '\ec67';
}
.ec68:before {
  font-family: 'btnfont';
  content: '\ec68';
}
.ec69:before {
  font-family: 'btnfont';
  content: '\ec69';
}
.ec6a:before {
  font-family: 'btnfont';
  content: '\ec6a';
}
.ec6b:before {
  font-family: 'btnfont';
  content: '\ec6b';
}
.ec6c:before {
  font-family: 'btnfont';
  content: '\ec6c';
}
.ec6d:before {
  font-family: 'btnfont';
  content: '\ec6d';
}
.ec6e:before {
  font-family: 'btnfont';
  content: '\ec6e';
}
.ec6f:before {
  font-family: 'btnfont';
  content: '\ec6f';
}
.ec70:before {
  font-family: 'btnfont';
  content: '\ec70';
}
.ec71:before {
  font-family: 'btnfont';
  content: '\ec71';
}
.ec72:before {
  font-family: 'btnfont';
  content: '\ec72';
}
.ec73:before {
  font-family: 'btnfont';
  content: '\ec73';
}
.ec74:before {
  font-family: 'btnfont';
  content: '\ec74';
}
.ec76:before {
  font-family: 'btnfont';
  content: '\ec76';
}
.ec77:before {
  font-family: 'btnfont';
  content: '\ec77';
}
.ec78:before {
  font-family: 'btnfont';
  content: '\ec78';
}
.ec79:before {
  font-family: 'btnfont';
  content: '\ec79';
}
.ec7a:before {
  font-family: 'btnfont';
  content: '\ec7a';
}
.ec7b:before {
  font-family: 'btnfont';
  content: '\ec7b';
}
.ec7c:before {
  font-family: 'btnfont';
  content: '\ec7c';
}
.ec7d:before {
  font-family: 'btnfont';
  content: '\ec7d';
}
.ec7e:before {
  font-family: 'btnfont';
  content: '\ec7e';
}
.ec7f:before {
  font-family: 'btnfont';
  content: '\ec7f';
}
.ec80:before {
  font-family: 'btnfont';
  content: '\ec80';
}
.ec81:before {
  font-family: 'btnfont';
  content: '\ec81';
}
.ec82:before {
  font-family: 'btnfont';
  content: '\ec82';
}
.ec83:before {
  font-family: 'btnfont';
  content: '\ec83';
}
.e681:before {
  font-family: 'btnfont';
  content: "\e681";
}
@font-face {
  font-family: 'metafont';
  src: url(../../static/media/metafont.edab64722bc7d021c8cc.eot);
  /* IE9*/
  src: url(../../static/media/metafont.edab64722bc7d021c8cc.eot#iefix) format('embedded-opentype'),  url(../../static/media/metafont.82ea4b2afaacc68cfccb.ttf) format('truetype'),  url(../../static/media/metafont.4eb6dd5d0e3c8a00e5b7.svg#object) format('svg');
  /* iOS 4.1- */
}
.e6ca:before {
  font-family: 'metafont';
  content: '\e6ca';
}
.e6cb:before {
  font-family: 'metafont';
  content: '\e6cb';
}
.e6cc1:before {
  font-family: 'metafont';
  content: '\e6cd';
}
.e6cd:before {
  font-family: 'metafont';
  content: '\e6ce';
}
.e603:before {
  font-family: 'metafont';
  content: '\e603';
}
.e604:before {
  font-family: 'metafont';
  content: '\e604';
}
.e605:before {
  font-family: 'metafont';
  content: '\e605';
}
.e609:before {
  font-family: 'metafont';
  content: '\e609';
}
.e616:before {
  font-family: 'metafont';
  content: '\e616';
}
.e60b:before {
  font-family: 'metafont';
  content: '\e60b';
}
.e611:before {
  font-family: 'metafont';
  content: '\e611';
}
.e600:before {
  font-family: 'metafont';
  content: '\e600';
}
.e614:before {
  font-family: 'metafont';
  content: '\e614';
}
.e615:before {
  font-family: 'metafont';
  content: '\e615';
}
.e617:before {
  font-family: 'metafont';
  content: '\e617';
}
.e618:before {
  font-family: 'metafont';
  content: '\e618';
}
.e619:before {
  font-family: 'metafont';
  content: '\e619';
}
.e61a:before {
  font-family: 'metafont';
  content: '\e61a';
}
.e622:before {
  font-family: 'metafont';
  content: '\e622';
}
.e624:before {
  font-family: 'metafont';
  content: '\e624';
}
.e625:before {
  font-family: 'metafont';
  content: '\e625';
}
.e626:before {
  font-family: 'metafont';
  content: '\e626';
}
.e627:before {
  font-family: 'metafont';
  content: '\e627';
}
.e601:before {
  font-family: 'metafont';
  content: '\e601';
}
.e629:before {
  font-family: 'metafont';
  content: '\e629';
}
.e62a:before {
  font-family: 'metafont';
  content: '\e62a';
}
.e62d:before {
  font-family: 'metafont';
  content: '\e62d';
}
.e632:before {
  font-family: 'metafont';
  content: '\e632';
}
.e602:before {
  font-family: 'metafont';
  content: '\e602';
}
.e663:before {
  font-family: 'metafont';
  content: '\e663';
}
.e636:before {
  font-family: 'metafont';
  content: '\e636';
}
.e608:before {
  font-family: 'metafont';
  content: '\e608';
}
.e638:before {
  font-family: 'metafont';
  content: '\e638';
}
.e60a:before {
  font-family: 'metafont';
  content: '\e60a';
}
.e63c:before {
  font-family: 'metafont';
  content: '\e63c';
}
.e60f:before {
  font-family: 'metafont';
  content: '\e60f';
}
.e610:before {
  font-family: 'metafont';
  content: '\e610';
}
.e613:before {
  font-family: 'metafont';
  content: '\e613';
}
.e641:before {
  font-family: 'metafont';
  content: '\e641';
}
.e61c:before {
  font-family: 'metafont';
  content: '\e61c';
}
.e61d:before {
  font-family: 'metafont';
  content: '\e61d';
}
.e61f:before {
  font-family: 'metafont';
  content: '\e61f';
}
.e645:before {
  font-family: 'metafont';
  content: '\e645';
}
.e646:before {
  font-family: 'metafont';
  content: '\e646';
}
.e623:before {
  font-family: 'metafont';
  content: '\e623';
}
.e62b:before {
  font-family: 'metafont';
  content: '\e62b';
}
.e62c:before {
  font-family: 'metafont';
  content: '\e62c';
}
.e63a:before {
  font-family: 'metafont';
  content: '\e63a';
}
.e63b:before {
  font-family: 'metafont';
  content: '\e63b';
}
.e64d:before {
  font-family: 'metafont';
  content: '\e64d';
}
.e63d:before {
  font-family: 'metafont';
  content: '\e63d';
}
.e665:before {
  font-family: 'metafont';
  content: '\e665';
}
.e669:before {
  font-family: 'metafont';
  content: '\e669';
}
.e634:before {
  font-family: 'metafont';
  content: '\e634';
}
.e6b2:before {
  font-family: 'metafont';
  content: '\e6b2';
}
.e65d:before {
  font-family: 'metafont';
  content: '\e65d';
}
.e628:before {
  font-family: 'metafont';
  content: '\e628';
}
.e67d:before {
  font-family: 'metafont';
  content: '\e67d';
}
.e6cc:before {
  font-family: 'metafont';
  content: '\e6cc';
}
.e630:before {
  font-family: 'metafont';
  content: '\e630';
}
.e6b9:before {
  font-family: 'metafont';
  content: '\e6b9';
}
.e606:before {
  font-family: 'metafont';
  content: '\e606';
}
.e6de:before {
  font-family: 'metafont';
  content: '\e6de';
}
.e6df:before {
  font-family: 'metafont';
  content: '\e6df';
}
.e6e0:before {
  font-family: 'metafont';
  content: '\e6e0';
}
.e6e7:before {
  font-family: 'metafont';
  content: '\e6e7';
}
.e6f3:before {
  font-family: 'metafont';
  content: '\e6f3';
}
.e6f5:before {
  font-family: 'metafont';
  content: '\e6f5';
}
.e6f7:before {
  font-family: 'metafont';
  content: '\e6f7';
}
.e66a:before {
  font-family: 'metafont';
  content: '\e66a';
}
.e62e:before {
  font-family: 'metafont';
  content: '\e62e';
}
.e683:before {
  font-family: 'metafont';
  content: '\e683';
}
.e88b:before {
  font-family: 'metafont';
  content: '\e88b';
}
.e887:before {
  font-family: 'metafont';
  content: '\e887';
}
.e8c0:before {
  font-family: 'metafont';
  content: '\e8c0';
}
.e8d9:before {
  font-family: 'metafont';
  content: '\e8d9';
}
.e8d8:before {
  font-family: 'metafont';
  content: '\e8d8';
}
.e631:before {
  font-family: 'metafont';
  content: '\e631';
}
.e88f:before {
  font-family: 'metafont';
  content: '\e88f';
}
.e8a3:before {
  font-family: 'metafont';
  content: '\e8a3';
}
.e8a7:before {
  font-family: 'metafont';
  content: '\e8a7';
}
.e8ac:before {
  font-family: 'metafont';
  content: '\e8ac';
}
.e607:before {
  font-family: 'metafont';
  content: '\e607';
}
.e8e6:before {
  font-family: 'metafont';
  content: '\e8e6';
}
.e6f1:before {
  font-family: 'metafont';
  content: '\e6f1';
}
.e6c4:before {
  font-family: 'metafont';
  content: '\e6c4';
}
.e6c6:before {
  font-family: 'metafont';
  content: '\e6c6';
}
.e667:before {
  font-family: 'metafont';
  content: '\e667';
}
.e654:before {
  font-family: 'metafont';
  content: '\e654';
}
.e66c:before {
  font-family: 'metafont';
  content: '\e66c';
}
.e652:before {
  font-family: 'metafont';
  content: '\e652';
}
.e65e:before {
  font-family: 'metafont';
  content: '\e65e';
}
.e65b:before {
  font-family: 'metafont';
  content: '\e65b';
}
.e716:before {
  font-family: 'metafont';
  content: '\e716';
}
.e71a:before {
  font-family: 'metafont';
  content: '\e71a';
}
.e75a:before {
  font-family: 'metafont';
  content: '\e75a';
}
.e73c:before {
  font-family: 'metafont';
  content: '\e73c';
}
.e73f:before {
  font-family: 'metafont';
  content: '\e73f';
}
.e740:before {
  font-family: 'metafont';
  content: '\e740';
}
.e741:before {
  font-family: 'metafont';
  content: '\e741';
}
.e743:before {
  font-family: 'metafont';
  content: '\e743';
}
.e6a2:before {
  font-family: 'metafont';
  content: '\e6a2';
}
.e6bf:before {
  font-family: 'metafont';
  content: '\e6bf';
}
.e6c1:before {
  font-family: 'metafont';
  content: '\e6c1';
}
.e63f:before {
  font-family: 'metafont';
  content: '\e63f';
}
.e855:before {
  font-family: 'metafont';
  content: '\e855';
}
.e902:before {
  font-family: 'metafont';
  content: '\e902';
}
.e612:before {
  font-family: 'metafont';
  content: '\e612';
}
.e61e:before {
  font-family: 'metafont';
  content: '\e61e';
}
.e84d:before {
  font-family: 'metafont';
  content: '\e84d';
}
.e852:before {
  font-family: 'metafont';
  content: '\e852';
}
.e853:before {
  font-family: 'metafont';
  content: '\e853';
}
.e861:before {
  font-family: 'metafont';
  content: '\e861';
}
.e863:before {
  font-family: 'metafont';
  content: '\e863';
}
.e864:before {
  font-family: 'metafont';
  content: '\e864';
}
.e866:before {
  font-family: 'metafont';
  content: '\e866';
}
.e867:before {
  font-family: 'metafont';
  content: '\e867';
}
.e868:before {
  font-family: 'metafont';
  content: '\e868';
}
.e869:before {
  font-family: 'metafont';
  content: '\e869';
}
.e86a:before {
  font-family: 'metafont';
  content: '\e86a';
}
.e86d:before {
  font-family: 'metafont';
  content: '\e86d';
}
.e86e:before {
  font-family: 'metafont';
  content: '\e86e';
}
.e870:before {
  font-family: 'metafont';
  content: '\e870';
}
.e874:before {
  font-family: 'metafont';
  content: '\e874';
}
.e63e:before {
  font-family: 'metafont';
  content: '\e63e';
}
.e61b:before {
  font-family: 'metafont';
  content: '\e61b';
}
.e684:before {
  font-family: 'metafont';
  content: '\e684';
}
.e685:before {
  font-family: 'metafont';
  content: '\e685';
}
.e686:before {
  font-family: 'metafont';
  content: '\e686';
}
.e687:before {
  font-family: 'metafont';
  content: '\e687';
}
.e688:before {
  font-family: 'metafont';
  content: '\e688';
}
.e68a:before {
  font-family: 'metafont';
  content: '\e68a';
}
.e693:before {
  font-family: 'metafont';
  content: '\e693';
}
.e695:before {
  font-family: 'metafont';
  content: '\e695';
}
.e699:before {
  font-family: 'metafont';
  content: '\e699';
}
.e6a3:before {
  font-family: 'metafont';
  content: '\e6a3';
}
.e6a4:before {
  font-family: 'metafont';
  content: '\e6a4';
}
.e6a5:before {
  font-family: 'metafont';
  content: '\e6a5';
}
.e656:before {
  font-family: 'metafont';
  content: '\e656';
}
.e657:before {
  font-family: 'metafont';
  content: '\e657';
}
.e658:before {
  font-family: 'metafont';
  content: '\e658';
}
.e68b:before {
  font-family: 'metafont';
  content: '\e68b';
}
.e677:before {
  font-family: 'metafont';
  content: '\e677';
}
.e65c:before {
  font-family: 'metafont';
  content: '\e65c';
}
.e65a:before {
  font-family: 'metafont';
  content: '\e65a';
}
.e60c:before {
  font-family: 'metafont';
  content: '\e60c';
}
.e60d:before {
  font-family: 'metafont';
  content: '\e60d';
}
.e660:before {
  font-family: 'metafont';
  content: '\e660';
}
.e661:before {
  font-family: 'metafont';
  content: '\e661';
}
.e662:before {
  font-family: 'metafont';
  content: '\e662';
}
.e60e:before {
  font-family: 'metafont';
  content: '\e60e';
}
.e664:before {
  font-family: 'metafont';
  content: '\e664';
}
.e666:before {
  font-family: 'metafont';
  content: '\e666';
}
.e668:before {
  font-family: 'metafont';
  content: '\e668';
}
.e66b:before {
  font-family: 'metafont';
  content: '\e66b';
}
.e66d:before {
  font-family: 'metafont';
  content: '\e66d';
}
.e66e:before {
  font-family: 'metafont';
  content: '\e66e';
}
.e66f:before {
  font-family: 'metafont';
  content: '\e66f';
}
.e670:before {
  font-family: 'metafont';
  content: '\e670';
}
.e671:before {
  font-family: 'metafont';
  content: '\e671';
}
.e672:before {
  font-family: 'metafont';
  content: '\e672';
}
.e673:before {
  font-family: 'metafont';
  content: '\e673';
}
.e674:before {
  font-family: 'metafont';
  content: '\e674';
}
.e675:before {
  font-family: 'metafont';
  content: '\e675';
}
.e676:before {
  font-family: 'metafont';
  content: '\e676';
}
.e678:before {
  font-family: 'metafont';
  content: '\e678';
}
.e679:before {
  font-family: 'metafont';
  content: '\e679';
}
.e67a:before {
  font-family: 'metafont';
  content: '\e67a';
}
.e6ad:before {
  font-family: 'metafont';
  content: '\e6ad';
}
.e6ae:before {
  font-family: 'metafont';
  content: '\e6ae';
}
.e6b0:before {
  font-family: 'metafont';
  content: '\e6b0';
}
.e6b1:before {
  font-family: 'metafont';
  content: '\e6b1';
}
.e6b6:before {
  font-family: 'metafont';
  content: '\e6b6';
}
.e6b8:before {
  font-family: 'metafont';
  content: '\e6b8';
}
.e6ba:before {
  font-family: 'metafont';
  content: '\e6ba';
}
.e6bd:before {
  font-family: 'metafont';
  content: '\e6bd';
}
.e6c0:before {
  font-family: 'metafont';
  content: '\e6c0';
}
.e6c2:before {
  font-family: 'metafont';
  content: '\e6c2';
}
.ea25:before {
  font-family: 'metafont';
  content: '\ea25';
}
.e67b:before {
  font-family: 'metafont';
  content: '\e67b';
}
.e67c:before {
  font-family: 'metafont';
  content: '\e67c';
}
.e635:before {
  font-family: 'metafont';
  content: '\e635';
}
.e637:before {
  font-family: 'metafont';
  content: '\e637';
}
.e639:before {
  font-family: 'metafont';
  content: '\e639';
}
.e640:before {
  font-family: 'metafont';
  content: '\e640';
}
.e642:before {
  font-family: 'metafont';
  content: '\e642';
}
.e643:before {
  font-family: 'metafont';
  content: '\e643';
}
.e644:before {
  font-family: 'metafont';
  content: '\e644';
}
.e647:before {
  font-family: 'metafont';
  content: '\e647';
}
.e64c:before {
  font-family: 'metafont';
  content: '\e64c';
}
.e64e:before {
  font-family: 'metafont';
  content: '\e64e';
}
.e64f:before {
  font-family: 'metafont';
  content: '\e64f';
}
.e650:before {
  font-family: 'metafont';
  content: '\e650';
}
.e651:before {
  font-family: 'metafont';
  content: '\e651';
}
.e633:before {
  font-family: 'metafont';
  content: '\e633';
}
.e68e:before {
  font-family: 'metafont';
  content: '\e68e';
}
.e6b8:before {
  font-family: 'metafont';
  content: '\e6b8';
}
.w100p {
  width: 100%;
}
.width-fit {
  width: fit-content;
}
.h100p {
  height: 100%;
}
.lh-1 {
  line-height: 1;
}
.lh-1p25 {
  line-height: 1.25;
}
.lh-1p5 {
  line-height: 1.5;
}
.lh-2 {
  line-height: 2;
}
.lh-3 {
  line-height: 3;
}
.m-0 {
  margin: 0;
}
.m-5 {
  margin: 5px;
}
.m-10 {
  margin: 10px;
}
.m-15 {
  margin: 15px;
}
.m-20 {
  margin: 20px;
}
.m-30 {
  margin: 30px;
}
.m-l-0 {
  margin-left: 0;
}
.m-r-0 {
  margin-right: 0;
}
.m-t-0 {
  margin-top: 0;
}
.m-b-0 {
  margin-bottom: 0;
}
.m-l-2 {
  margin-left: 2px;
}
.m-r-2 {
  margin-right: 2px;
}
.m-t-2 {
  margin-top: 2px;
}
.m-b-2 {
  margin-bottom: 2px;
}
.m-l-5 {
  margin-left: 5px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-b-5 {
  margin-bottom: 5px;
}
.m-r-8 {
  margin-right: 8px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-l-12 {
  margin-left: 12px;
}
.m-r-12 {
  margin-right: 12px;
}
.m-t-12 {
  margin-top: 12px;
}
.m-b-12 {
  margin-bottom: 12px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-l-18 {
  margin-left: 18px;
}
.m-r-18 {
  margin-right: 18px;
}
.m-t-18 {
  margin-top: 18px;
}
.m-b-18 {
  margin-bottom: 18px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-l-30 {
  margin-left: 30px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.m-l-40 {
  margin-left: 40px;
}
.m-r-40 {
  margin-right: 40px;
}
.m-t-40 {
  margin-top: 40px;
}
.m-b-40 {
  margin-bottom: 40px;
}
.m-l-45 {
  margin-left: 45px;
}
.m-r-45 {
  margin-right: 45px;
}
.m-t-45 {
  margin-top: 45px;
}
.m-b-45 {
  margin-bottom: 45px;
}
.p-0 {
  padding: 0;
}
.p-5 {
  padding: 5px;
}
.p-10 {
  padding: 10px;
}
.p-15 {
  padding: 15px;
}
.p-20 {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.p-l-0 {
  padding-left: 0;
}
.p-r-0 {
  padding-right: 0;
}
.p-t-0 {
  padding-top: 0;
}
.p-b-0 {
  padding-bottom: 0;
}
.p-l-5 {
  padding-left: 5px;
}
.p-r-5 {
  padding-right: 5px;
}
.p-t-5 {
  padding-top: 5px;
}
.p-b-5 {
  padding-bottom: 5px;
}
.p-l-10 {
  padding-left: 10px;
}
.p-r-10 {
  padding-right: 10px;
}
.p-t-10 {
  padding-top: 10px;
}
.p-b-10 {
  padding-bottom: 10px;
}
.p-l-15 {
  padding-left: 15px;
}
.p-r-15 {
  padding-right: 15px;
}
.p-t-15 {
  padding-top: 15px;
}
.p-b-15 {
  padding-bottom: 15px;
}
.p-l-20 {
  padding-left: 20px;
}
.p-r-20 {
  padding-right: 20px;
}
.p-t-20 {
  padding-top: 20px;
}
.p-b-20 {
  padding-bottom: 20px;
}
.p-l-30 {
  padding-left: 30px;
}
.p-r-30 {
  padding-right: 30px;
}
.p-t-30 {
  padding-top: 30px;
}
.p-b-30 {
  padding-bottom: 30px;
}
.a-center {
  align-items: center;
}
.a-start {
  align-items: flex-start;
}
.a-end {
  align-items: flex-end;
}
.a-stretch {
  align-items: stretch;
}
.a-baseline {
  align-items: baseline;
}
.text-align-right {
  text-align: right;
}
.j-start {
  justify-content: flex-start;
}
.j-end {
  justify-content: flex-end;
}
.j-center {
  justify-content: center;
}
.j-between {
  justify-content: space-between;
}
.j-around {
  justify-content: space-around;
}
.j-evenly {
  justify-content: space-evenly;
}
.flex-1 {
  flex: 1 1;
}
.flex-2 {
  flex: 2 1;
}
.flex-3 {
  flex: 3 1;
}
.flex-row {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-row-gap-8 {
  row-gap: 8px;
}
.flex-row-gap-12 {
  row-gap: 12px;
}
.flex-row-gap-16 {
  row-gap: 16px;
}
.flex-col-gap-8 {
  column-gap: 8px;
}
.flex-col-gap-12 {
  column-gap: 12px;
}
.flex-col-gap-16 {
  column-gap: 16px;
}
.fs-10 {
  font-size: 10px;
}
.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px;
}
.cursor-p {
  cursor: pointer;
}
.color-6 {
  color: #666;
}
.color-9 {
  color: #999;
}
/* 文本行数 */
.text-line-1,
.text-line-2,
.text-line-3 {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: ignore next 修复-webkit-box-orient编译后丢失 */
  -webkit-box-orient: vertical;
}
.text-line-1 {
  -webkit-line-clamp: 1;
}
.text-line-2 {
  -webkit-line-clamp: 2;
}
.text-line-3 {
  -webkit-line-clamp: 3;
}
html,
body,
:global(#root) {
  height: 100%;
}
p,
h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 0 !important;
}
ul {
  padding-inline-start: 0;
}
ul li {
  list-style: none;
}
i {
  font-style: normal;
}
.ant-table-pagination.ant-pagination {
  padding: 10px 0;
}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px;
  /*对垂直流动条有效*/
  height: 8px;
  /*对水平流动条有效*/
}
/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 4px;
}
/*定义滑块颜色、内阴影及圆角*/
:hover::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #c5c5c5;
  z-index: 100000;
}
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb:hover {
  border-radius: 4px;
  background-color: #909090;
  z-index: 100000;
}
::-webkit-scrollbar-track:hover {
  background-color: #e5e5e5;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:active {
  border-radius: 4px;
  background-color: #5c5c5c;
  z-index: 100000;
}
/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
  display: none;
}
/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
  display: none;
}
.label-content {
  display: flex;
}
.label-content .label-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.label-content .black-color {
  color: #222;
}
.label-content .label-right {
  display: flex;
  align-items: center;
}
.label-content .clear-icon {
  margin-left: 10px;
  color: #222;
}
.ant-message-error {
  word-break: break-all;
}
.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
  box-shadow: none;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.agg-modal {
  position: relative;
}
.agg-modal .title .ant-dropdown-trigger {
  position: absolute;
  right: 10px;
  padding: 0 10px;
}
.agg-modal .row-agg {
  padding: 10px;
}
.agg-modal .row-agg .ant-row {
  margin-top: 10px;
}
.agg-modal .row-agg .ant-row .anticon-arrow-down {
  font-size: 18px;
  line-height: 28px;
  cursor: pointer;
}
.agg-modal .row-agg .ant-row .anticon-minus-circle-o {
  font-size: 18px;
  line-height: 28px;
  cursor: pointer;
}
.agg-modal .row-agg .ant-row .ant-col-6 {
  line-height: 28px;
}
.agg-modal .row-agg .ant-select {
  width: 100%;
}
.agg-modal .ant-dropdown-menu-item,
.agg-modal .ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.agg-drop {
  max-height: 500px;
  overflow: auto;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.view-form .ant-form-item {
  margin-bottom: 10px;
}
.view-form .paddingBottom8 {
  padding-bottom: 8px;
}
.view-form .aggs-fields-position-icon {
  margin-left: 8px;
  color: #999;
}
.view-form .aggs-fields-position-icon:hover {
  color: #1890ff;
  cursor: pointer;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.view-modal .ant-table-selection-column {
  position: relative;
  left: 40px;
}
.view-modal .handle-drag-title {
  position: relative;
  left: -50px;
}
.view-modal .handle-drag-title:hover {
  cursor: pointer;
}
.view-modal .handle-drag-title:hover .anticon.drag {
  color: #1890ff;
}
.view-modal .anticon.drag {
  display: none;
}
.view-modal tr.drop-over-downward td {
  border-bottom: 2px solid #1890ff !important;
}
.view-modal tr.drop-over-upward td {
  border-top: 2px solid #1890ff !important;
}
.view-modal tr:hover .anticon.drag {
  display: inline;
}
.view-modal .ant-table-tbody > tr.ant-table-row:hover > td {
  background: #eff7ff;
}
.view-modal .ant-table-tbody > tr.ant-table-row-selected > td {
  background: #eff7ff;
}
.view-modal .ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #deefff;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.search-center-form {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 200;
  right: 10px;
}
.search-center-form .search-drop-down-wrap {
  transform: translate(0, 136px);
  width: 30%;
  left: 37%;
}
.biz-list-topSearch {
  background: #fff;
  padding: 12px 0;
  border: 1px solid #eee;
  text-align: center;
  height: 60px;
}
.biz-list-container {
  height: 100%;
  padding: 10px 16px 0;
  width: 100%;
  display: flex;
}
.biz-list-container.biz-list-main-container .biz-has-sider-main {
  min-width: 824px;
}
.biz-list-container.biz-list-main-container .common-show-wrap {
  flex-wrap: nowrap;
}
.biz-list-container.biz-list-main-container .common-show-wrap .ant-btn-group > .ant-btn:first-child:not(:last-child),
.biz-list-container.biz-list-main-container .common-show-wrap .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.biz-list-container.biz-list-main-container .common-show-wrap .ant-btn-group > .ant-btn:last-child:not(:first-child),
.biz-list-container.biz-list-main-container .common-show-wrap .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.biz-list-container.biz-list-main-container .common-show-wrap .header-ope .darft-btn .ant-btn,
.biz-list-container.biz-list-main-container .common-show-wrap .header-ope .shareFormFillingData-btn {
  border-radius: 4px;
}
.biz-list-container.biz-list-main-container .common-show-wrap .header-ope .darft-btn .ant-btn:hover,
.biz-list-container.biz-list-main-container .common-show-wrap .header-ope .shareFormFillingData-btn:hover {
  background-color: #FFF4F4;
}
.biz-list-container.biz-list-main-container .common-show-wrap .header-ope .ant-btn:hover i {
  color: #1890ff;
}
.biz-list-container.biz-list-main-container .common-show-wrap .header-ope .ant-btn i {
  color: #666;
  font-size: 16px;
}
.biz-list-container.biz-list-main-container .biz-list-header .main-table-header .view-title-info {
  flex: 1 1;
  overflow: hidden;
}
.biz-list-container.biz-list-main-container .biz-list-header .main-table-header .view-title-info .view-menu-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.biz-list-container.biz-list-main-container .biz-list-header .main-table-header .view-title-info .view-menu-name.isHaveSelectForPmp {
  max-width: unset;
}
.biz-list-container.biz-list-main-container .biz-list-header .main-table-header .view-title-info .view-menu-name .header-name {
  margin-left: 0;
}
.biz-list-container.biz-list-main-container .biz-list-header .main-table-header .view-title-info .icon-eafc.pop-over:hover {
  color: #1890FF;
}
.biz-list-container.biz-list-main-container .biz-list-header .main-table-header .view-name {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.biz-list-container.biz-list-main-container .biz-list-header .main-table-header .common-show-wrap .view-title-info .view-name .header-subName {
  max-width: unset;
}
.biz-list-container.biz-list-main-container .biz-list-header .main-table-header .common-show-wrap .view-title-info .view-name .header-subName .ant-select-selector {
  padding: 0px 12px 0 4px;
}
.biz-list-container.biz-list-main-container .biz-list-header .main-table-header .common-show-wrap .view-title-info .view-name .header-subName .hecom-tooltip-ellipsis {
  font-weight: bold;
  font-size: 16px;
}
.biz-list-container .biz-has-sider-main {
  width: 100%;
  height: 100%;
}
.biz-list-container .biz-list-header {
  height: 60px;
  background-color: #fff;
  width: 100%;
}
.biz-list-container .biz-list-header .biz-header {
  height: 60px;
}
.biz-list-container .biz-list-header .biz-header .ant-btn {
  height: 30px;
}
.biz-list-container .biz-list-header .biz-header .ant-btn i {
  color: #747779;
  font-size: 12px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap {
  display: flex;
  padding: 0 20px;
  justify-content: space-between;
  align-items: center;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 12px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .view-name {
  display: flex;
  align-items: center;
  flex: none;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .view-name.can-flex {
  flex: initial;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .biz-icon {
  text-align: center;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .biz-icon i {
  display: inline-block;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  font-size: 17px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-subName {
  display: flex;
  color: #222;
  font-weight: bold;
  white-space: nowrap;
  font-size: 16px;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-subName.changesheet {
  max-width: 66%;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-subName .ant-select.ant-select-single.ant-select-show-arrow {
  width: 100%;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-subName .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: none;
  outline: none;
  height: 28px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-subName .ant-select-open .ant-select-selector {
  box-shadow: none;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-subName .ant-select-selector:focus {
  box-shadow: none;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-subName .ant-select-selection-selected-value {
  font-size: 15px;
  line-height: 28px;
  padding-right: 16px;
  color: #222;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-subName .ant-select.ant-select-single.ant-select-show-arrow .ant-select-selection-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-right: 16px;
  word-break: break-all;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-name {
  margin-left: 14px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .header-name.changesheet {
  max-width: 33.33%;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .view-menu-name {
  display: flex;
  align-items: center;
  flex: none;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .view-title-info .anticon-question-circle:hover {
  color: #1890FF;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope {
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  padding: 12px 0px 12px 0px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .ant-input-search {
  width: 200px;
  margin-right: 8px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .ant-input-search .ant-input {
  height: 30px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .search-box button {
  padding: 0px 0px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope button {
  padding: 0 10px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .bizheader-btn-group .ant-btn {
  padding: 0 7px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .left-group {
  margin-right: 20px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .ant-btn,
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .ant-radio-button-wrapper {
  height: 32px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .selected-filter-header i {
  color: #fd6364 !important;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .selected-filter-header i.icon-e6b3-hover-shaixuan-youzhi:before {
  font-family: 'heicon';
  content: '\e79a';
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .user-defined-action button {
  background-color: #fd6364;
  color: #fff;
  border-color: hsla(0, 0%, 100%, 0.3);
  font-weight: normal;
  font-size: 12px;
  border: 0;
  margin-left: 1px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .user-defined-action button:first-child {
  margin-left: 2px;
}
.biz-list-container .biz-list-header .biz-header .common-show-wrap .header-ope .user-defined-action .list-header-ocr {
  margin-left: 0;
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap {
  transition: transform 0.2s;
  transform: translateY(0);
  line-height: 44px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
          user-select: none;
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap .info-warning {
  padding-left: 20px;
  height: 45px;
  background-color: #e9eff5;
  box-shadow: 0px 1px 0px 0px rgba(188, 188, 188, 0.5);
  margin: -1px 20px;
  display: none;
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap .count {
  cursor: pointer;
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap .count .anticon-info-circle {
  color: #1890ff;
  margin-right: 7px;
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap .count .count-num {
  color: #1890ff;
  margin: 0 5px;
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap .batch-btn {
  display: inline-block;
  padding: 0 15px;
  line-height: 14px;
  position: relative;
  cursor: pointer;
  color: #1890ff;
  /*&:hover {
                                color: @theme_color;
                            }*/
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap .batch-btn:last-child {
  border: none;
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap .batch-btn:last-child:after {
  display: none;
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap .batch-btn:after {
  content: '';
  width: 1px;
  position: absolute;
  right: 0;
  top: 2px;
  bottom: 2px;
  background: #d5d6d7;
}
.biz-list-container .biz-list-header .biz-header .batch-btn-wrap .batch-btn .heicon {
  font-size: 13px;
  margin-right: 8px;
}
.biz-list-container .biz-list-header .biz-header.showBatch .batch-btn-wrap {
  transform: translateY(-100%);
}
.biz-list-container .biz-list-header .biz-header.showBatch .batch-btn-wrap .info-warning {
  display: block;
  overflow: auto;
  white-space: nowrap;
}
.biz-list-container .biz-list-appListTopFilter {
  background: #fff;
  padding: 12px 10px;
}
.biz-list-container .biz-list-appListTopFilter .ant-radio-group-outline {
  border-radius: 4px;
}
.biz-list-container .biz-list-appListTopFilter .ant-radio-group-outline .ant-radio-button-wrapper {
  color: #999;
}
.biz-list-container .biz-list-appListTopFilter .ant-radio-group-outline .ant-radio-button-wrapper-checked {
  z-index: 0;
  border-right-color: #1890ff;
  background: #1890ff;
  color: #fff;
  border-color: #1890ff;
}
.biz-list-container .biz-list-appListTopFilter .ant-radio-group-outline label {
  padding: 0 12px;
  line-height: 30px;
  text-align: center;
}
.biz-list-container .biz-list-main {
  position: relative;
  height: calc(100% - 60px);
  overflow: hidden;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  /*justify-content: space-around;*/
}
.biz-list-container .biz-list-main .list-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.biz-list-container .biz-header-wrap {
  background: #fff;
}
.biz-list-container .biz-header-wrap.list-header {
  border-bottom: none;
}
.biz-list-container .biz-header-list-wrap {
  height: 100%;
  position: relative;
  background: #eeeeee;
  overflow-y: auto;
  overflow-x: hidden;
}
.biz-list-container .biz-header-list-wrap .ant-tabs-bar {
  margin-bottom: 5px;
}
.biz-list-container .biz-header-list-wrap .biz-header {
  height: 60px;
}
.biz-list-container .biz-header-list-wrap .biz-header .ant-btn {
  height: 30px;
}
.biz-list-container .biz-header-list-wrap .biz-header .ant-btn i {
  color: #747779;
  font-size: 12px;
}
.biz-list-container .biz-header-list-wrap .biz-header .view-info {
  transition: transform 1s, opacity 1s;
  transform: translate(0);
  float: left;
}
.biz-list-container .biz-header-list-wrap .biz-header .view-info .biz-icon {
  margin-top: 21px;
  margin-left: 20px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope {
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  margin-right: 20px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .ant-input-search {
  width: 200px;
  margin-right: 8px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .ant-input-search .ant-input {
  height: 30px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .follow-btn {
  position: absolute;
  top: 26px;
  left: 5px;
  width: 70px;
  height: 20px;
  box-sizing: border-box;
  padding: 0;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #d5d6da;
  font-size: 12px;
  color: #222;
  cursor: pointer;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .follow-btn.followed {
  width: 70px;
  padding-right: 4px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .follow-btn .icon-xiangqingye_guanzhu {
  transform: scale(0.8);
  color: #1890ff;
  margin-right: 2px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .follow-btn .icon-e6661 {
  transform: scale(0.6);
  color: #979797;
  margin-right: 2px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .biz-search {
  position: absolute;
  left: 85px;
  color: #1890ff;
  font-size: 17px;
  cursor: pointer;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope button {
  padding: 0 10px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope button:hover,
.biz-list-container .biz-header-list-wrap .biz-header .header-ope button:active {
  color: var(--theme, #fd6364);
  border-color: var(--theme, #fd6364);
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope button:hover i,
.biz-list-container .biz-header-list-wrap .biz-header .header-ope button:active i {
  color: var(--theme, #fd6364);
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope button:focus {
  border-color: #d9d9d9;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .ant-btn-group {
  margin-left: 10px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .user-defined-action button {
  background-color: #fd6364;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  font-weight: normal;
  font-size: 12px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .user-defined-action button i {
  display: inline-block;
  color: #fff;
  margin-right: 5px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .info-btn-group span button {
  border-radius: 0;
  border-right: 0;
  border-left: 0;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .info-btn-group div {
  display: inline-block;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-ope .left-group {
  margin-right: 20px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title-img {
  max-height: 40px;
  display: inline-block;
  vertical-align: top;
  margin-left: 41px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title {
  float: left;
  height: 28px;
  margin-top: 18px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-name,
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName {
  display: block;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-name {
  float: left;
  margin-left: 14px;
  font-size: 12px;
  color: #999999;
  line-height: 28px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName {
  float: left;
  color: #222;
  font-weight: bold;
  margin-left: 10px;
  line-height: 28px;
  white-space: nowrap;
  font-size: 16px;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName .ant-select-open .ant-select-selector {
  box-shadow: none;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName .ant-select-selection--single {
  height: 28px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName .ant-select-selection__rendered {
  margin-left: 0;
  margin-right: 11px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName .ant-select-selector:focus {
  box-shadow: none;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName .ant-select-selector {
  border: none;
  outline: none;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName .ant-select-selection-selected-value {
  font-size: 15px;
  line-height: 28px;
  padding-right: 16px;
  color: #222;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName .ant-select-arrow {
  right: 6px;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title .header-subName .ant-select-arrow:before {
  font-family: 'heicon' !important;
  content: '\e601' !important;
}
.biz-list-container .biz-header-list-wrap .biz-header .header-title-middle {
  float: left;
  height: 60px;
  padding: 24px 0 0 10px;
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap {
  transition: transform 0.2s;
  transform: translate(-100%, -100%);
  line-height: 44px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
          user-select: none;
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap .info-warning {
  padding-left: 20px;
  height: 44px;
  background-color: #e9eff5;
  box-shadow: 0px 1px 0px 0px rgba(188, 188, 188, 0.5);
  margin: -1px 20px;
  display: none;
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap .count {
  cursor: pointer;
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap .count .anticon-info-circle {
  color: #1890ff;
  margin-right: 7px;
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap .count .count-num {
  color: #1890ff;
  margin: 0 5px;
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap .batch-btn {
  display: inline-block;
  padding: 0 15px;
  line-height: 14px;
  position: relative;
  cursor: pointer;
  color: #1890ff;
  /*&:hover {
                                color: @theme_color;
                            }*/
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap .batch-btn:last-child {
  border: none;
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap .batch-btn:last-child:after {
  display: none;
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap .batch-btn:after {
  content: '';
  width: 1px;
  position: absolute;
  right: 0;
  top: 2px;
  bottom: 2px;
  background: #d5d6d7;
}
.biz-list-container .biz-header-list-wrap .biz-header .batch-btn-wrap .batch-btn .heicon {
  font-size: 13px;
  margin-right: 8px;
}
.biz-list-container .biz-header-list-wrap .biz-header.showBatch .batch-btn-wrap {
  transform: translate(0, -100%);
}
.biz-list-container .biz-header-list-wrap .biz-header.showBatch .batch-btn-wrap .info-warning {
  display: block;
}
.biz-list-container .biz-header-list-wrap .step-line {
  margin: 0 auto;
  display: flex;
  padding: 0 80px;
}
.biz-list-container .biz-header-list-wrap .step-line .title {
  margin-left: 8px;
}
.biz-list-container .biz-header-list-wrap .step-line > span {
  flex: 1 1;
  position: relative;
  display: flex;
  align-items: center;
}
.biz-list-container .biz-header-list-wrap .step-line > span:last-child::after {
  display: none;
}
.biz-list-container .biz-header-list-wrap .step-line > span.current-step em {
  animation-name: current;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.biz-list-container .biz-header-list-wrap .step-line > span.current-step::before {
  animation-name: current;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 2s;
}
.biz-list-container .biz-header-list-wrap .step-line > span.current-step::after {
  background: #bfbfbf;
}
.biz-list-container .biz-header-list-wrap .step-line > span.after-step em {
  background: #bfbfbf;
}
.biz-list-container .biz-header-list-wrap .step-line > span.after-step::before {
  border: 1px solid #bfbfbf;
}
.biz-list-container .biz-header-list-wrap .step-line > span.after-step::after {
  background: #bfbfbf;
}
.biz-list-container .biz-header-list-wrap .step-line > span > em {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #ff495d;
  line-height: 28px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  border-radius: 14px;
  text-align: center;
  position: absolute;
  left: 5px;
}
.biz-list-container .biz-header-list-wrap .step-line > span::before {
  content: '';
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 19px;
  border: 1px solid rgba(255, 73, 93, 0.3);
}
.biz-list-container .biz-header-list-wrap .step-line > span::after {
  content: '';
  display: block;
  height: 1px;
  background: #ff495d;
  flex: 1 1;
  margin: 0 5px;
}
.biz-list-container .biz-header-list-wrap .step-form {
  margin-top: 45px;
  padding-bottom: 80px;
}
.biz-list-container .biz-header-list-wrap .step-form > div {
  width: 640px;
  margin: 0 auto;
  visibility: visible;
  height: auto;
  border-radius: 3px;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
  min-height: 400px;
}
.biz-list-container .biz-header-list-wrap .step-form > div > h3 {
  text-align: center;
  height: 80px;
  line-height: 80px;
}
.biz-list-container .biz-header-list-wrap .step-form > div .hidden-field {
  padding: 0 80px;
}
.biz-list-container .biz-header-list-wrap .step-form > div .hidden-field .form-item-p {
  display: flex;
  margin-top: 20px;
  align-items: center;
}
.biz-list-container .biz-header-list-wrap .step-form > div .hidden-field .form-item-p .ant-select {
  min-width: 80px;
}
.biz-list-container .biz-header-list-wrap .step-form > div .hidden-field .form-item-p .form-item-title {
  width: 120px;
  text-align: right;
  font-size: 12px;
  margin-right: 10px;
}
.biz-list-container .biz-header-list-wrap .step-form > div .hidden-field .form-item-p > *:nth-child(2) {
  flex: 1 1;
}
.biz-list-container .biz-header-list-wrap .step-form > div .field-transfer {
  width: 424px;
  margin: 0 auto;
  position: relative;
}
.biz-list-container .biz-header-list-wrap .step-form > div .field-transfer > p {
  width: 250px;
  margin: 0 auto;
  line-height: 32px;
  color: 12px;
  position: relative;
}
.biz-list-container .biz-header-list-wrap .step-form > div .field-transfer > p .field-transfer-left {
  width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.biz-list-container .biz-header-list-wrap .step-form > div .field-transfer > p .ant-checkbox-wrapper {
  position: absolute;
  right: 0;
}
.biz-list-container .biz-header-list-wrap .step-form > div .field-transfer .my-transfer-operation {
  left: 412px;
  width: 30px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap {
  position: relative;
  height: calc(100% - 70px);
  overflow: auto;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.list .more-list .ant-table-wrapper {
  min-height: 600px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.list .ant-table-scroll > .ant-table-header .ant-table-thead .ant-table-column-title > .ant-table-column-sorter {
  display: none;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.list .ant-table-scroll .ant-table-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.list .ant-table-placeholder {
  min-height: 500px;
  border-bottom: none;
  top: 65px;
  left: 50%;
  /*position: absolute;*/
  border-top: 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.list .approval-no-data {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0px, -90px);
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.list .ant-table-footer .ant-pagination {
  margin-right: -11px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.list:not(.noborder) .biz-data-list-wrap {
  position: relative;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.list:not(.noborder) .biz-data-list-wrap:after {
  position: absolute;
  content: ' ';
  height: 1px;
  background: #e8e9ea;
  left: 0;
  right: 0;
  bottom: 42px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .center-text {
  text-align: center;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-tbody tr:hover td {
  /*background: #f7f7fb !important;*/
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-tbody tr.ant-table-row-hover > td {
  background: #f7f7fb;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-tbody td > a {
  color: #1890ff;
  font-weight: bold;
  display: inline-block;
  height: 100%;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-tbody .name a {
  white-space: pre;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-tbody .name .ant-table-row-indent {
  display: inherit;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-tbody .name .active {
  height: 38px;
  border-bottom: 2px solid #1890ff;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-fixed {
  table-layout: fixed;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .list-table th.ant-table-row-cell-break-word {
  position: relative;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .list-table .filter-entry {
  position: absolute;
  right: 5px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap {
  background: #fff;
  overflow: hidden;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap.board-wrap {
  background: #f8f8f8;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .biz-list-header {
  height: 50px;
  line-height: 50px;
  padding: 0 12px 0 18px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .biz-list-header .header-title {
  font-size: 12px;
  color: #333;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .biz-list-header .biz-list-header-ope {
  float: right;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .biz-list-header .biz-list-header-ope button {
  width: 30px;
  color: #333;
  text-align: center;
  padding: 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table .ant-table-thead > tr > th {
  border-bottom: none;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table .ant-table-footer {
  font-size: 12px;
  background-color: #ffffff;
  color: #747779;
  padding: 0 8px;
  border-top: none;
  margin-top: 12px;
  position: relative;
  /*&:before {
                                background: #e8e9ea;
                                top: -11px;
                                z-index: 9;
                            }*/
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table .ant-table-footer .total-wrap {
  vertical-align: top;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table .ant-table-footer .totalContent {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table .ant-table-footer .totalContent .triangle {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: baseline;
  margin-left: 5px;
  background: linear-gradient(45deg, #b9bbbc 50%, transparent 50%);
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table .ant-table-footer .totalContent:hover {
  color: #535353;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table .ant-table-footer .totalContent:hover .triangle {
  background: linear-gradient(45deg, #535353 50%, transparent 50%);
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table .ant-table-footer .pagination-wrap {
  position: absolute;
  top: 0;
  right: 10px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table-fixed-right {
  box-shadow: none;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table-fixed-right .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table-fixed-right .operation {
  color: #0e2c4a;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  padding: 0 14px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-data-list-wrap .ant-table-fixed-right .operation .triangle {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: baseline;
  margin-left: 2px;
  background: linear-gradient(45deg, #0e2c4a 50%, transparent 50%);
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-list-wrap-left {
  width: 240px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  height: 100%;
  border-right: 1px solid #eee;
  overflow: scroll;
  font-size: 13px !important;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-list-wrap-left .ant-tree-node-selected {
  background-color: #328ee9;
  display: inline-block;
  width: 77%;
  color: #fff;
  border-radius: 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .biz-list-wrap-right {
  position: absolute;
  left: 240px;
  top: 0;
  height: 100%;
  background: #fff;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper {
  padding: 1px 10px;
  background: #fff;
  border-radius: 4px !important;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .repeat-center {
  text-align: center;
  color: #edb500;
  font-size: 15px;
  font-weight: 600;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-thead tr {
  background-color: #f0f2f5;
  border-radius: 8px 8px 0 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-thead .center {
  text-align: center;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-thead tr > th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #676d79;
  padding: 0 16px;
  height: 34px;
  line-height: 34px;
  background: transparent;
  border-left: 1px solid #d8d8d8;
  text-align: left !important;
  border-bottom: 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-thead .triangle {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: baseline;
  margin-left: 2px;
  background: linear-gradient(45deg, #b9bbbc 50%, transparent 50%);
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-pagination {
  margin-right: 20px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-row > td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #222;
  line-height: 34px;
  padding: 0 16px;
  border-bottom: 1px solid #e8e8e8;
  text-align: left;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-row > td.repeat-center {
  color: #ecb700;
  font-weight: bold;
  cursor: pointer;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-row > td span div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-row > td.right {
  text-align: right;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-row > td > div {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #222;
  height: 34px;
  line-height: 34px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-row > td > div > div {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-row > td > div > a {
  color: #1890ff;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-fixed-left {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.05);
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-fixed-left th,
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-fixed-left td {
  text-align: left;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-fixed-left th .ant-checkbox-wrapper,
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-wrapper .ant-table-fixed-left td .ant-checkbox-wrapper {
  transform: translateX(13px);
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-placeholder {
  min-height: 300px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .tHeaderWrap {
  display: inline-block;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .tHeaderWrap.showTHeader + .titleColumn,
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .tHeaderWrap.hasSet + .titleColumn {
  color: #1890ff;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .filter-entry {
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-left: 5px;
  cursor: pointer;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .filter-entry.ant-popover-open .caret-down,
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .filter-entry.ant-popover-open .anticon-caret-down {
  visibility: visible;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .filter-entry .caret-down,
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .filter-entry .anticon-caret-down {
  color: #1890ff;
  display: inline-block;
  visibility: hidden;
  transition: transform 0.2s;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .filter-entry .caret-down.up,
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .thead-inner .filter-entry .anticon-caret-down.up {
  transform: rotate(180deg);
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead th:hover .tHeaderWrap + .titleColumn {
  color: #1890ff;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead th:hover .icon-e6aa:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead th:hover .filter-entry .caret-down,
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead th:hover .filter-entry .anticon-caret-down {
  visibility: visible;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .titleColumn {
  cursor: pointer;
  float: left;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead .titleColumn:hover {
  color: #010b1f;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .ant-table-thead th.right {
  text-align: right;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .totalRow {
  padding: 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap .totalRow td {
  background: #f7f8fa;
  line-height: 24px !important;
  cursor: pointer;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.sea-wrap {
  background: #fff;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.sea-wrap .ant-table-placeholder {
  border-bottom: 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.sea-wrap .ant-table-body .operation button {
  padding: 0 4px;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.sea-wrap .ant-table-footer {
  padding: 0;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.sea-wrap .ant-table-footer:before {
  display: none;
}
.biz-list-container .biz-header-list-wrap .biz-list-wrap.sea-wrap .ant-table-footer .sea-footer {
  height: 40px;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  background: #fff;
}
.biz-list-container .biz-header-list-wrap .totalRow {
  position: absolute;
  left: 0;
  right: 0;
  background: #eee;
  height: 24px;
}
.biz-list-container .biz-header-list-wrap {
  width: 100%;
}
.biz-list-container .list-table .ant-table-expanded-row {
  color: #fff;
}
.biz-list-container .list-table .ant-table-expanded-row td {
  padding: 0;
}
.biz-list-container .list-table .ant-table-row-expand-icon {
  color: #b1bac5;
}
.biz-list-container .list-table .pagination-wrap .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 20px;
  padding: 0 5px;
}
.biz-list-container .list-table .pagination-wrap .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
  line-height: 20px;
}
.biz-list-container .list-table .pagination-wrap .anticon {
  vertical-align: 0;
}
.ant-input-affix-wrapper:not(.hecom-bi) {
  padding: 0px 11px;
}
.ant-input-affix-wrapper:not(.hecom-bi) .ant-input {
  height: 30px;
}
.biz-list-drag-container .biz-list-header {
  height: auto;
}
.biz-list-drag-container .biz-list-header .biz-header {
  height: auto;
}
.biz-list-drag-container .biz-list-header .biz-header .common-show-wrap {
  flex-wrap: wrap;
}
.biz-list-drag-container .biz-list-header .biz-header.showBatch {
  height: 60px;
}
.biz-list-drag-container .biz-has-sider-main {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-width: 0;
  position: relative;
}
.biz-list-drag-container .sider-list.on {
  flex: unset;
  margin-right: 10px;
}
.biz-list-drag-container .sider-list .tree-left .toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  background: #999;
  width: 12px;
  height: 40px;
  border-radius: 4px 0 0 4px;
}
.biz-list-drag-container .sider-list .tree-left .toggle-icon .icon-shouqi,
.biz-list-drag-container .sider-list .tree-left .toggle-icon .icon-zhankai {
  font-size: 12px;
  color: white;
  transform: scale(0.834);
}
.biz-list-drag-container .sider-list .tree-left .toggle-icon:hover {
  width: 14px;
}
.biz-list-drag-container .sider-list .tree-left .toggle-icon:hover .icon-zhankai {
  font-size: 12px;
}
.biz-list-drag-container .sider-list .tree-left.on {
  width: 100%;
  box-shadow: unset;
}
.biz-list-drag-container .sider-list .tree-left.on .toggle-icon {
  top: 20px;
  right: 6px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #ededed;
}
.biz-list-drag-container .sider-list .tree-left.on .toggle-icon .icon-shouqi {
  color: #666;
}
.biz-list-drag-container .sider-list .tree-left.on .toggle-icon:hover {
  background: #e7f3ff;
}
.biz-list-drag-container .sider-list .tree-left.on .toggle-icon:hover .icon-shouqi {
  color: #1890ff;
}
.biz-list-drag-container .sider-list .tree-left-sequence.on {
  padding: 20px 8px 0 8px;
  width: 100%;
}
.biz-list-drag-container .sider-list .tree-left-sequence.on .h16 {
  padding-left: 14px;
  padding-right: 24px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.biz-list-drag-container .sider-list .tree-left-sequence.on .toggle-icon {
  right: 6px;
}
.biz-list-drag-container .sider-list .filterBySequenceTree .ant-tree-list .ant-tree-switcher-icon {
  font-size: 14px;
}
.biz-list-drag-container .sider-list .filterBySequenceTree .ant-tree-list .ant-tree-treenode {
  padding-left: 14px;
  height: 36px;
  align-items: center;
}
.biz-list-drag-container .sider-list .filterBySequenceTree .ant-tree-list .ant-tree-switcher {
  width: 20px;
  height: 20px;
  align-self: center;
}
.biz-list-drag-container .sider-list .filterBySequenceTree .ant-tree-list .ant-tree-switcher .ant-tree-switcher-icon svg,
.biz-list-drag-container .sider-list .filterBySequenceTree .ant-tree-list .ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: none;
}
.biz-list-drag-container .sider-list .filterBySequenceTree.stdObj .ant-tree-list .ant-tree-treenode {
  padding-left: 12px;
}
.biz-list-drag-container .sider-list .filterBySequenceTree.stdObj .ant-tree-list .ant-tree-switcher {
  display: none;
}
.biz-list-drag-container .sider-list .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
}
.biz-list-drag-container .sider-list .ant-tree.ant-tree-directory.filterBySequenceTree .ant-tree-treenode-selected:hover::before,
.biz-list-drag-container .sider-list .ant-tree.ant-tree-directory.filterBySequenceTree .ant-tree-treenode-selected::before {
  background: #eff7ff;
  border-radius: 4px;
}
.biz-list-drag-container .sider-list .ant-tree.ant-tree-directory.filterBySequenceTree .ant-tree-treenode-selected .ant-tree-switcher {
  color: #1890ff;
}
.biz-list-drag-container .sider-list .ant-tree.ant-tree-directory.filterBySequenceTree .ant-tree-treenode-selected .ant-tree-node-selected {
  background: transparent !important;
  color: #1890ff;
}
.biz-list-drag-container .sider-list .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: #1890ff;
}
.h-container .biz-list-container {
  height: calc(100% - 2px);
}
.react-resizable {
  position: relative;
  background-clip: padding-box;
}
.react-resizable-handle {
  position: absolute;
  right: -5px;
  bottom: 0;
  z-index: 1;
  width: 10px;
  height: 100%;
  cursor: col-resize;
}
.sort-select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 176px;
  height: 32px;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  border-radius: 2px;
  margin-right: 8px;
}
.sort-select:hover {
  border: 1px solid #40a9ff;
}
.sort-select .icon-daoxu:hover,
.sort-select .icon-zhengxu:hover {
  cursor: pointer;
  color: #1890ff !important;
}
.sort-select .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.sort-select .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
}
.sort-icon {
  width: 33px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.activeViewSortSelect {
  width: 150px;
}
.tagClass {
  width: 40px;
  height: 20px;
  background: #fff4d9;
  border-radius: 4px;
  margin-left: 8px;
  border: 1px solid #dd9a18;
}
.tagClass > span {
  width: 24px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #dd9a18;
  line-height: 16px;
}
.biz-filter-tag {
  padding: 0 0 8px 0;
  background-color: #fff;
}
.biz-filter-tag.bizList-batch-top-bar-showed {
  margin-top: 4px;
}
.biz-filter-tag .item-tag {
  display: flex;
  align-items: center;
  height: 28px;
  line-height: 28px;
  background: #f1f1f1;
  border-radius: 4px;
  border: 0px;
}
.biz-filter-tag .item-tag .filter-value {
  color: #1890ff;
  cursor: pointer;
}
.biz-filter-tag .item-tag .tag-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 289px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 20px;
  display: block;
}
.biz-filter-tag .item-tag .tag-text.is-time {
  max-width: unset;
}
.biz-filter-tag .expansion-tag {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: #1890ff;
  height: 28px;
  line-height: 28px;
  background: #f1f1f1;
  border-radius: 4px;
  border: 0px;
}
.biz-filter-tag .expansion-tag:hover {
  cursor: pointer;
  color: #1890ff;
}
.biz-filter-tag .expansion-tag:hover .icon-e64e {
  color: #1890ff;
}
.biz-filter-tag .filter-tag-expand {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  background-color: #fff;
}
.biz-filter-tag .filter-tag-item {
  background-color: #fff;
}
.biz-filter-tag .clear-button {
  padding: 4px 0px;
}
.biz-filter-tag .set-button {
  padding: 0;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  background-color: #F1F1F1;
  font-size: 14px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.yun-model {
  display: flex;
  justify-content: center;
  align-items: center;
}
.yun-model .ant-modal {
  top: unset;
  padding-bottom: unset;
}
.custom-modal .ant-modal-footer .ant-checkbox-wrapper {
  float: left;
}
.custom-modal.approvalAddEvent .ant-transfer-list {
  width: 220px;
}
.approvalCompleteFlow .ant-modal-content,
.approvalCompleteFlow .approvalCompleteFlow-content,
.approvalCompleteFlow .approvalCompleteFlow-canvas {
  height: 100%;
}
.approvalCompleteFlow .approvalCompleteFlow-content .approvalCompleteFlow-canvas {
  overflow: hidden;
  height: calc(80vh - 51px);
}
.approvalCompleteFlow .approvalCompleteFlow-content .approvalCompleteFlow-canvas canvas:focus {
  outline: none;
}
.approvalCompleteFlow .approvalCompleteFlow-content .approvalCompleteFlow-canvas canvas:focus-visible {
  outline: none;
}
.ant-table-wrapper .ant-table-tbody .multiText {
  word-break: break-all;
}
.defined-item-list {
  width: 100%;
}
.defined-item-list .form-item-p {
  margin-bottom: 8px;
}
.defined-item-list .form-item-p .form-item-title {
  margin-bottom: 5px;
}
.obj-color {
  border-radius: 2px;
  text-align: left !important;
}
.obj-color .ant-radio-group {
  margin-left: 4px;
  margin-bottom: 8px;
  display: block;
}
.obj-color span.square-border,
.obj-color span.square {
  margin-left: 0;
  position: static !important;
}
.obj-color .active {
  border: 2px solid #3A64FC;
}
.obj-color .unActive {
  border: 2px solid #fff;
}
.obj-color .blank-content {
  margin-left: 4px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.obj-color .blank-content label {
  color: #222;
  cursor: pointer;
}
.obj-color .square-blank {
  background: linear-gradient(45deg, transparent 49.5%, red 50%, red 50%, transparent 50.5%);
  width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  margin-right: 4px;
}
.obj-color .square-border {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  margin-left: 8px;
  text-align: center;
  padding-top: 2px;
}
.obj-color .square-border .square {
  border-radius: 2px;
  width: 16px;
  height: 16px;
  margin-left: 0;
}
.field-selector .ant-modal-body {
  height: 480px;
  position: relative;
  padding: 16px 16px 0 16px;
}
.field-selector .ant-modal-body .field-selector-search {
  padding-top: 0px;
}
.field-selector .ant-modal-body .field-selector-search .ant-input-search {
  width: 350px;
}
.field-selector .ant-modal-body .field-selector-search .select-export-children {
  font-size: 14px;
  color: #1890ff;
  line-height: 32px;
  margin-left: 17px;
}
.field-selector .ant-modal-footer .field-selector-footer .filter-row {
  float: left;
}
.field-selector .ant-modal-footer .field-selector-footer .footer-button {
  float: right;
}
.field-selector .many-selector-wrap {
  position: absolute;
  top: 64px;
  bottom: 0;
  left: 0px;
  right: 0px;
  overflow: auto;
}
.field-selector .many-selector-wrap .selected-field {
  top: 46px;
}
.field-selector .select-export-children-text {
  color: #222222;
  line-height: 20px;
  font-size: 14px;
  margin: 8px 0;
}
.field-selector .field-list {
  position: absolute;
  top: 64px;
  bottom: 0;
  left: 16px;
  right: 284px;
  overflow: auto;
}
.field-selector .field-list .ant-input-search {
  width: 200px;
  margin: 10px 0;
}
.field-selector .field-list > div {
  margin-bottom: 20px;
}
.field-selector .field-list h3 {
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222;
  border-left: 3px solid #FD6364;
  padding: 0 6px;
  margin-bottom: 12px !important;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.field-selector .field-list .rowLabel {
  display: inline-block;
  padding: 0 2px;
  width: 224px;
  line-height: 30px;
  margin: 0 4px 2px;
  cursor: pointer;
  height: 30px;
}
.field-selector .field-list .rowLabel .icon-e71d {
  color: #ddd;
  visibility: hidden;
}
.field-selector .field-list .rowLabel .ant-checkbox-wrapper {
  width: 90%;
}
.field-selector .field-list .rowLabel .ant-checkbox-wrapper .ant-checkbox + span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.field-selector .field-list .rowLabel:hover {
  background-color: #EDF7FF;
  cursor: grab;
}
.field-selector .field-list .rowLabel:hover .icon-e71d {
  visibility: visible;
}
.field-selector .field-list .rowLabel:hover .ant-checkbox-wrapper {
  cursor: grab;
}
.field-selector .no-data {
  position: absolute;
  top: 45%;
  bottom: 0;
  left: 16px;
  right: 284px;
  overflow: auto;
  text-align: center;
  line-height: 16px;
  color: #999;
}
.field-selector .no-data img {
  width: 64px;
  height: 64px;
  margin-bottom: 4px;
  display: inline-block;
}
.field-selector .selected-field {
  width: 265px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  overflow: auto;
  border-left: 1px solid #e6e8ea;
  padding: 0 0 0 16px;
}
.field-selector .selected-field .selected-modal-title {
  height: 40px;
  padding: 10px 0;
  position: sticky;
  z-index: 999;
  background: #fff;
  width: 100%;
  top: 0;
  padding-top: 16px;
}
.field-selector .selected-field h3 {
  height: 14px;
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222;
  line-height: 14px;
  border-left: 3px solid #1890FF;
  margin-bottom: 16px !important;
  padding-left: 6px;
}
.field-selector .selected-field .selected-modal-content {
  height: calc(100% - 40px);
}
.field-selector .selected-field .selected-modal-content .select-field-items {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.field-selector .selected-field .selected-modal-content .select-field-items > div:last-child {
  flex: 1 1;
}
.field-selector .selected-field .selected-modal-content .select-field-items > div.clicked {
  flex: unset;
}
.field-selector .selected-field div h4 {
  line-height: 24px;
  color: #494949;
}
.field-selector .selected-field div ul {
  padding: 0;
}
.field-selector .selected-field div .drop-target {
  background-color: #c5e3ff;
  border-radius: 4px;
  display: none;
  width: 240px;
  height: 36px;
}
.field-selector .selected-field div .drop-target-show {
  display: inline-block;
}
.field-selector .selected-field div li {
  width: 240px;
  height: 36px;
  background: #F5F6F8;
  border-radius: 4px;
  padding: 10px 16px 10px 12px;
  line-height: 16px;
  cursor: pointer;
  list-style-type: none;
  font-size: 14px;
  color: #222;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
.field-selector .selected-field div li.sort-field-item-li-item {
  height: 30px;
  padding: 0 16px 0 12px;
  line-height: 30px;
}
.field-selector .selected-field div li .delete-icon {
  color: #46A6FF;
  visibility: hidden;
}
.field-selector .selected-field div li .delete-icon-hover {
  color: #1890ff;
  background: #fff;
  height: 0;
  visibility: hidden;
}
.field-selector .selected-field div li .anticon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 36px;
  font-size: 14px;
  font-weight: bold;
  width: 24px;
  text-align: center;
}
.field-selector .selected-field div li:hover {
  background-color: #EDF7FF;
  cursor: pointer;
}
.field-selector .selected-field div li:hover .delete-icon {
  visibility: visible;
}
.field-selector .selected-field div .selected-field-clicked {
  background-color: #EDF7FF;
  cursor: pointer;
  border: 1px dashed #1890FF;
}
.field-selector .selected-field div .selected-field-clicked .delete-icon {
  display: none;
}
.field-selector .selected-field div .selected-field-clicked .delete-icon-hover {
  visibility: visible;
}
.field-selector .bc_5081C2 > td:first-child {
  background-color: #E4ECF5;
}
.field-selector .bc_30A4E5 > td:first-child {
  background-color: #DFF1FB;
}
.field-selector .bc_02BBBB > td:first-child {
  background-color: #D9F4F4;
}
.field-selector .bc_20BB6A > td:first-child {
  background-color: #DDF4E8;
}
.field-selector .bc_D9A800 > td:first-child {
  background-color: #F9F1D8;
}
.field-selector .bc_F09200 > td:first-child {
  background-color: #FCEED8;
}
.field-selector .bc_E86452 > td:first-child {
  background-color: #FBE7E5;
}
.field-selector .bc_DD4595 > td:first-child {
  background-color: #F9E3EF;
}
.field-selector .bc_9568FF > td:first-child {
  background-color: #EFE8FF;
}
.field-selector .bc_727881 > td:first-child {
  background-color: #E9EAEC;
}
.defined-item-list {
  width: 100%;
}
.defined-item-list .form-item-p {
  margin-bottom: 8px;
}
.defined-item-list .form-item-p .form-item-title {
  margin-bottom: 5px;
}
.ant-modal:not(.hecom-bi) .ant-modal-close .ant-modal-close-x {
  line-height: 50px;
  width: 48px;
  height: 50px;
  color: #181d20;
  text-align: center;
}
.ant-modal:not(.hecom-bi) .ant-modal-header {
  border-bottom: 1px solid #e4e4e4;
  padding: 0 16px;
  border-radius: 6px 6px 0 0;
  color: #181d20;
}
.ant-modal:not(.hecom-bi) .ant-modal-header .ant-modal-title {
  height: 50px;
  line-height: 50px;
  font-weight: 600;
  font-size: 18px;
  font-family: PingFang SC;
  width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-modal:not(.hecom-bi) .ant-modal-header .ant-modal-title .title {
  display: flex;
  align-items: center;
}
.ant-modal:not(.hecom-bi) .ant-modal-header .ant-modal-title .title .title-left {
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-modal:not(.hecom-bi) .ant-modal-body {
  overflow: overlay;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .ant-radio .ant-radio-checked .ant-radio-inner {
  border-color: #1890ff !important;
  width: 17px;
  height: 17px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .ant-radio .ant-radio-checked .ant-radio-inner::after {
  background-color: #1890ff;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .item-block {
  margin-top: 12px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .item-block .tips-bottom {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .item-block .tips-bottom .color-black {
  color: #090909;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .text .ant-upload-list-text {
  max-width: 380px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .text .ant-upload-list-text a {
  color: #333;
  cursor: initial;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .group-title {
  color: #181d20;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  margin: 20px 0 16px 0;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .group-title:before {
  font-family: 'heicon';
  content: "\e77a";
  color: red;
  font-size: 16px;
  margin: 0 -2px 0 -4px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .group-title[data-required='true']::after {
  content: '*';
  color: red;
  font-weight: normal;
  font-size: 14px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p {
  position: relative;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError textarea {
  outline: none !important;
  box-shadow: unset !important;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError input {
  border: 1px solid red;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-group-addon,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-upload.ant-upload-drag,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border: unset;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-group-addon input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-upload.ant-upload-drag input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ql-toolbar.ql-snow + .ql-container.ql-snow input {
  outline: none !important;
  box-shadow: unset !important;
  border: none;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-select-selector,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-picker,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .he-input-number,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .item-user-picker-header,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError textarea,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-upload-drag-container,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .rich-editor {
  outline: 0;
  border: 1px solid red !important;
  border-radius: 4px;
  box-shadow: unset !important;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-wrapper input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-affix-wrapper input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-select-selector input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-picker input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .he-input-number input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .item-user-picker-header input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError textarea input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-upload-drag-container input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .rich-editor input {
  outline: none !important;
  box-shadow: unset !important;
  border: none;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-wrapper .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-affix-wrapper .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-select-selector .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-picker .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .he-input-number .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .item-user-picker-header .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError textarea .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-upload-drag-container .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .rich-editor .ant-input-affix-wrapper {
  border: unset !important;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-wrapper .ql-toolbar.ql-snow,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-affix-wrapper .ql-toolbar.ql-snow,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-select-selector .ql-toolbar.ql-snow,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-picker .ql-toolbar.ql-snow,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .he-input-number .ql-toolbar.ql-snow,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .item-user-picker-header .ql-toolbar.ql-snow,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError textarea .ql-toolbar.ql-snow,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-upload-drag-container .ql-toolbar.ql-snow,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .rich-editor .ql-toolbar.ql-snow {
  border-left: none;
  border-right: none;
  border-top: none;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-wrapper .ant-input-number,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-affix-wrapper .ant-input-number,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-select-selector .ant-input-number,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-picker .ant-input-number,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .he-input-number .ant-input-number,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .item-user-picker-header .ant-input-number,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError textarea .ant-input-number,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-upload-drag-container .ant-input-number,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .rich-editor .ant-input-number {
  outline: 0;
  border: unset !important;
  box-shadow: unset !important;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .item-user-picker-header,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-select-selector,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError textarea,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-affix-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-input-wrapper,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .ant-picker {
  border-radius: 2px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .he-select-local .ant-select-selector {
  border-radius: 4px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .component-hecom-input:hover,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p.isShowError .component-hecom-input:focus {
  box-shadow: unset !important;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .form-item-title {
  line-height: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  margin-bottom: 8px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .form-item-title .icon-eafc.pop-over:hover {
  color: #1890FF;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .form-item-aggregate-title {
  display: flex;
  display: -webkit-flex;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  margin-bottom: 8px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .form-item-aggregate-title .aggregate-text {
  color: blue;
  cursor: pointer;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .ant-input {
  min-height: 30px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .ant-select,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .ant-input,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .select-table,
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .ant-input-number {
  font-size: 14px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p ::-webkit-scrollbar {
  display: block !important;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .ant-select-selection {
  min-height: 32px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .form-item-p .hecom-tooltip-ellipsis {
  width: unset;
  max-width: 90%;
  vertical-align: top;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .ant-select-selection--multiple {
  padding-bottom: 6px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .ant-select-selection--multiple .ant-select-selection__choice {
  background-color: rgba(84, 128, 215, 0.12);
  border-radius: 0;
  margin-right: 6px;
  margin-top: 6px;
  color: #1890ff;
  height: 28px;
  line-height: 28px;
  padding: 0 24px 0 14px;
}
.ant-modal:not(.hecom-bi) .ant-modal-body .ant-select-selection--multiple .ant-select-selection__choice .ant-select-selection__choice__remove {
  color: #1890ff;
  margin-top: -4px;
  font-size: 14px;
}
.ant-modal:not(.hecom-bi) .ant-modal-footer {
  height: 48px;
  line-height: 48px;
  text-align: right;
  border-radius: 0 0 6px 6px;
  padding: 0 16px;
  border-top: 1px solid #e6e8ea;
}
.ant-modal:not(.hecom-bi) .ant-modal-footer .footer-invoice-ocr {
  float: left;
  margin-right: 20px;
}
.ant-modal:not(.hecom-bi) .ant-modal-footer button {
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  height: 32px;
  border: 1px solid #666;
  color: #666;
  background: transparent;
  font-weight: 400;
}
.ant-modal:not(.hecom-bi) .ant-modal-footer button:hover {
  background: #adb4c3;
  color: #fff;
  border: 1px solid transparent;
}
.ant-modal:not(.hecom-bi) .ant-modal-footer button.btn-draft-disabled {
  background: rgba(173, 180, 195, 0.4) !important;
  color: #fff;
  border: 1px solid transparent;
}
.ant-modal:not(.hecom-bi) .ant-modal-footer button.btn-draft-disabled:hover {
  background: rgba(173, 180, 195, 0.4);
}
.ant-modal:not(.hecom-bi) .ant-modal-footer button.ant-btn-primary {
  height: 32px;
  background: #fd6364;
  border: none;
  color: #ffffff;
}
.ant-modal:not(.hecom-bi) .ant-modal-footer button.ant-btn-primary:hover {
  background: #fd6364;
}
.modal-check-notice .ant-modal-content {
  border-radius: 32px;
  overflow: hidden;
  background: transparent;
}
.modal-check-notice .ant-modal-content .ant-modal-close-x {
  background: rgba(0, 0, 0, 0.4);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  right: 16px;
  border-radius: 50%;
  cursor: pointer;
}
.modal-check-notice .ant-modal-content .anticon.anticon-close.ant-modal-close-icon {
  color: #fff;
  position: relative;
  top: -17px;
  font-size: 12px;
  cursor: pointer;
}
.modal-check-notice.videoError .ant-modal-content {
  background: #fff;
}
.modal-check-notice .ant-modal-body {
  padding: 0;
  font-size: 14px;
  position: relative;
}
.modal-check-notice .ant-modal-body .go-link-box {
  position: absolute;
  right: 52px;
  top: 16px;
  font-size: 14px;
  z-index: 100;
  display: inline-flex;
  text-align: right;
  line-height: 20px;
  align-items: center;
  cursor: pointer;
}
.modal-check-notice .ant-modal-body .go-link-box .go-video-link {
  color: #1890ff;
}
.modal-check-notice .ant-modal-body .go-link-box .separate-line {
  width: 0;
  height: 13px;
  border: 1px solid #999;
  margin: 0 12px;
}
.modal-check-notice .ant-modal-body .go-link-box .no-waring-again {
  color: #999;
}
.modal-check-notice .ant-modal-body .video-error-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  font-family: PingFangSC-Regular, PingFang SC;
  line-height: 20px;
}
.modal-check-notice .ant-modal-body .video-error-placeholder img {
  width: 64px;
  height: 64px;
  margin-bottom: 4px;
}
.modal-check-notice .ant-carousel {
  overflow: hidden;
}
.modal-check-notice .ant-carousel .slick-slide {
  height: 536px;
}
.modal-check-notice .ant-carousel .slick-dots {
  margin-left: 0;
  margin-right: 0;
}
.modal-check-notice .ant-carousel .slick-dots-bottom {
  bottom: 22px;
}
.modal-check-notice .ant-carousel .slick-dots-bottom li button:before {
  display: none;
}
.header-right {
  position: absolute;
  right: 0;
  top: 14px;
}
.picture-card:first-child {
  display: inline-block;
}
.ref-td {
  min-width: 100px;
}
.tab-web {
  position: relative;
  height: 100%;
}
.tab-web .logo-wrap {
  padding-top: 15px;
}
.tab-web .logo-wrap img {
  max-height: 30px;
  margin-left: 15px;
  vertical-align: middle;
}
.custom-modal.data-draft .biz-list-container {
  padding: 12px 0 0;
}
.custom-modal.data-draft .biz-list-drag-container .biz-list-main {
  padding: 0;
}
.custom-modal.data-draft .biz-list-drag-container .biz-list-header .biz-header {
  height: 0;
}
.custom-modal.data-draft .biz-list-container .biz-list-header .biz-header .batch-btn-wrap .info-warning {
  margin: -1px 0;
}
.custom-modal.data-draft .info-tip {
  width: 100%;
  height: 28px;
  background: #e3effd;
  border-radius: 4px;
  opacity: 0.7;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 24px;
  margin-top: -4px;
  padding: 2px 8px;
}
.custom-modal.data-draft .info-tip i {
  font-size: 12px;
  color: #0093ff;
  margin-right: 4px;
}
.custom-modal.data-draft .ope-btn.disabled {
  color: #999;
}
.antd-v5-modal-wrap {
  position: absolute;
}
.antd-v5-modal.dark .antd-v5-modal-header,
.antd-v5-modal-wrap.dark .antd-v5-modal-header {
  border-bottom: 1px solid #424242;
}
.antd-v5-modal.dark .modal-text,
.antd-v5-modal-wrap.dark .modal-text {
  color: rgba(255, 255, 255, 0.85);
}
.antd-v5-modal.dark .antd-v5-modal-footer,
.antd-v5-modal-wrap.dark .antd-v5-modal-footer {
  border-top: 1px solid #424242;
}
.antd-v5-modal.dark .antd-v5-modal-footer button,
.antd-v5-modal-wrap.dark .antd-v5-modal-footer button {
  color: rgba(255, 255, 255, 0.85);
}
.antd-v5-modal .antd-v5-modal-body,
.antd-v5-modal-wrap .antd-v5-modal-body {
  min-height: 100px;
  display: flex;
  align-items: center;
}
.antd-v5-modal .antd-v5-modal-content,
.antd-v5-modal-wrap .antd-v5-modal-content {
  padding: 0px;
}
.antd-v5-modal .antd-v5-modal-header,
.antd-v5-modal-wrap .antd-v5-modal-header {
  border-bottom: 1px solid #e4e4e4;
  padding: 0 16px;
  border-radius: 6px 6px 0 0;
  color: #181d20;
}
.antd-v5-modal .antd-v5-modal-header .antd-v5-modal-title,
.antd-v5-modal-wrap .antd-v5-modal-header .antd-v5-modal-title {
  height: 50px;
  line-height: 50px;
  font-weight: 600;
  font-size: 18px;
  font-family: PingFang SC;
  width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.antd-v5-modal .antd-v5-modal-header .antd-v5-modal-title .title,
.antd-v5-modal-wrap .antd-v5-modal-header .antd-v5-modal-title .title {
  display: flex;
  align-items: center;
}
.antd-v5-modal .antd-v5-modal-header .antd-v5-modal-title .title .title-left,
.antd-v5-modal-wrap .antd-v5-modal-header .antd-v5-modal-title .title .title-left {
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.antd-v5-modal .antd-v5-modal-body,
.antd-v5-modal-wrap .antd-v5-modal-body {
  overflow: overlay;
  padding: 16px;
}
.antd-v5-modal .antd-v5-modal-footer,
.antd-v5-modal-wrap .antd-v5-modal-footer {
  height: 48px;
  line-height: 48px;
  text-align: right;
  border-radius: 0 0 6px 6px;
  padding: 0 16px;
  border-top: 1px solid #e6e8ea;
}
.antd-v5-modal .antd-v5-modal-footer .footer-invoice-ocr,
.antd-v5-modal-wrap .antd-v5-modal-footer .footer-invoice-ocr {
  float: left;
  margin-right: 20px;
}
.antd-v5-modal .antd-v5-modal-footer button,
.antd-v5-modal-wrap .antd-v5-modal-footer button {
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  height: 32px;
  border: 1px solid #666;
  color: #666;
  background: transparent;
  font-weight: 400;
}
.antd-v5-modal .antd-v5-modal-footer button:hover,
.antd-v5-modal-wrap .antd-v5-modal-footer button:hover {
  background: #adb4c3;
  color: #fff;
  border: 1px solid transparent;
}
.antd-v5-modal .antd-v5-modal-footer button.btn-draft-disabled,
.antd-v5-modal-wrap .antd-v5-modal-footer button.btn-draft-disabled {
  background: rgba(173, 180, 195, 0.4) !important;
  color: #fff;
  border: 1px solid transparent;
}
.antd-v5-modal .antd-v5-modal-footer button.btn-draft-disabled:hover,
.antd-v5-modal-wrap .antd-v5-modal-footer button.btn-draft-disabled:hover {
  background: rgba(173, 180, 195, 0.4);
}
.antd-v5-modal .antd-v5-modal-footer button.antd-v5-btn-primary,
.antd-v5-modal-wrap .antd-v5-modal-footer button.antd-v5-btn-primary {
  height: 32px;
  background: #fd6364;
  border: none;
  color: #ffffff;
}
.antd-v5-modal .antd-v5-modal-footer button.antd-v5-btn-primary:hover,
.antd-v5-modal-wrap .antd-v5-modal-footer button.antd-v5-btn-primary:hover {
  background: #fd6364;
}
.antd-v5-layout-header {
  background: #fff;
}
.ant-modal-body .ai-mark-field .ant-input-affix-wrapper {
  background: linear-gradient(90deg, rgba(254, 168, 141, 0.12), rgba(227, 142, 222, 0.12), rgba(109, 189, 254, 0.12));
}
.ant-modal-body .ai-mark-field .ant-input-affix-wrapper .ant-input {
  background: transparent;
}
.ant-modal-body .ai-mark-field .ant-select-selector,
.ant-modal-body .ai-mark-field .cwc-item-picker,
.ant-modal-body .ai-mark-field .ant-upload,
.ant-modal-body .ai-mark-field .ant-input,
.ant-modal-body .ai-mark-field .ant-input-number-input-wrap,
.ant-modal-body .ai-mark-field .ant-picker {
  background: linear-gradient(90deg, rgba(254, 168, 141, 0.12), rgba(227, 142, 222, 0.12), rgba(109, 189, 254, 0.12));
}
.ant-modal-body .ai-mark-field .ant-checkbox-inner {
  background: linear-gradient(90deg, rgba(254, 168, 141, 0.12), rgba(227, 142, 222, 0.12), rgba(109, 189, 254, 0.12));
}
.ant-modal-body .ai-mark-field .ant-checkbox-inner::after {
  border: 2px solid #000;
  border-top: 0;
  border-left: 0;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix[data-v-cbfcf5f5]::before {
  display: table;
  content: '';
}
.clearfix[data-v-cbfcf5f5]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-cbfcf5f5] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-cbfcf5f5] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-cbfcf5f5] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-cbfcf5f5]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-cbfcf5f5] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-cbfcf5f5]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-cbfcf5f5] {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.biz-search[data-v-cbfcf5f5] {
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  display: flex;
  justify-content: center;
  color: #666;
  cursor: pointer;
  margin-right: 8px;
}
.biz-search[data-v-cbfcf5f5]:hover {
  color: #40a9ff;
  border-color: #40a9ff;
}
.biz-search:hover .icon-e61c[data-v-cbfcf5f5] {
  color: #1890ff;
}
.biz-search.ant-dropdown-open[data-v-cbfcf5f5] {
  border-color: #40a9ff;
}
.biz-search .icon-e61c[data-v-cbfcf5f5] {
  font-size: 20px;
}
.search-area[data-v-cbfcf5f5] {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.search-area[data-v-cbfcf5f5] .search-box {
  flex: 1 1;
}
.search-label[data-v-cbfcf5f5] {
  margin-right: 8px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.fillForm-detailModal {
  overflow: hidden;
}
.fillForm-detailModal .ant-row {
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}
.fillForm-detailModal .form-item {
  display: flex;
  background: #fff;
  border-top: 1px solid #DFDFDF;
  border-left: 1px solid #DFDFDF;
  border-radius: 0;
  position: relative;
}
.fillForm-detailModal .item-label {
  background: #F5F7FB;
  border-right: 1px solid #DFDFDF;
  color: #666;
  width: 120px;
  text-align: right;
  padding: 7px 8px;
  font-size: 14px;
  line-height: 20px;
  flex-shrink: 0;
}
.fillForm-detailModal .item-value {
  padding: 7px 8px;
  font-size: 14px;
  line-height: 20px;
  word-break: break-all;
}
.fillForm-detailModal .link-info {
  display: flex;
  margin-top: 20px;
}
.fillForm-detailModal .link-info .qrcode,
.fillForm-detailModal .link-info .url-info {
  display: flex;
  flex-direction: column;
}
.fillForm-detailModal .link-info .qrcode .ant-btn-link,
.fillForm-detailModal .link-info .url-info .ant-btn-link {
  padding: 0;
  margin-top: auto;
  text-align: left;
}
.fillForm-detailModal .link-info .qrcode {
  width: 300px;
}
.fillForm-detailModal .link-info .url-info {
  flex: 1 1;
}
.fillForm-detailModal .modal-header-btns {
  position: absolute;
  top: 10px;
  right: 15px;
}
.fillForm-detailModal .modal-header-btns .ant-btn {
  margin-left: 5px;
}
.fillForm-detailModal .ant-modal-body {
  overflow: hidden;
  display: flex;
  min-height: 450px;
  overflow-y: auto;
}
.fillForm-detailModal .ant-modal-body .ant-tabs {
  flex: 1 1;
  width: 100%;
}
.fillForm-detailModal .ant-modal-body .ant-tabs .ant-tabs-nav-list {
  max-width: 200px;
}
.fillForm-detailModal .ant-modal-body .ant-tabs .ant-tabs-nav-list .ant-tabs-tab {
  padding: 8px;
}
.fillForm-detailModal .ant-modal-body .ant-tabs .ant-tabs-nav-list .ant-tabs-tab-btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fillForm-detailModal .ant-modal-body .ant-tabs .ant-tabs-content {
  height: 100%;
  overflow: auto;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.header-ope .search-box .ant-btn.ant-btn-primary.ant-input-search-button,
.search-area .search-box .ant-btn.ant-btn-primary.ant-input-search-button {
  width: 32px;
  border-color: #d9d9d9;
  background: #fff;
  display: flex;
  justify-content: center;
  box-shadow: none;
}
.header-ope .search-box .icon-e61c,
.search-area .search-box .icon-e61c {
  color: #8c8c8c;
  font-size: 20px !important;
}
.icon-e6b3-hover-shaixuan-youzhi:before {
  font-family: 'heicon';
  content: '\e6b3';
}
.icon-e6b3-hover-shaixuan-youzhi:hover:before {
  font-family: 'heicon';
  content: '\e79a';
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
.biz-stage-board-wrap {
  height: 100%;
  padding-top: 20px;
  white-space: nowrap;
  overflow-x: auto;
  font-size: 0;
  background: #f8f8f8;
  position: relative;
  left: 0;
  display: flex;
}
.biz-stage-board-wrap .biz-stage-col {
  display: inline-block;
  font-size: 13px;
  width: 250px;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: left;
  flex-shrink: 0;
}
.biz-stage-board-wrap .biz-stage-col h3 {
  font-style: italic;
}
.biz-stage-board-wrap .biz-stage-col h3 span {
  display: inline-block;
  max-width: 180px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
}
.biz-stage-board-wrap .biz-stage-col:first-child {
  margin-left: 20px;
}
.biz-stage-board-wrap .biz-stage-col:first-child h3 {
  margin-left: 0;
}
.biz-stage-board-wrap .biz-stage-col:first-child h3::before {
  display: none;
}
.biz-stage-board-wrap .biz-stage-col:last-child h3::after {
  display: none;
}
.biz-stage-board-wrap .biz-stage-col:last-child .biz-stage-list {
  border-right: none;
}
.biz-stage-board-wrap .biz-stage-col:last-child .biz-stage-list::after {
  display: none;
}
.biz-stage-board-wrap .biz-stage-col h3 {
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: bold;
  text-align: center;
  height: 32px;
  line-height: 32px;
  background: #ff3b2d;
  color: #fff;
  position: relative;
  margin: 0 10px;
  border-radius: 3px;
}
.biz-stage-board-wrap .biz-stage-col h3::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -6px;
  top: 0;
  width: 14px;
  height: 32px;
  border-radius: 3px;
  transform: skewX(165deg);
  background: #ff3b2d;
}
.biz-stage-board-wrap .biz-stage-col h3::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: -6px;
  top: 0;
  width: 14px;
  height: 32px;
  border-radius: 3px;
  transform: skewX(165deg);
  background: #ff3b2d;
}
.biz-stage-board-wrap .biz-stage-col > p {
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 12px;
  color: #747779;
}
.biz-stage-board-wrap .biz-stage-col > p > i {
  font-size: 14px;
  color: #181d20;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list {
  position: absolute;
  top: 76px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-right: 1px solid #efeff0;
  padding-bottom: 20px;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list .biz-link-btn {
  display: inline;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list:hover {
  overflow: auto;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list::-webkit-scrollbar {
  width: 4px;
  height: 1px;
  opacity: 0.5;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list::-webkit-scrollbar-track {
  background: transparent;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  width: 4px;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li {
  position: relative;
  border-radius: 4px;
  background-image: url(../../static/media/stage-card.818c606b961994e1f305.png);
  cursor: move;
  width: 100%;
  height: 160px;
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 22px 30px;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li.no-drag {
  cursor: default;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li:hover h4 > i {
  color: #747779;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li:first-child {
  margin-top: -8px;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li::before {
  content: '';
  background-image: url(../../static/media/stage-point.816ded6ba88f3d190377.png);
  position: absolute;
  left: 16px;
  top: 16px;
  display: block;
  width: 10px;
  height: 12px;
  background-size: 100% 100%;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li .title {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li .title a {
  color: #181d20;
  display: inline-block;
  width: 164px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li .title > i {
  float: right;
  cursor: pointer;
  transform: rotate(90deg);
  font-size: 16px;
  margin-right: -6px;
  color: #ccced2;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li > div {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  margin-bottom: 8px;
  color: #747779;
  overflow: hidden;
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li > div * {
  font-size: 12px;
  color: #747779;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li > div textarea {
  margin-top: -2px;
  font-size: 12px;
  color: #747779;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > li .Boolean {
  display: flex;
}
.biz-stage-board-wrap .biz-stage-col .biz-stage-list > button {
  display: block;
  width: 229px;
  height: 40px;
  margin: 10px auto;
}
.biz-stage-board-wrap .biz-stage-col.unsort h3 {
  background: #cbcbd4;
}
.biz-stage-board-wrap .biz-stage-col.unsort h3::before,
.biz-stage-board-wrap .biz-stage-col.unsort h3::after {
  background: #cbcbd4;
}
.biz-stage-board-wrap .biz-stage-col.unsort .biz-stage-list > li > i {
  background: radial-gradient(circle, rgba(182, 182, 196, 0.7) 1%, #99a5b8);
  box-shadow: 0px 0px 0px 0px rgba(182, 182, 196, 0.3), 0px 0px 4px 0px #99a5b8;
}
.biz-stage-board-wrap .biz-stage-col.unsort .biz-stage-list > li > i::after {
  content: '';
  display: none;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 4px;
  height: 4px;
  background: #ffffff;
  opacity: 0.6;
  border-radius: 50%;
  box-shadow: 5px 5px 20px 20px rgba(255, 255, 255, 0.2);
}
.biz-stage-board-wrap .biz-stage-col-current {
  position: fixed;
  left: -5px;
  background: #f8f8f8;
  bottom: 0;
  top: 180px;
  overflow: hidden;
  z-index: 900;
}
.biz-stage-board-wrap .biz-stage-col-current .biz-stage-list {
  overflow: scroll;
  padding-bottom: 100%;
}
.left-layout .biz-stage-board-wrap .biz-stage-col-current {
  left: 90px;
  top: 140px;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px solid #1890ff;
  box-shadow: 1px 1px 4px 1px rgba(24, 144, 255, 0.2), -1px -1px 4px 1px rgba(24, 144, 255, 0.2);
}
/* 修改ant design默认样式 */
.hecom-bi-router .ant-layout-header,
.hecom-data-syn-router .ant-layout-header {
  background: #fff;
}
.hecom-bi-router .ant-btn,
.hecom-data-syn-router .ant-btn {
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}
.hecom-bi-router .ant-btn-circle,
.hecom-data-syn-router .ant-btn-circle {
  border-radius: 100000px;
}
.hecom-bi-router .ant-btn-primary-disable[disabled],
.hecom-data-syn-router .ant-btn-primary-disable[disabled] {
  background: #adb4c3;
  color: white;
  border: none;
}
.hecom-bi-router .ant-btn-primary,
.hecom-data-syn-router .ant-btn-primary {
  background-color: #fd6364;
  border-color: #fd6364;
}
.hecom-bi-router .ant-btn-primary:hover,
.hecom-data-syn-router .ant-btn-primary:hover {
  background-color: #fd6364;
  border-color: #fd6364;
}
.hecom-bi-router .ant-btn-primary:active,
.hecom-data-syn-router .ant-btn-primary:active {
  background-color: #fd6364;
  border-color: #fd6364;
}
.hecom-bi-router .ant-btn-primary:focus,
.hecom-data-syn-router .ant-btn-primary:focus {
  background-color: #fd6364;
  border-color: #fd6364;
}
.hecom-bi-router .ant-input,
.hecom-data-syn-router .ant-input {
  font-size: 12px;
  border-radius: 4px;
  border-color: #e4e4e4;
}
.hecom-bi-router .ant-input::placeholder,
.hecom-data-syn-router .ant-input::placeholder {
  color: #747779;
  font-size: 12px;
}
.hecom-bi-router .ant-radio-group .ant-radio-button-wrapper:first-child,
.hecom-data-syn-router .ant-radio-group .ant-radio-button-wrapper:first-child {
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
}
.hecom-bi-router .ant-radio-group .ant-radio-button-wrapper:last-child,
.hecom-data-syn-router .ant-radio-group .ant-radio-button-wrapper:last-child {
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
}
.hecom-bi-router .ant-select-selection-placeholder,
.hecom-data-syn-router .ant-select-selection-placeholder {
  color: #747779;
}
.hecom-bi-router .ant-select:not(.ant-select-customize-input) .ant-select-selector,
.hecom-data-syn-router .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  border-color: #e4e4e4;
}
.hecom-bi-router .ant-select-single .ant-select-selector .ant-select-selection-item,
.hecom-data-syn-router .ant-select-single .ant-select-selector .ant-select-selection-item,
.hecom-bi-router .ant-select-single .ant-select-selector .ant-select-selection-placeholder,
.hecom-data-syn-router .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  height: 28px;
  line-height: 28px;
}
.hecom-bi-router .ant-checkbox-wrapper,
.hecom-data-syn-router .ant-checkbox-wrapper {
  color: #666;
  font-size: 12px;
}
.hecom-bi-router .ant-form-item-label > label,
.hecom-data-syn-router .ant-form-item-label > label {
  font-size: 12px;
  color: #181d20;
}
.hecom-bi-router .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before,
.hecom-data-syn-router .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  content: ' ';
  margin-right: 9px;
  display: inline-block;
  width: 2px;
  height: 10px;
  background-color: #fc3b39;
  border-radius: 1px;
}
.hecom-bi-router .ant-table-thead > tr > th,
.hecom-data-syn-router .ant-table-thead > tr > th,
.hecom-bi-router .ant-table-tbody > tr > td,
.hecom-data-syn-router .ant-table-tbody > tr > td {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6e8ea;
}
.hecom-bi-router .ant-table-thead > tr > th,
.hecom-data-syn-router .ant-table-thead > tr > th {
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #676d79;
  background-color: #f0f2f5;
}
.hecom-bi-router .ant-modal,
.hecom-data-syn-router .ant-modal {
  border-radius: 4px;
}
.hecom-bi-router .ant-modal .ant-modal-footer,
.hecom-data-syn-router .ant-modal .ant-modal-footer {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.hecom-bi-router .ant-tabs,
.hecom-data-syn-router .ant-tabs {
  height: 100%;
}
.hecom-bi-router .ant-tabs .ant-tabs-content-holder,
.hecom-data-syn-router .ant-tabs .ant-tabs-content-holder {
  height: 100%;
}
.hecom-bi-router .ant-tabs .ant-tabs-content-holder .ant-tabs-content,
.hecom-data-syn-router .ant-tabs .ant-tabs-content-holder .ant-tabs-content {
  height: 100%;
}
.hecom-bi-router .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane,
.hecom-data-syn-router .ant-tabs .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
  height: 100%;
}
.hecom-bi-router .ant-tabs-tab,
.hecom-data-syn-router .ant-tabs-tab {
  font-size: 11px;
}
.hecom-bi-router .ant-form-item-explain,
.hecom-data-syn-router .ant-form-item-explain,
.hecom-bi-router .ant-form-item-extra,
.hecom-data-syn-router .ant-form-item-extra {
  font-size: 12px;
}
.hecom-bi-router .ant-select-multiple .ant-select-selection-item,
.hecom-data-syn-router .ant-select-multiple .ant-select-selection-item {
  margin-top: 0;
}
.web-front.top-layout .hecom-bi-router .ant-layout-header {
  border-top: 1px solid #eee;
}
/* 通用flex类样式 */
/* 主轴 - 横向 */
.flex-row {
  display: flex;
}
/* 主轴 - 纵向 */
.flex-column {
  display: flex;
  flex-direction: column;
}
/* 居中 */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 副轴 */
.a-center {
  align-items: center;
}
.a-start {
  align-items: flex-start;
}
.a-end {
  align-items: flex-end;
}
.a-stretch {
  align-items: stretch;
}
.a-baseline {
  align-items: baseline;
}
/* 主轴 */
.j-start {
  justify-content: flex-start;
}
.j-end {
  justify-content: flex-end;
}
.j-center {
  justify-content: center;
}
.j-between {
  justify-content: space-between;
}
.j-around {
  justify-content: space-around;
}
.j-evenly {
  justify-content: space-evenly;
}
/* 元素占比 */
.flex-1 {
  flex: 1 1;
}
.flex-2 {
  flex: 2 1;
}
.flex-3 {
  flex: 3 1;
}
.flex-4 {
  flex: 4 1;
}
/* 换行 */
.flex-wrap {
  flex-wrap: wrap;
}
/* 设置该子元素在父容器不够时不被积压改变大小 */
.flex-shrink {
  flex-shrink: 0;
}
/* 盒模型通用样式 */
/* 内容盒模型 */
.box-border {
  box-sizing: content-box;
}
/* IE盒模型 */
.box-border {
  box-sizing: border-box;
}
/* 宽度100% */
.w-100p {
  width: 100%;
}
/* 高度100% */
.h-100p {
  height: 100%;
}
.h-60 {
  height: 60px;
}
.h-30 {
  height: 30px;
}
/* 文字流偏向 */
.align-c {
  text-align: center;
}
.align-l {
  text-align: left;
}
.align-r {
  text-align: right;
}
/* overflow */
.over-visible {
  overflow: visible;
}
.over-hidden {
  overflow: hidden;
}
.over-auto {
  overflow: auto;
}
/* 行高 */
.lh-1 {
  line-height: 1;
}
.lh-1d5 {
  line-height: 1.5;
}
.lh-2 {
  line-height: 2;
}
/* margin - padding 常用值 */
.m-0 {
  margin: 0;
}
.p-0 {
  padding: 0;
}
.m-5 {
  margin: 5px;
}
.p-5 {
  padding: 5px;
}
.m-10 {
  margin: 10px;
}
.p-10 {
  padding: 10px;
}
.m-15 {
  margin: 15px;
}
.p-15 {
  padding: 15px;
}
.m-20 {
  margin: 20px;
}
.p-20 {
  padding: 20px;
}
.m-30 {
  margin: 30px;
}
.p-30 {
  padding: 30px;
}
/* 0 系列 */
.m-l-0 {
  margin-left: 0px;
}
.m-r-0 {
  margin-right: 0;
}
.m-t-0 {
  margin-top: 0;
}
.m-b-0 {
  margin-bottom: 0;
}
.p-l-0 {
  padding-left: 0;
}
.p-r-0 {
  padding-right: 0;
}
.p-t-0 {
  padding-top: 0;
}
.p-b-0 {
  padding-bottom: 0;
}
/* 5px 系列 */
.m-l-5 {
  margin-left: 5px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-b-5 {
  margin-bottom: 5px;
}
.p-l-5 {
  padding-left: 5px;
}
.p-r-5 {
  padding-right: 5px;
}
.p-t-5 {
  padding-top: 5px;
}
.p-b-5 {
  padding-bottom: 5px;
}
/* 10px 系列 */
.m-l-10 {
  margin-left: 10px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.p-l-10 {
  padding-left: 10px;
}
.p-r-10 {
  padding-right: 10px;
}
.p-t-10 {
  padding-top: 10px;
}
.p-b-10 {
  padding-bottom: 10px;
}
/* 15px 系列 */
.m-l-15 {
  margin-left: 15px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.p-l-15 {
  padding-left: 15px;
}
.p-r-15 {
  padding-right: 15px;
}
.p-t-15 {
  padding-top: 15px;
}
.p-b-15 {
  padding-bottom: 15px;
}
/* 20px 系列 */
.m-l-20 {
  margin-left: 20px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.p-l-20 {
  padding-left: 20px;
}
.p-r-20 {
  padding-right: 20px;
}
.p-t-20 {
  padding-top: 20px;
}
.p-b-20 {
  padding-bottom: 20px;
}
/* 30px系列 */
.m-l-30 {
  margin-left: 30px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.p-l-30 {
  padding-left: 30px;
}
.p-r-30 {
  padding-right: 30px;
}
.p-t-30 {
  padding-top: 30px;
}
.p-b-30 {
  padding-bottom: 30px;
}
/* .... */
/* 生成函数 
function css(a){
    let arr = []
    arr.push(`.m-${a}{margin: ${a}px}`)
    arr.push(`.p-${a}{padding: ${a}px}`)
    
    arr.push(`.m-l-${a}{margin-left: ${a}px}`)
    arr.push(`.m-r-${a}{margin-right: ${a}px}`)
    arr.push(`.m-t-${a}{margin-top: ${a}px}`)
    arr.push(`.m-b-${a}{margin-bottom: ${a}px}`)

    arr.push(`.p-l-${a}{padding-left: ${a}px}`)
    arr.push(`.p-r-${a}{padding-right: ${a}px}`)
    arr.push(`.p-t-${a}{padding-top: ${a}px}`)
    arr.push(`.p-b-${a}{padding-bottom: ${a}px}`)
    
    console.log(arr.join('\n'))
} 
*/
/* 定位通用样式 */
.position-s {
  position: static;
}
.position-a {
  position: absolute;
}
.position-r {
  position: relative;
}
.position-f {
  position: fixed;
}
/* 常用值 */
.edge-0 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.t-0 {
  top: 0;
}
.l-0 {
  left: 0;
}
.r-0 {
  right: 0;
}
.b-0 {
  bottom: 0;
}
/*通用颜色类样式*/
/* 白色 */
.color-white {
  color: white;
}
.color-bg-white {
  background-color: white;
}
/* 黑色 */
.color-black {
  color: black;
}
.color-bg-black {
  background-color: black;
}
/* 蓝色 */
.color-blue {
  color: #1890ff;
}
.color-bg-blue {
  background-color: #1890ff;
}
/* 红色 */
.color-red {
  color: #fd6364;
}
.color-bg-red {
  background-color: #fd6364;
}
.color-err {
  color: #dc3545;
}
/* 占位文字色 */
.color-placeholder {
  color: #adb4c3;
}
/* 浅灰色背景色 */
.color-bg-gray {
  background-color: #f7f7f9;
}
/* 16进制色 */
.color-2 {
  color: #222222;
}
.color-3 {
  color: hsl(0, 0%, 20%);
}
.color-9 {
  color: #999999;
}
.color-6 {
  color: #666666;
}
.color-747779 {
  color: #747779;
}
.color-181D20 {
  color: #181d20;
}
.color-676d79 {
  color: #676d79;
}
.color-b9bbbc {
  color: #b9bbbc;
}
.color-bg-blue-0d09 {
  background-color: rgba(24, 144, 255, 0.09);
}
.color-0093FF {
  color: #0093FF;
}
/* 边框类样式 */
.border-c97-r6 {
  border: 1px solid #979797;
  border-radius: 6px;
}
.border-ce6 {
  border: 1px solid #e6e8ea;
}
.border-e4-r4 {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
}
.tag-border-shadow {
  border: 1px solid #c3c3c3;
  box-shadow: 0px 0px 4px rgb(0 0 0%);
  border-radius: 4px;
}
/* 去除边框 */
.border-none {
  border: none;
}
.border-left-none {
  border-left: none;
}
.border-right-none {
  border-right: none;
}
.border-top-none {
  border-top: none;
}
.border-bottom-none {
  border-bottom: none;
}
/* 圆角 */
.radius-4 {
  border-radius: 4px;
}
/*通用字号、粗细类样式*/
/* 字号 */
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.fs-30 {
  font-size: 30px;
}
/* 粗细 */
.fw-pf-normal {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.fw-pf-medium {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}
.fw-pf-semibold {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}
html {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
/* 鼠标指针为小手 */
.cursor-p {
  cursor: pointer;
}
.diviver-24 {
  color: #e6e8ea;
  height: 24px;
}
.shadow-bottom {
  box-shadow: 0px 2px 6px 1px rgba(221, 221, 221, 0.26);
}
.z-index-1 {
  z-index: 1;
}
.manage-container {
  height: 100%;
}
web-front:not(.multi-tab-mode) .manage-container {
  padding: 12px 12px 0 12px;
}
.hecom-bi-router {
  padding: 0 12px;
}
.hecom-bi-router .form-content {
  padding: 90px 15%;
}
.hecom-bi-router i {
  font-family: 'web';
  font-style: normal;
}
.hecom-bi-router .global-loading {
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 20%;
  z-index: 10000;
}
.hecom-bi-router .global-loading .ant-spin-spinning {
  z-index: 1;
}
.manage-container .model-list-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px 0;
  background: #fff;
}
.manage-container .model-list-header-wrapper .header-left {
  display: flex;
  align-items: center;
}
.manage-container .model-list-header-wrapper .header-title {
  margin-left: 6px;
  line-height: 17px;
}