/**
 * 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-cfab59b4]::before {
  display: table;
  content: '';
}
.clearfix[data-v-cfab59b4]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-cfab59b4] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-cfab59b4] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-cfab59b4] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-cfab59b4]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-cfab59b4] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-cfab59b4]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-cfab59b4] {
  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-cfab59b4] {
  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-cfab59b4] {
  -webkit-line-clamp: 1;
}
.title-2[data-v-cfab59b4] {
  -webkit-line-clamp: 2;
}
.title-3[data-v-cfab59b4] {
  -webkit-line-clamp: 3;
}
.title-4[data-v-cfab59b4] {
  -webkit-line-clamp: 4;
}
.title-5[data-v-cfab59b4] {
  -webkit-line-clamp: 5;
}
.title-6[data-v-cfab59b4] {
  -webkit-line-clamp: 6;
}
.title-7[data-v-cfab59b4] {
  -webkit-line-clamp: 7;
}
.title-8[data-v-cfab59b4] {
  -webkit-line-clamp: 8;
}
.title-9[data-v-cfab59b4] {
  -webkit-line-clamp: 9;
}
.title-10[data-v-cfab59b4] {
  -webkit-line-clamp: 10;
}
.title-11[data-v-cfab59b4] {
  -webkit-line-clamp: 11;
}
.title-12[data-v-cfab59b4] {
  -webkit-line-clamp: 12;
}
.title-13[data-v-cfab59b4] {
  -webkit-line-clamp: 13;
}
.title-14[data-v-cfab59b4] {
  -webkit-line-clamp: 14;
}
.title-15[data-v-cfab59b4] {
  -webkit-line-clamp: 15;
}
@media print {
.printing .title-info[data-v-cfab59b4] {
    display: inline-block;
}
.printing .long-title a[data-v-cfab59b4] {
    display: none;
}
}
.inline-title[data-v-cfab59b4] {
  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-7d7bdd73]::before {
  display: table;
  content: '';
}
.clearfix[data-v-7d7bdd73]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-7d7bdd73] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-7d7bdd73] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-7d7bdd73] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-7d7bdd73]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-7d7bdd73] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-7d7bdd73]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-7d7bdd73] {
  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-7d7bdd73] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-right: 20px;
}
.summary-item-content .layout-summary-item-title[data-v-7d7bdd73] {
  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-7d7bdd73],
.summary-item-content[data-v-7d7bdd73] .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-7d7bdd73],
.summary-item-content[data-v-7d7bdd73] .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-7d7bdd73] {
  width: 100%;
}
.summary-item-content .layout-summary-item-typography[data-v-7d7bdd73] {
  width: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-summary[data-v-7d7bdd73] {
  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-7d7bdd73] {
  height: 22px;
  border-left: 1px solid #e6e7eb;
  padding-right: unset;
  margin-left: unset;
  margin-top: 10px;
}
.layout-summary-item[data-v-7d7bdd73] {
  padding-left: 20px;
  align-items: unset !important;
  margin: 8px 0 !important;
}
.layout-summary-item:nth-last-child(1) .fenge[data-v-7d7bdd73] {
  display: none;
}
.btn-shouqi[data-v-7d7bdd73] {
  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-7d7bdd73]::after {
  display: inline-block;
  margin-left: 8px;
  transform: translateX(-50%) rotate(180deg);
}
.pack-up[data-v-7d7bdd73],
.show-all[data-v-7d7bdd73] {
  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: 0 16px 16px;
  height: 118px;
  width: 100%;
  background: #fff;
  border-radius: 4px;
}
.detail-skeleton-wrap .skeleton-header .header-first {
  display: flex;
  justify-content: space-between;
  height: 44px;
  line-height: 44px;
  align-items: center;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left {
  display: flex;
  align-items: center;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left .ant-skeleton-avatar {
  margin-top: 8px;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left .detail-wrap-header {
  display: flex;
  height: 44px;
  line-height: 44px;
  align-items: center;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left .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-skeleton-wrap .skeleton-header .header-first .first-left .detail-wrap-header .header-title .title-content {
  width: 80px;
  height: 28px;
  margin-left: 8px;
  line-height: 28px;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left .detail-wrap-header .header-title .header-name {
  width: 60px;
  margin-left: 16px;
  font-size: 12px;
  color: #999999;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left .detail-wrap-header .header-title .icon-a-star3x,
.detail-skeleton-wrap .skeleton-header .header-first .first-left .detail-wrap-header .header-title .icon-a-share3x,
.detail-skeleton-wrap .skeleton-header .header-first .first-left .detail-wrap-header .header-title .icon-a-360shitu {
  margin-left: 8px;
  height: 20px;
  padding: 0;
  line-height: 20px;
  text-align: center;
  color: #979797;
  cursor: pointer;
}
.detail-skeleton-wrap .skeleton-header .header-first .first-left .detail-wrap-header .header-title .icon-a-360shitu {
  font-size: 20px;
}
.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 {
  display: flex;
}
.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-1c328f3a]::before {
  display: table;
  content: '';
}
.clearfix[data-v-1c328f3a]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-1c328f3a] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-1c328f3a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-1c328f3a] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-1c328f3a]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-1c328f3a] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-1c328f3a]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-1c328f3a] {
  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-1c328f3a] {
  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-1c328f3a] {
  width: 40px;
  height: 26px;
  background-image: url(/v1/static/media/no_detail_data.6668faa3112f5cb24a1d.png);
  background-size: 100%;
  margin-bottom: 10px;
}
.min-height-600[data-v-1c328f3a] {
  min-height: 600px;
}
.white-background[data-v-1c328f3a] {
  background-color: #fff;
}
.tab-wrap div[data-v-1c328f3a] {
  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-a43a31ef]::before {
  display: table;
  content: '';
}
.clearfix[data-v-a43a31ef]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-a43a31ef] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-a43a31ef] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-a43a31ef] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-a43a31ef]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-a43a31ef] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-a43a31ef]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-a43a31ef] {
  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-a43a31ef] .ant-tabs-nav-list {
  overflow: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.layout-tab.comp-wrap[data-v-a43a31ef] .ant-tabs-nav-list::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.layout-tab.comp-wrap[data-v-a43a31ef] .ant-tabs-extra-content {
  font-size: 12px;
  padding-right: 4px;
  display: flex;
}
.layout-tab.comp-wrap[data-v-a43a31ef] .ant-tabs-nav-more {
  padding: 8px;
}
.layout-tab.comp-wrap[data-v-a43a31ef] .ant-tabs-nav-operations {
  display: none;
}
.layout-tab.comp-wrap[data-v-a43a31ef] .ant-tabs-nav-operations.ant-tabs-nav-operations-hidden + .ant-tabs-extra-content {
  display: none;
}
.layout-tab.comp-wrap[data-v-a43a31ef] .left-outlined,
.layout-tab.comp-wrap .right-outlined[data-v-a43a31ef],
.layout-tab.comp-wrap .anticon-ellipsis[data-v-a43a31ef] {
  display: block;
  height: 44px;
  padding: 15px 0;
  font-size: 12px;
}
.layout-tab.comp-wrap[data-v-a43a31ef] .left-outlined:hover,
.layout-tab.comp-wrap .right-outlined[data-v-a43a31ef]:hover,
.layout-tab.comp-wrap .anticon-ellipsis[data-v-a43a31ef]:hover {
  color: #1890ff;
}
.layout-tab.comp-wrap[data-v-a43a31ef] .anticon-ellipsis {
  width: 32px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-tab.comp-wrap[data-v-a43a31ef] .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-ec76a615]::before {
  display: table;
  content: '';
}
.clearfix[data-v-ec76a615]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-ec76a615] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-ec76a615] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-ec76a615] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-ec76a615]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-ec76a615] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-ec76a615]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-ec76a615] {
  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-ec76a615] {
  margin-top: 12px !important;
}
.find-relation-ships[data-v-ec76a615] {
  margin-bottom: 8px;
}
.find-relation-ships .ant-table-row[data-v-ec76a615] {
  width: 100%;
}
.find-relation-ships .ant-table-row .only-select-cur-item[data-v-ec76a615] {
  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-ec76a615] {
  display: flex;
  align-items: center;
}
.find-relation-ships[data-v-ec76a615] .picker-header-wrap.tHeaderWrap {
  display: none;
}
.find-relation-ships.all[data-v-ec76a615] .picker-header-wrap.tHeaderWrap {
  display: block;
}
.findRelaTionShip-tabs-root[data-v-ec76a615] {
  min-width: 340px;
}
.findRelaTionShip-tabs-root[data-v-ec76a615] .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  font-size: 12px;
}
.findRelaTionShip-tabs-root[data-v-ec76a615] .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 24px;
}
.findRelaTionShip-tabs-root[data-v-ec76a615] .ant-tabs-nav {
  margin-bottom: 0;
}
.theader-filter-popover .find-relation-ships .ant-table-row:hover .only-select-cur-item[data-v-ec76a615] {
  display: block;
}
.pmp-select-and-table .find-relation-ships .ant-table-row:hover .only-select-cur-item[data-v-ec76a615] {
  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-ebff108f]::before {
  display: table;
  content: '';
}
.clearfix[data-v-ebff108f]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-ebff108f] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-ebff108f] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-ebff108f] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-ebff108f]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-ebff108f] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-ebff108f]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-ebff108f] {
  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-ebff108f] {
  width: calc(100% + 8px);
  display: flex;
  max-height: 340px;
}
.theader-filter-datetime-new .datetime-left[data-v-ebff108f] {
  width: 104px;
  border-right: 1px solid #DFDFDF;
  overflow: hidden auto;
}
.theader-filter-datetime-new .datetime-left .data-expr-list[data-v-ebff108f] {
  width: 100%;
  text-align: right;
  padding-right: 16px;
  line-height: 28px;
  cursor: pointer;
}
.theader-filter-datetime-new .datetime-left .data-expr-list[data-v-ebff108f]:hover {
  background-color: #F0F0F0;
}
.theader-filter-datetime-new .datetime-left .data-expr-list.active[data-v-ebff108f] {
  background-color: rgba(24, 144, 255, 0.1);
  color: #1890FF;
}
.theader-filter-datetime-new .datetime-right[data-v-ebff108f] {
  padding: 0 15px;
  width: 326px;
}
.theader-filter-datetime-new .datetime-right[data-v-ebff108f] .datetime-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.theader-filter-datetime-new .datetime-right .datetime-right-tab[data-v-ebff108f] {
  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-ebff108f] {
  padding-top: 280px;
  position: relative;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .datetime-picker-wrap[data-v-ebff108f] {
  display: flex;
  align-items: center;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .datetime-picker-wrap[data-v-ebff108f]: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-ebff108f] {
  opacity: 1;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-ebff108f],
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-ebff108f] {
  display: flex;
  align-items: center;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-ebff108f] .datetime-timepicker,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-ebff108f] .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-ebff108f] .datetime-timepicker:hover,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-ebff108f] .datetime-timepicker:hover,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-ebff108f] .datetime-timepicker.ant-picker-focused,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-ebff108f] .datetime-timepicker.ant-picker-focused {
  border-color: #1890FF;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-ebff108f] .datetime-timepicker .ant-picker-input input,
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-end[data-v-ebff108f] .datetime-timepicker .ant-picker-input input {
  font-size: 12px !important;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start[data-v-ebff108f] {
  margin-right: 4px;
  width: 128px;
  text-align: center;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .date-start .ant-input[data-v-ebff108f] {
  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-ebff108f] {
  background-color: #F5F5F5;
}
.theader-filter-datetime-new .datetime-right .datetime-right-picker .ant-picker-borderless input[data-v-ebff108f] {
  opacity: 0;
}
.theader-filter-datetime[data-v-ebff108f] {
  width: calc(100% + 8px);
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: 'left right' 'input right' '. right';
}
.theader-filter-datetime[data-v-ebff108f] .filter-picker-panel {
  position: relative;
  left: 0 !important;
  top: 0 !important;
  padding: 0;
}
.theader-filter-datetime[data-v-ebff108f] .ant-picker.ant-picker-range {
  width: 280px;
  grid-area: input;
}
.theader-filter-datetime[data-v-ebff108f] .ant-picker.ant-picker-range + div {
  position: relative !important;
  grid-area: right;
}
.theader-filter-datetime[data-v-ebff108f] .ant-picker-panel-container {
  box-shadow: unset;
  margin-bottom: -10px;
}
.theader-filter-datetime[data-v-ebff108f] .ant-picker-panel,
.theader-filter-datetime[data-v-ebff108f] .ant-picker-header {
  border: unset;
}
.theader-filter-datetime[data-v-ebff108f] .ant-picker-year-panel .ant-picker-content,
.theader-filter-datetime[data-v-ebff108f] .ant-picker-month-panel .ant-picker-content {
  height: unset;
}
.theader-filter-datetime[data-v-ebff108f] .ant-picker-footer {
  position: relative;
  top: 10px;
  margin-bottom: 0px;
}
.theader-filter-datetime[data-v-ebff108f] .ant-picker-footer .ant-picker-ranges {
  padding: 12px;
}
.theader-filter-datetime[data-v-ebff108f] .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-ebff108f] .ant-picker-footer .ant-picker-ok .ant-btn.ant-btn-primary span {
  display: none;
}
.theader-filter-datetime[data-v-ebff108f] .ant-picker-footer .ant-picker-ok .ant-btn.ant-btn-primary[disabled] {
  color: #00000040;
}
.theader-filter-datetime[data-format][data-v-ebff108f] .ant-picker.ant-picker-range {
  width: unset;
}
.theader-filter-datetime[data-format][data-v-ebff108f] .ant-picker-time-panel {
  display: none;
}
.theader-filter-datetime[data-upto='true'] .ant-picker[data-v-ebff108f] input[disabled] {
  display: none;
}
.theader-filter-datetime[data-upto='true'] .ant-picker[data-v-ebff108f] .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-5593d591]::before {
  display: table;
  content: '';
}
.clearfix[data-v-5593d591]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-5593d591] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-5593d591] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-5593d591] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-5593d591]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-5593d591] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-5593d591]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-5593d591] {
  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-5593d591] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  grid-area: left;
}
.panel-item[data-v-5593d591] {
  background: #f1f1f1;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
}
.selected[data-v-5593d591] {
  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-5a4ff36f]::before {
  display: table;
  content: '';
}
.clearfix[data-v-5a4ff36f]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-5a4ff36f] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-5a4ff36f] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-5a4ff36f] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-5a4ff36f]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-5a4ff36f] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-5a4ff36f]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-5a4ff36f] {
  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-5a4ff36f] {
  display: flex;
  align-items: center;
  grid-area: input;
}
.range-input[data-v-5a4ff36f] {
  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-5a4ff36f]:focus-visible,
.range-input.active[data-v-5a4ff36f] {
  border-bottom: 2px solid #1890ff;
}
.delimiter[data-v-5a4ff36f] {
  margin: 0 8px;
}
.icon[data-v-5a4ff36f] {
  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-bb12436f]::before {
  display: table;
  content: '';
}
.clearfix[data-v-bb12436f]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-bb12436f] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-bb12436f] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-bb12436f] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-bb12436f]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-bb12436f] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-bb12436f]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-bb12436f] {
  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-bb12436f] {
  grid-area: right;
}
.custom-select-table[data-v-bb12436f] tr th {
  padding: 0 6px;
  line-height: 16px;
}
.custom-select-table[data-v-bb12436f] tr th:nth-child(2) {
  width: 68px;
}
.custom-select-table[data-v-bb12436f] tr th:nth-child(2) .ant-select-selection-placeholder {
  min-width: 60px;
}
.custom-select-table[data-v-bb12436f] tr th:nth-child(3) {
  min-width: 40px;
}
.custom-select-table[data-v-bb12436f] tr th:nth-last-child(1),
.custom-select-table[data-v-bb12436f] tr th:nth-last-child(2) {
  min-width: 90px;
}
.custom-select-table[data-v-bb12436f] tr td {
  padding: 4px;
}
.custom-select-table[data-v-bb12436f] tr .year {
  position: relative;
  left: -12px;
}
.custom-select-table[data-v-bb12436f] .ant-table-row:has(.ant-radio-wrapper-disabled) {
  background: #F4F4F4;
}
.confirm[data-v-bb12436f] {
  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-4b19980e]::before {
  display: table;
  content: '';
}
.clearfix[data-v-4b19980e]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-4b19980e] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-4b19980e] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-4b19980e] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-4b19980e]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-4b19980e] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-4b19980e]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-4b19980e] {
  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-4b19980e] {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto;
  grid-template-areas: 'left' 'input';
}
.custom-clock.two-columns[data-v-4b19980e] {
  grid-template-columns: auto auto;
  grid-template-areas: 'left right' 'input right' '. right';
}
.custom-clock[data-v-4b19980e]: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-8f4bcabe]::before {
  display: table;
  content: '';
}
.clearfix[data-v-8f4bcabe]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-8f4bcabe] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-8f4bcabe] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-8f4bcabe] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-8f4bcabe]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-8f4bcabe] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-8f4bcabe]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-8f4bcabe] {
  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-8f4bcabe] {
  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-8f4bcabe] .tag-text {
  color: #1890ff;
  cursor: pointer;
}
.item-tag.ant-tag[data-v-8f4bcabe] .tag-text.filter-span-label {
  max-width: 150px;
  color: #222222;
  flex: 1 0 fit-content;
}
.filter-span-extra[data-v-8f4bcabe] {
  color: #1890ff;
  cursor: pointer;
  display: none;
}
.omitted-in-the-middle[data-ismaximunwidth="true"] .filter-span-extra[data-v-8f4bcabe] {
  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-da5c9b42]::before {
  display: table;
  content: '';
}
.clearfix[data-v-da5c9b42]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-da5c9b42] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-da5c9b42] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-da5c9b42] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-da5c9b42]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-da5c9b42] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-da5c9b42]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-da5c9b42] {
  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-da5c9b42] {
  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-2e449785]::before {
  display: table;
  content: '';
}
.clearfix[data-v-2e449785]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-2e449785] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-2e449785] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-2e449785] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-2e449785]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-2e449785] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-2e449785]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-2e449785] {
  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-2e449785] .agg-footer {
  margin-left: 0px;
  color: #666;
}
.biz-dataList2[data-v-2e449785] .table-list.new-header-table .repeat-center.icon-a-360shitu {
  cursor: pointer;
  color: unset;
  font-size: 22px;
  font-weight: unset;
}
.biz-dataList2[data-v-2e449785] .table-list.new-header-table .repeat-center.icon-a-360shitu:hover {
  color: #1890f1;
}
.biz-dataList2[data-v-2e449785] .table-list.new-header-table .ant-table-container {
  height: auto;
}
.biz-dataList2[data-v-2e449785] .table-list.new-header-table .change-History {
  padding: 10px 0;
}
.biz-dataList2[data-v-2e449785] .table-list.new-header-table .biz-meta-link {
  line-height: normal;
}
.biz-dataList2[data-v-2e449785] .ant-table-container {
  display: flex;
  flex-direction: column;
}
.biz-dataList2[data-v-2e449785] .ant-table-container .ant-table-body {
  flex: 0 1 max-content;
  overflow: hidden;
}
.biz-link-btn[data-v-2e449785] {
  display: flex;
  align-items: center;
}
.biz-meta-link[data-v-2e449785] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.table-name-line-1[data-v-2e449785] .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-2e449785] .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-bac1d92f]::before {
  display: table;
  content: '';
}
.clearfix[data-v-bac1d92f]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-bac1d92f] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-bac1d92f] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-bac1d92f] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-bac1d92f]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-bac1d92f] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-bac1d92f]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-bac1d92f] {
  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-bac1d92f] {
  font-size: 14px;
  color: #FF4F4B;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.closeBtn .close-icon[data-v-bac1d92f] {
  font-size: 12px;
}
.closeBtn .text[data-v-bac1d92f] {
  margin-left: 4px;
}
.closeBtn .splitLine[data-v-bac1d92f] {
  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);
}
.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(/v1/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-b26614b6]::before {
  display: table;
  content: '';
}
.clearfix[data-v-b26614b6]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-b26614b6] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-b26614b6] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-b26614b6] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-b26614b6]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-b26614b6] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-b26614b6]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-b26614b6] {
  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-b26614b6] {
  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-b26614b6] {
  -webkit-line-clamp: 1;
}
.text-2[data-v-b26614b6] {
  -webkit-line-clamp: 2;
}
.text-3[data-v-b26614b6] {
  -webkit-line-clamp: 3;
}
.text-4[data-v-b26614b6] {
  -webkit-line-clamp: 4;
}
.text-5[data-v-b26614b6] {
  -webkit-line-clamp: 5;
}
.text-6[data-v-b26614b6] {
  -webkit-line-clamp: 6;
}
.text-7[data-v-b26614b6] {
  -webkit-line-clamp: 7;
}
.text-8[data-v-b26614b6] {
  -webkit-line-clamp: 8;
}
.text-9[data-v-b26614b6] {
  -webkit-line-clamp: 9;
}
.text-10[data-v-b26614b6] {
  -webkit-line-clamp: 10;
}
.text-11[data-v-b26614b6] {
  -webkit-line-clamp: 11;
}
.text-12[data-v-b26614b6] {
  -webkit-line-clamp: 12;
}
.text-13[data-v-b26614b6] {
  -webkit-line-clamp: 13;
}
.text-14[data-v-b26614b6] {
  -webkit-line-clamp: 14;
}
.text-15[data-v-b26614b6] {
  -webkit-line-clamp: 15;
}
.text-16[data-v-b26614b6] {
  -webkit-line-clamp: 16;
}
.text-17[data-v-b26614b6] {
  -webkit-line-clamp: 17;
}
.text-18[data-v-b26614b6] {
  -webkit-line-clamp: 18;
}
.text-19[data-v-b26614b6] {
  -webkit-line-clamp: 19;
}
.text-20[data-v-b26614b6] {
  -webkit-line-clamp: 20;
}
.text-999[data-v-b26614b6] {
  -webkit-line-clamp: 999;
}
.icon-e6312[data-v-b26614b6]::before {
  display: block;
  margin-left: 4px;
}
.down[data-v-b26614b6]::before {
  transform: rotate(270deg);
}
.icon-e6312.up[data-v-b26614b6]::before {
  transform: rotate(90deg);
}
.long-text[data-v-b26614b6] {
  position: relative;
}
.long-text .long-resize-iframe[data-v-b26614b6] {
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  left: 0;
  top: 0;
}
.layout-summary-item-value .long-text a[data-v-b26614b6] {
  display: none;
}
@media print {
.printing .text-info[data-v-b26614b6] {
    display: inline-block;
}
.printing .long-text a[data-v-b26614b6] {
    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-c0c56063]::before {
  display: table;
  content: '';
}
.clearfix[data-v-c0c56063]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-c0c56063] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-c0c56063] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-c0c56063] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-c0c56063]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-c0c56063] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-c0c56063]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-c0c56063] {
  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-c0c56063] {
  padding: 8px 0;
}
.groupWrap .group-content[data-v-c0c56063] .ant-col {
  padding: unset !important;
}
.groupWrap .group-content .item-label[data-v-c0c56063] {
  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-c0c56063] {
  margin-left: 8px;
}
.groupWrap .group-content .item-value-isHorizontal[data-v-c0c56063] .ant-typography {
  margin-bottom: 0px;
}
.groupWrap .group-content .item-label-noHorizontal[data-v-c0c56063] {
  color: #999;
  margin-bottom: 4px;
  word-break: break-all;
}
.groupWrap .group-content .item-label-noHorizontal .title-info[data-v-c0c56063] {
  min-width: 36px;
}
.groupWrap .group-content .width-shrink-48[data-v-c0c56063] {
  width: calc(100% - 48px);
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-c0c56063] {
  width: calc(100% + 48px);
  height: 8px;
  margin-left: -28px;
  background: #f3f6fa;
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-c0c56063]::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-c0c56063]::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-c0c56063] {
  padding: 20px 0 0 8px;
}
.groupWrap .group-header.first-group-header[data-v-c0c56063] {
  padding: 14px 0 0 8px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content[data-v-c0c56063] {
  padding: 0px 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .bottom-line[data-v-c0c56063] {
  border-bottom: 1px solid #DFDFDF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content.is-table-layout[data-v-c0c56063] {
  padding: 13px 16px 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout[data-v-c0c56063] {
  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-c0c56063] {
  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-c0c56063] {
  color: #4C4C4C;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i[data-v-c0c56063]:hover,
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i.active[data-v-c0c56063]:hover {
  color: #1890FF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item[data-v-c0c56063] {
  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-c0c56063] .typography-symbol {
  font-size: 12px;
  margin: 0 2px;
}
.detail-toggle-dropdown[data-v-c0c56063] {
  margin-top: 12px;
  cursor: pointer;
  float: right;
}
.flow-popover[data-v-c0c56063] .icon-a-360shitu {
  line-height: 42px;
}
.groupWrap-fromFlow[data-v-c0c56063] .preview-item.span-style {
  padding-top: 6px;
}
.groupWrap-fromFlow[data-v-c0c56063] .item-value .anticon.anticon-more,
.groupWrap-fromFlow[data-v-c0c56063] .item-value .bluk-downloads-btn {
  z-index: 11;
}
.ping-top .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-c0c56063] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-c0c56063] {
  min-width: 100px;
  width: 100px;
}
.ping-top .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-c0c56063] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-c0c56063] {
  min-width: 104px;
  width: 104px;
}
.ping-top .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-c0c56063] {
  min-width: 170px;
  width: 170px;
}
.ping-top .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-c0c56063] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-c0c56063],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-c0c56063] {
  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-c0c56063] {
  display: none;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.small .item-label-isTableLayout[data-v-c0c56063],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.small .item-value-isTableLayout[data-v-c0c56063] {
  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-c0c56063],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.middle .item-value-isTableLayout[data-v-c0c56063] {
  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-c0c56063],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.default .item-value-isTableLayout[data-v-c0c56063] {
  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-c0c56063]: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-c0c56063] {
  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-c0c56063] {
  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-c0c56063] {
  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-c0c56063] {
  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-c0c56063] {
  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-c0c56063] {
  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-c0c56063] 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-c0c56063] .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-c0c56063] {
  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-c0c56063] .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-c0c56063] {
  width: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout[data-v-c0c56063] .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-c0c56063] {
  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-c0c56063] .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-7aae7a79]::before {
  display: table;
  content: '';
}
.clearfix[data-v-7aae7a79]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-7aae7a79] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-7aae7a79] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-7aae7a79] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-7aae7a79]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-7aae7a79] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-7aae7a79]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-7aae7a79] {
  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-7aae7a79] {
  padding: 8px 0;
}
.groupWrap .group-content[data-v-7aae7a79] .ant-col {
  padding: unset !important;
}
.groupWrap .group-content .item-label[data-v-7aae7a79] {
  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-7aae7a79] {
  margin-left: 8px;
}
.groupWrap .group-content .item-value-isHorizontal[data-v-7aae7a79] .ant-typography {
  margin-bottom: 0px;
}
.groupWrap .group-content .item-label-noHorizontal[data-v-7aae7a79] {
  color: #999;
  margin-bottom: 4px;
  word-break: break-all;
}
.groupWrap .group-content .item-label-noHorizontal .title-info[data-v-7aae7a79] {
  min-width: 36px;
}
.groupWrap .group-content .width-shrink-48[data-v-7aae7a79] {
  width: calc(100% - 48px);
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-7aae7a79] {
  width: calc(100% + 48px);
  height: 8px;
  margin-left: -28px;
  background: #f3f6fa;
}
.groupWrap:nth-of-type(n + 2) .groupWrap-gap[data-v-7aae7a79]::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-7aae7a79]::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-7aae7a79] {
  padding: 20px 0 0 8px;
}
.groupWrap .group-header.first-group-header[data-v-7aae7a79] {
  padding: 14px 0 0 8px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content[data-v-7aae7a79] {
  padding: 0px 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .bottom-line[data-v-7aae7a79] {
  border-bottom: 1px solid #DFDFDF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content.is-table-layout[data-v-7aae7a79] {
  padding: 13px 16px 16px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout[data-v-7aae7a79] {
  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-7aae7a79] {
  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-7aae7a79] {
  color: #4C4C4C;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i[data-v-7aae7a79]:hover,
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .change-detail-layout i.active[data-v-7aae7a79]:hover {
  color: #1890FF;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .group-content .detail-item[data-v-7aae7a79] {
  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-7aae7a79] .typography-symbol {
  font-size: 12px;
  margin: 0 2px;
}
.detail-toggle-dropdown[data-v-7aae7a79] {
  margin-top: 12px;
  cursor: pointer;
  float: right;
}
.flow-popover[data-v-7aae7a79] .icon-a-360shitu {
  line-height: 42px;
}
.groupWrap-fromFlow[data-v-7aae7a79] .preview-item.span-style {
  padding-top: 6px;
}
.groupWrap-fromFlow[data-v-7aae7a79] .item-value .anticon.anticon-more,
.groupWrap-fromFlow[data-v-7aae7a79] .item-value .bluk-downloads-btn {
  z-index: 11;
}
.ping-top .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-7aae7a79] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='4'] .item-label-isTableLayout[data-v-7aae7a79] {
  min-width: 100px;
  width: 100px;
}
.ping-top .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-7aae7a79] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='3'] .item-label-isTableLayout[data-v-7aae7a79] {
  min-width: 104px;
  width: 104px;
}
.ping-top .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-left.w100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom-left.lw100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-right-wrap.w100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom-right-wrap.lw100p .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-7aae7a79] {
  min-width: 170px;
  width: 170px;
}
.ping-top .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='2'] .item-label-isTableLayout[data-v-7aae7a79] {
  min-width: 118px;
  width: 118px;
}
.ping-top .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-left .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-7aae7a79],
.ping-bottom .ping-bottom-right-wrap .groupWrap .group-content[data-colnum='1'] .item-label-isTableLayout[data-v-7aae7a79] {
  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-7aae7a79] {
  display: none;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.small .item-label-isTableLayout[data-v-7aae7a79],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.small .item-value-isTableLayout[data-v-7aae7a79] {
  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-7aae7a79],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.middle .item-value-isTableLayout[data-v-7aae7a79] {
  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-7aae7a79],
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout.default .item-value-isTableLayout[data-v-7aae7a79] {
  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-7aae7a79]: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-7aae7a79] {
  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-7aae7a79] {
  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-7aae7a79] {
  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-7aae7a79] {
  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-7aae7a79] {
  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-7aae7a79] {
  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-7aae7a79] 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-7aae7a79] .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-7aae7a79] {
  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-7aae7a79] .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-7aae7a79] {
  width: 100%;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-bizDetail .layout-bizDetail-content .groupWrap.is-table-layout .item-value-isTableLayout[data-v-7aae7a79] .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-7aae7a79] {
  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-7aae7a79] .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;
}
.detail-wrap .user-detail-header {
  background: #fff;
  font-size: 0;
  display: flex;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
}
.detail-wrap .user-detail-header .user-info {
  margin-left: 16px;
}
.detail-wrap .user-detail-header .user-info .user-name {
  height: 25px;
  line-height: 30px;
  font-size: 17px;
  color: #181d20;
  font-weight: bold;
}
.detail-wrap .user-detail-header .user-info .user-dept {
  height: 25px;
  line-height: 20px;
  font-size: 13px;
  color: #747779;
}
.detail-wrap .user-detail-header .user-info .user-dept .apart {
  display: inline-block;
  border-left: 1px solid #d9d9d9;
  margin: 0 10px;
  vertical-align: middle;
  height: 14px;
}
.detail-wrap .user-detail-header .ope {
  line-height: 80px;
  margin-left: auto;
}
.detail-wrap .user-detail-header .ope button {
  margin-left: 10px;
}
.detail-wrap .user-detail-header .ope button.red {
  background-color: var(--theme, #fc3b39);
  color: #ffffff;
}
.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;
  max-height: 600px;
  overflow-y: auto;
}
.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(/v1/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;
}
.biz-data-table-wrap .spinner-widget {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.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:not(.disabled):hover {
  color: #1890FF;
}
.relative-table .ant-table-tbody tr td .add-del-icon:not(.disabled):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-47735893]::before {
  display: table;
  content: '';
}
.clearfix[data-v-47735893]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-47735893] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-47735893] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-47735893] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-47735893]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-47735893] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-47735893]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-47735893] {
  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-47735893] 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-5a0c531d]::before {
  display: table;
  content: '';
}
.clearfix[data-v-5a0c531d]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-5a0c531d] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-5a0c531d] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-5a0c531d] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-5a0c531d]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-5a0c531d] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-5a0c531d]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-5a0c531d] {
  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-5a0c531d] {
  position: absolute;
  cursor: ew-resize;
  width: 10px;
  height: 100%;
  top: 0;
  bottom: 0;
}
.draggablelayout-wrapper .draggablelayout-icon[data-v-5a0c531d] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
}
.draggablelayout-wrapper .draggableline-hover[data-v-5a0c531d] {
  position: absolute;
  width: 10px;
  height: calc(100% - 70px);
  top: 70px;
  left: -4px;
  bottom: 0;
}
.draggablelayout-wrapper .draggableline-hover .drag-line[data-v-5a0c531d] {
  position: absolute;
  height: 100%;
  width: 1px;
  left: 5px;
  top: 0;
  background-color: #DFDFDF;
}
.draggablelayout-wrapper .draggableline-hover:hover .drag-line[data-v-5a0c531d] {
  left: 4px;
  width: 2px;
  background-color: #1890ff;
}
.draggablelayout-wrapper .draggableline-btn[data-v-5a0c531d] {
  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-5a0c531d] {
  font-size: 12px;
}
.draggablelayout-wrapper .draggableline-btn[data-v-5a0c531d]:hover {
  cursor: pointer;
  color: #1890ff;
  background: rgba(24, 144, 255, 0.1);
}
.draggablelayout-wrapper:active .draggablelayout-icon[data-v-5a0c531d],
.draggablelayout-wrapper:hover .draggablelayout-icon[data-v-5a0c531d] {
  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-ed205428]::before {
  display: table;
  content: '';
}
.clearfix[data-v-ed205428]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-ed205428] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-ed205428] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-ed205428] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-ed205428]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-ed205428] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-ed205428]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-ed205428] {
  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-ed205428] {
  margin: 12px 0 12px 14px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.filter-by-sequence .filter-by-sequence_title[data-v-ed205428] {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin-right: 10px;
}
.filter-by-sequence .filter-by-sequence_icon[data-v-ed205428],
.filter-by-sequence .filter-by-sequence_no[data-v-ed205428] {
  width: 16px;
  height: 20px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.filter-by-sequence .filter-by-sequence_icon[data-v-ed205428] {
  color: #999;
  margin-right: 6px;
}
.filter-by-sequence .filter-by-sequence_no[data-v-ed205428] {
  color: #222;
  font-size: 12px;
  margin-right: 2px;
}
.filter-by-sequence .filter-by-sequence_no[data-v-ed205428]:last-child {
  margin-right: 0;
}
.filter-by-sequence .filter-by-sequence_no[data-v-ed205428]:hover,
.filter-by-sequence .filter-by-sequence_no[data-v-ed205428]: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::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-96f6e658]::before {
  display: table;
  content: '';
}
.clearfix[data-v-96f6e658]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-96f6e658] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-96f6e658] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-96f6e658] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-96f6e658]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-96f6e658] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-96f6e658]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-96f6e658] {
  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-96f6e658] .agg-footer {
  margin-left: 0px;
  color: #666;
}
.biz-dataList2[data-v-96f6e658] .table-list.new-header-table .repeat-center.icon-a-360shitu {
  cursor: pointer;
  color: unset;
  font-size: 22px;
  font-weight: unset;
}
.biz-dataList2[data-v-96f6e658] .table-list.new-header-table .repeat-center.icon-a-360shitu:hover {
  color: #1890f1;
}
.biz-dataList2[data-v-96f6e658] .table-list.new-header-table .ant-table-container {
  height: auto;
}
.biz-dataList2[data-v-96f6e658] .table-list.new-header-table .change-History {
  padding: 10px 0;
}
.biz-dataList2[data-v-96f6e658] .table-list.new-header-table .biz-meta-link {
  line-height: normal;
}
.biz-dataList2[data-v-96f6e658] .ant-table-container {
  display: flex;
  flex-direction: column;
}
.biz-dataList2[data-v-96f6e658] .ant-table-container .ant-table-body {
  flex: 0 1 max-content;
  overflow: hidden;
}
.biz-link-btn[data-v-96f6e658] {
  display: flex;
  align-items: center;
}
.biz-meta-link[data-v-96f6e658] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.table-name-line-1[data-v-96f6e658] .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-96f6e658] .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-be456ee5]::before {
  display: table;
  content: '';
}
.clearfix[data-v-be456ee5]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-be456ee5] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-be456ee5] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-be456ee5] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-be456ee5]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-be456ee5] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-be456ee5]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-be456ee5] {
  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-be456ee5] {
  cursor: pointer;
  font-size: 22px;
  font-weight: unset;
}
.icon-a-360shitu[data-v-be456ee5]:hover {
  color: #1890f1;
}
.biz-link-btn[data-v-be456ee5] {
  display: flex;
  align-items: center;
}
.biz-stage-board-wrap .biz-link-btn[data-v-be456ee5] {
  display: inline-flex !important;
}
.biz-meta-link[data-v-be456ee5] {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.layout-bizDetail:not(.view360-heDetail) .biz-meta-link[data-v-be456ee5] {
  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-1c206c41]::before {
  display: table;
  content: '';
}
.clearfix[data-v-1c206c41]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-1c206c41] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-1c206c41] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-1c206c41] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-1c206c41]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-1c206c41] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-1c206c41]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-1c206c41] {
  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-1c206c41] {
  display: contents !important;
}
.upload-to-aliyun.is-table[data-v-1c206c41] .ant-upload-btn,
.upload-to-aliyun.is-table[data-v-1c206c41] .upload-container .ant-upload-drag-container:not(:is(:focus-within)) {
  display: initial;
}
.upload-to-aliyun.is-table[data-v-1c206c41] .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-1c206c41] {
  display: flex !important;
}
.upload-to-aliyun.is-table.has-file-count .file-flex[data-v-1c206c41] {
  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-1c206c41] {
  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-1c206c41] {
  flex: unset;
  width: 66px;
}
.upload-to-aliyun.is-table.has-file-count .file-flex .image-list[data-v-1c206c41] {
  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-1c206c41] {
  border: 1px solid #ccc;
  height: 26px;
  width: 28px;
  margin-right: 4px;
  cursor: pointer;
  object-fit: contain;
}
.upload-to-aliyun.is-table[data-v-1c206c41] .file-count + span {
  flex: 1 1;
}
.upload-to-aliyun.is-table[data-v-1c206c41] .file-count + span .upload-to-aliyun-dragger.is-table {
  box-sizing: border-box;
}
.upload-to-aliyun.text[data-v-1c206c41] .ant-upload-list-text {
  max-width: 100% !important;
}
.upload-to-aliyun[data-v-1c206c41] .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-1c206c41] .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-1c206c41] .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-1c206c41] .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-1c206c41] .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-1c206c41] .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-1c206c41] .upload-to-aliyun-dragger {
  background-color: #fff;
  max-height: 32px;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger:hover {
  background-color: #f2f9ff;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger:target {
  background-color: red;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)):hover .click-upload {
  color: #009DFF;
  border-color: #009DFF;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger:not(:is(.ant-upload-disabled)):hover .copywriting-area {
  color: #009DFF;
}
.upload-to-aliyun[data-v-1c206c41] .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-1c206c41] .upload-to-aliyun-dragger.is-table {
  box-sizing: content-box;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger.is-table .upload-event-container {
  height: 28px;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger.is-table .right-click-menu-paste {
  height: 28px;
  margin-top: -28px;
}
.upload-to-aliyun[data-v-1c206c41] .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-1c206c41] .upload-to-aliyun-dragger.is-table .upload-dragger-area {
  margin: 0 4px;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger.is-table .copywriting-area {
  top: -2px;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger.ant-upload-disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger.ant-upload-disabled > span {
  pointer-events: none;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger .ant-upload {
  padding: 0;
}
.upload-to-aliyun[data-v-1c206c41] .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-1c206c41] .upload-to-aliyun-dragger .upload-event-container {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-to-aliyun[data-v-1c206c41] .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-1c206c41] .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-1c206c41] .upload-to-aliyun-dragger .copywriting-area {
  position: relative;
  color: #999999;
}
.upload-to-aliyun[data-v-1c206c41] .upload-to-aliyun-dragger .copywriting-area .characters-focus {
  display: none;
}
.upload-to-aliyun[data-v-1c206c41] .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-1c206c41] {
  line-height: 30px !important;
  margin-right: 6px;
}
.upload-to-aliyun[data-v-1c206c41] .ant-upload-list-picture-card {
  margin-top: 8px;
}
.upload-to-aliyun[data-v-1c206c41] .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  background-color: #f2f9ff;
  border-color: #40a9ff;
}
.upload-to-aliyun[data-v-1c206c41] .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-1c206c41] .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) .copywriting-area {
  color: #009DFF;
}
.upload-to-aliyun[data-v-1c206c41] .ant-upload-drag-container,
.upload-to-aliyun[data-v-1c206c41] .ant-upload-btn {
  display: block;
}
.table-card-container[data-v-1c206c41] .table-action-btn {
  position: absolute;
  top: 0;
}
.table-card-container[data-v-1c206c41] .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-1c206c41] .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(/v1/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(/v1/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(/v1/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-btn {
  border: none;
}
.comment-wrap .content .ope .ope-left .aita-btn i {
  font-size: 14px;
}
.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-left .ant-checkbox-wrapper {
  margin-left: 12px;
}
.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(/v1/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[data-v-8dde8907]::before {
  display: table;
  content: '';
}
.clearfix[data-v-8dde8907]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-8dde8907] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-8dde8907] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-8dde8907] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-8dde8907]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-8dde8907] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-8dde8907]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-8dde8907] {
  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-8dde8907] {
  height: 125px;
  width: 100%;
  margin: 20px auto;
  background-image: url(/v1/static/media/empty-home.eb69d3ec562fba10f38f.png);
  background-repeat: no-repeat;
  background-size: 64px;
  background-position: center;
  position: relative;
}
.approval-no-data .text[data-v-8dde8907] {
  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-ce718c5b]::before {
  display: table;
  content: '';
}
.clearfix[data-v-ce718c5b]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-ce718c5b] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-ce718c5b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-ce718c5b] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-ce718c5b]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-ce718c5b] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-ce718c5b]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-ce718c5b] {
  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-ce718c5b] {
  float: right;
}
.pagination-wrap-showSizeChanger[data-v-ce718c5b] .ant-pagination .ant-pagination-disabled {
  display: none;
}
.pagination-wrap-showSizeChanger[data-v-ce718c5b] .ant-pagination .ant-pagination-item-disabled {
  display: none;
}
.pagination-wrap-current[data-v-ce718c5b] {
  float: left;
}
.pagination-wrap-jump[data-v-ce718c5b] .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-bc840f00]::before {
  display: table;
  content: '';
}
.clearfix[data-v-bc840f00]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-bc840f00] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-bc840f00] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-bc840f00] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-bc840f00]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-bc840f00] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-bc840f00]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-bc840f00] {
  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-bc840f00] {
  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-bc840f00]:focus,
.he-button-action[data-v-bc840f00]:hover,
.he-button-action[data-v-bc840f00]:active {
  background-color: #fd6364;
  color: #fff;
  border-color: hsla(0, 0%, 100%, 0.3);
}
.he-button-cancel[data-v-bc840f00] {
  background: #fff;
  color: #adb4c2;
  border: 1px solid #adb4c2;
  border-radius: 6px;
  height: 30px;
}
.he-button-cancel[data-v-bc840f00]:focus,
.he-button-cancel[data-v-bc840f00]:hover,
.he-button-cancel[data-v-bc840f00]:active {
  background: #adb4c2;
  color: #fff;
  border: 1px solid #adb4c2;
}
.app-wrap-button[data-v-bc840f00] {
  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-bc840f00] {
  font-size: 14px;
  color: #b9bbbc;
  vertical-align: middle;
}
.app-wrap-button .text[data-v-bc840f00] {
  margin-left: 10px;
  font-size: 11px;
  color: #010b1f;
  vertical-align: middle;
}
.app-wrap-button[data-v-bc840f00]: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,
.multi-biz-list-page-modal {
  transform: none !important;
}
.full-modal.all .list-wrap .wrap-header,
.multi-biz-list-page-modal .list-wrap .wrap-header {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-modal.all .list-wrap .wrap-header .ant-breadcrumb,
.multi-biz-list-page-modal .list-wrap .wrap-header .ant-breadcrumb {
  padding-left: 20px;
}
.full-modal.all .list-wrap .wrap-header .back-link,
.multi-biz-list-page-modal .list-wrap .wrap-header .back-link {
  padding-right: 20px;
  line-height: 50px;
}
.full-modal.all .list-wrap .brief-drawer .ant-breadcrumb,
.multi-biz-list-page-modal .list-wrap .brief-drawer .ant-breadcrumb {
  padding-right: 20px;
}
.full-modal.all .list-wrap .brief-drawer .ant-breadcrumb ol,
.multi-biz-list-page-modal .list-wrap .brief-drawer .ant-breadcrumb ol {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.full-modal.all .list-wrap .brief-drawer .ant-breadcrumb ol li,
.multi-biz-list-page-modal .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,
.multi-biz-list-page-modal .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,
.multi-biz-list-page-modal .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,
.multi-biz-list-page-modal .list-wrap .brief-drawer .ant-breadcrumb ol li:last-child {
  flex-shrink: 0;
}
.full-modal.all .list-wrap .wrap-body,
.multi-biz-list-page-modal .list-wrap .wrap-body {
  height: calc(100% - 100px);
}
.full-modal.all .list-wrap .wrap-body .ant-table.ant-table-middle,
.multi-biz-list-page-modal .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,
.multi-biz-list-page-modal .list-wrap .wrap-body .ant-table.ant-table-middle .ant-table-container {
  height: 100%;
}
.full-modal.all .list-wrap .wrap-body .resize-wrap,
.multi-biz-list-page-modal .list-wrap .wrap-body .resize-wrap {
  height: 100%;
}
.full-modal.all .list-wrap .wrap-body.no-footer,
.multi-biz-list-page-modal .list-wrap .wrap-body.no-footer {
  height: calc(100% - 60px);
}
.full-modal.all .list-wrap .table-footer,
.multi-biz-list-page-modal .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,
.multi-biz-list-page-modal .list-wrap .table-footer .agg-wrap {
  flex: 1 1;
  margin-right: 20px;
}
.full-modal.all .list-wrap .table-footer .agg-wrap .agg-footer,
.multi-biz-list-page-modal .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,
.multi-biz-list-page-modal .list-wrap .wrap-footer {
  height: 39px;
  line-height: 39px;
}
.multi-biz-list-page-modal.multiTab-modal .react-draggable-modal .ant-modal-content .ant-modal-body {
  height: calc(100vh - 118px) !important;
  max-height: calc(100vh - 118px) !important;
}
.multi-biz-list-page-modal .ant-table-thead * {
  pointer-events: none;
}
.multi-biz-list-page-modal .ant-table-thead .picker-header-wrap {
  display: none;
}
.multi-biz-list-page-modal .ant-table-thead .cloud-th-resize-bar {
  pointer-events: auto;
}
.multi-biz-list-page-modal .ant-table-tbody * {
  pointer-events: none;
}
.multi-biz-list-page-modal .list-wrap .wrap-header .ant-breadcrumb {
  padding-left: 0px;
}
.multi-biz-list-page-modal .report-view-info {
  display: none;
}
.multi-biz-list-page-modal .react-draggable-modal .ant-modal-content .ant-modal-body {
  height: calc(100vh - 48px) !important;
  max-height: calc(100vh - 48px) !important;
  padding-top: 0px;
}
.multi-biz-list-page-modal .react-draggable-modal .ant-modal-content .ant-modal-body .biz-list-container {
  padding: 0 4px;
}
.multi-biz-list-page-modal .react-draggable-modal .ant-modal-content .ant-modal-body .biz-list-container .ant-breadcrumb {
  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::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-41dc58a4]::before {
  display: table;
  content: '';
}
.clearfix[data-v-41dc58a4]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-41dc58a4] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-41dc58a4] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-41dc58a4] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-41dc58a4]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-41dc58a4] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-41dc58a4]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-41dc58a4] {
  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-41dc58a4] {
  display: inline-block;
}
.biz-selected .biz-icon[data-v-41dc58a4] {
  margin-right: 12px;
}
.biz-selected .biz-selected-icon i[data-v-41dc58a4] {
  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-41dc58a4] {
  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-be10867a]::before {
  display: table;
  content: '';
}
.clearfix[data-v-be10867a]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-be10867a] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-be10867a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-be10867a] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-be10867a]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-be10867a] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-be10867a]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-be10867a] {
  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-be10867a] {
  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;
}
.large-screen-drill-detail-modal.multiTab-modal .react-draggable-modal .ant-modal-content .ant-modal-body {
  height: calc(100vh - 118px) !important;
  max-height: calc(100vh - 118px) !important;
}
.large-screen-drill-detail-modal .react-draggable-modal .ant-modal-content .ant-modal-body {
  height: calc(100vh - 48px) !important;
  max-height: calc(100vh - 48px) !important;
  padding: 0;
}
.large-screen-drill-detail-modal .react-draggable-modal .ant-modal-content .ant-modal-body .detail-wrap-body {
  padding: 12px;
}
.large-screen-drill-detail-modal .ant-modal-content .ant-modal-body {
  padding-top: 0px;
}
.large-screen-drill-detail-modal .detail-wrap-header *,
.large-screen-drill-detail-modal .detail-wrap-body * {
  pointer-events: none !important;
}
.large-screen-drill-detail-modal .ant-modal-close,
.large-screen-drill-detail-modal .detail-affix-toggle-btn,
.large-screen-drill-detail-modal .ant-tabs-nav,
.large-screen-drill-detail-modal .ant-table-footer,
.large-screen-drill-detail-modal .change-detail-layout,
.large-screen-drill-detail-modal .common-title .icon-e6ac {
  pointer-events: all !important;
}
.large-screen-drill-detail-modal .ant-modal-close *,
.large-screen-drill-detail-modal .detail-affix-toggle-btn *,
.large-screen-drill-detail-modal .ant-tabs-nav *,
.large-screen-drill-detail-modal .ant-table-footer *,
.large-screen-drill-detail-modal .change-detail-layout *,
.large-screen-drill-detail-modal .common-title .icon-e6ac * {
  pointer-events: all !important;
}
.large-screen-drill-detail-modal .header-ope,
.large-screen-drill-detail-modal .header-name,
.large-screen-drill-detail-modal .follow-btn,
.large-screen-drill-detail-modal .icon-a-360shitu,
.large-screen-drill-detail-modal .ope,
.large-screen-drill-detail-modal .common-header .filter,
.large-screen-drill-detail-modal .share-btn,
.large-screen-drill-detail-modal .ant-table-thead .picker-header-wrap,
.large-screen-drill-detail-modal .close-btn,
.large-screen-drill-detail-modal .toggle-btn {
  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::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::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-price-config .material-price-config-layout {
  display: flex;
  margin-bottom: 20px;
}
.material-price-config .material-price-config-layout .label {
  width: 100px;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.material-price-config .material-price-config-layout .field-set {
  flex: 1 1;
}
.material-price-config .material-price-config-layout .field-set .ant-checkbox-wrapper {
  margin-left: 0;
  margin-right: 8px;
  width: 194px;
  margin-bottom: 4px;
}
.main-body-wrap-header-pmp-cost .form-box .material-price-form .ant-form-item {
  width: 28%;
  padding-right: 10px;
}
.main-body-wrap-header-pmp-cost .form-box .material-price-form .ant-form-item .ant-form-item-label > label {
  min-width: 50px;
}
.main-body-wrap-header-pmp-cost .form-box .material-price-form .pmp-header-button {
  top: 0;
}
.material-wrap-content {
  height: calc(100% - 105px);
  display: flex;
}
.material-wrap-content .main-body-wrap-table .table-pagination {
  bottom: 32px;
  z-index: 2;
}
.material-wrap-content.biz-list-drag-container .sider-list .tree-left .toggle-icon {
  right: -16px;
}
.material-wrap-content.biz-list-drag-container .sider-list.on .tree-left .toggle-icon {
  right: 0;
}
.material-wrap-content.on .main-body-wrap-table {
  padding-left: 0;
}
.table-inventoryQuery .ant-table-wrapper {
  height: 100%;
}
.table-inventoryQuery .total-td {
  background-color: #FFF8E8;
  border-right: 1px solid #c5c5c5 !important;
  border-bottom: 1px solid #c5c5c5 !important;
}
.table-inventoryQuery .right {
  text-align: right;
}
.summary-top .ant-table-summary {
  display: table-header-group;
}

/**
 * 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-cda40302]::before {
  display: table;
  content: '';
}
.clearfix[data-v-cda40302]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-cda40302] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-cda40302] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-cda40302] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-cda40302]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-cda40302] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-cda40302]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-cda40302] {
  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-cda40302] {
  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-cda40302] {
  width: 20px;
  height: 16px;
  background-color: #999;
  color: #ffffff;
  padding: 0 2px;
  text-align: center;
}
.change-record-valueArea[data-v-cda40302] .change-record-value {
  display: flex;
  width: fit-content;
  padding: 0 4px;
  border: 1px solid;
  line-height: 14px;
}
.change-record-valueArea[data-v-cda40302] .change-record-value > div {
  text-decoration: line-through;
}
.multi-lookup-value[data-v-cda40302] .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[data-v-1ffc3cf2]::before {
  display: table;
  content: '';
}
.clearfix[data-v-1ffc3cf2]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-1ffc3cf2] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-1ffc3cf2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-1ffc3cf2] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-1ffc3cf2]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-1ffc3cf2] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-1ffc3cf2]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-1ffc3cf2] {
  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[data-v-1ffc3cf2] {
  height: 100%;
  padding-top: 10px;
  padding-left: 10px;
  position: relative;
  background: #eeeeee;
  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);
}
.main-body-wrap-header-pmp-cost {
  background: #fff;
  border-bottom: 1px solid #fff;
  overflow: hidden;
}
.main-body-wrap-header-pmp-cost .pmp-header {
  display: flex;
  justify-content: space-between;
  height: 58px;
  line-height: 58px;
}
.main-body-wrap-header-pmp-cost .pmp-header .title {
  margin-left: 20px;
}
.main-body-wrap-header-pmp-cost .pmp-header .title i {
  line-height: 24px;
  display: inline-block;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  font-size: 18px;
}
.main-body-wrap-header-pmp-cost .pmp-header .title .label {
  color: #222;
  font-weight: bold;
  margin-left: 4px;
  line-height: 28px;
  font-size: 16px;
  white-space: nowrap;
}
.main-body-wrap-header-pmp-cost .pmp-header .btn-element {
  margin-right: 20px;
}
.main-body-wrap-header-pmp-cost .form-box {
  padding: 0 0 0 10px;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .ant-form-item {
  margin-bottom: 12px;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form > .ant-form-item,
.main-body-wrap-header-pmp-cost .form-box .ant-form .build-or-business {
  width: 33.33333%;
  padding-right: 20px;
  padding-left: 10px;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form > .ant-form-item .ant-form-item,
.main-body-wrap-header-pmp-cost .form-box .ant-form .build-or-business .ant-form-item {
  margin-left: -2px;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .ant-tree-select .ant-select-selector {
  max-height: 60px;
  overflow-y: scroll;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .ant-form-item-label > label.ant-form-item-no-colon::after {
  width: 14px;
  margin: 0;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .ant-form-item-label > label {
  min-width: 70px;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .ant-form-item-label > label.ant-form-item-required {
  min-width: 70px;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .ant-form-item-label > label.ant-form-item-required::after {
  color: #ff4d4f;
  font-size: 14px;
  content: "*";
  text-align: left;
  left: 1px;
  top: -2px;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .ant-form-item-explain {
  display: none;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .pmp-header-button {
  position: absolute;
  right: 20px;
  bottom: 8px;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .pmp-header-button button {
  padding: 0 10px;
  margin-left: 12px;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .pmp-header-button button .icon-e754 {
  font-size: 14px;
  margin-right: 4px;
  color: #1890FF;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form .pmp-header-button .icon-e754 {
  font-size: 12px;
  color: #747779;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form.pack {
  height: 88px;
  overflow: hidden;
}
.main-body-wrap-header-pmp-cost .form-box .ant-form.pack .ant-row:nth-child(n+5) {
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
}
.main-body-wrap-header-pmp-cost .form-box .pack-toggle {
  height: 32px;
  line-height: 32px;
  margin-left: 10px;
}
.main-body-wrap-header-pmp-cost .form-box .pack-toggle.more::after {
  margin-left: 3px;
  font-family: 'heicon';
  content: '\e600';
}
.main-body-wrap-header-pmp-cost .form-box .pack-toggle.pack::after {
  margin-left: 3px;
  font-family: 'heicon';
  content: '\e601';
}

/**
 * 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-ab9c6a3a]::before {
  display: table;
  content: '';
}
.clearfix[data-v-ab9c6a3a]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-ab9c6a3a] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-ab9c6a3a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-ab9c6a3a] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-ab9c6a3a]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-ab9c6a3a] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-ab9c6a3a]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-ab9c6a3a] {
  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-content[data-v-ab9c6a3a] {
  background: #fff;
  height: calc(100% - 70px);
  position: relative;
  overflow: hidden;
}
.main-body-wrap-content.height100[data-v-ab9c6a3a] {
  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);
}
.filter-content-panel {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.filter-content-panel .filter-body {
  font-size: 13px;
  line-height: 25px;
  padding-bottom: 50px;
  width: 100%;
  overflow: auto;
}
.filter-content-panel .filter-body .view-option {
  margin-bottom: 16px;
}
.filter-content-panel .filter-body .view-option > h4 {
  margin-bottom: 4px;
}
.filter-content-panel .filter-body .view-option .ant-select {
  width: 100%;
  margin-bottom: 8px;
}
.filter-content-panel .filter-body .cwc-filter {
  min-width: 220px;
  padding: 0.375rem 1px;
}
.filter-content-panel .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;
  margin-bottom: 5px;
  min-height: 55px;
  padding: 5px 10px;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-close {
  position: absolute;
  right: 10px;
  top: 5px;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-mask {
  position: absolute;
  right: 30px;
  top: 5px;
  visibility: hidden;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-mask .icon-edit {
  width: 14px;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-info-field {
  width: calc(100% - 1px);
  margin-left: 1px;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-info .cwc-filter-card-info-opvalue {
  width: 100%;
  margin-left: 1px;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope {
  flex-wrap: wrap;
  position: relative;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-idx {
  position: absolute;
  left: -18px;
  top: 4px;
  color: #999;
  font-size: 14px;
  line-height: 13px;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-field-content {
  width: 100%;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-field-content .ant-cascader-picker,
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-field-content .ant-cascader {
  width: 100%!important;
  margin-bottom: 5px;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-field {
  width: calc(100% - 30px);
  min-width: 9rem;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-rm {
  width: 23px;
  height: 23px;
  padding: 4px;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 0;
  fill: #999;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-value,
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-op,
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .cwc-filter-config-field-second {
  width: 100%;
  margin-bottom: 5px;
  margin-right: 0.75rem;
  margin-top: 6px;
  flex: none;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-ope .ant-btn-primary {
  margin-left: 20px;
}
.filter-content-panel .filter-body .cwc-filter .is-empty {
  background-color: #FAFFBA;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-filterCtrl {
  margin-top: 10px;
}
.filter-content-panel .filter-body .cwc-filter .cwc-filter-filterCtrl .cwc-clearfilter {
  margin-left: 20px;
}
.filter-content-panel .filter-body .condition-list {
  padding-bottom: 60px;
}
.filter-content-panel .filter-body .ant-row {
  margin-bottom: 8px;
}
.filter-content-panel .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;
}
.filter-content-panel .filter-body .hecom-card .card-head {
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 10px;
  width: 100%;
  line-height: 30px;
}
.filter-content-panel .filter-body .hecom-card .card-close-btn {
  right: 10px;
  top: 3px;
  position: absolute;
}
.filter-content-panel .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;
}
.filter-content-panel .filter-body .empty-card {
  background-color: #FAFFBA;
}
.filter-content-panel .filter-body .operation-line {
  display: flex;
  justify-content: space-between;
}
.filter-content-panel .filter-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 40px;
  background-color: #FFF;
  cursor: pointer;
  color: #fd6364;
  font-weight: 500;
  font-size: 16px;
  box-shadow: 0 0px 7px 0px rgba(0, 0, 0, 0.3);
}
.filter-content-panel .filter-footer-new {
  position: absolute;
  bottom: 0;
  line-height: 65px;
  font-size: 15px;
  width: 100%;
  height: 68px;
  text-align: center;
  background: #fff;
  left: 0;
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
}
.filter-content-panel .filter-footer-new button.ant-btn {
  padding: 5px 15px;
  height: 30px;
  font-size: 13px;
}
.pop-card-content .input-panel .ant-input-number {
  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);
}
.expression .operations {
  margin-bottom: 10px;
}
.expression .operations .btn-opt,
.expression .operations .menu-label {
  display: inline-block;
  width: 100px;
  background: #FFF;
  line-height: 26px;
  border: 1px solid #e0e0e0;
  padding: 0 10px;
  cursor: pointer;
}
.expression .operations .menu-label {
  text-align: center;
}
.expression .operations .menu-label .anticon-down {
  margin-left: 5px;
}
.expression .operations .sel-opt {
  width: 100px;
  margin: 0 10px;
}
.expression .operations .check-opt {
  display: inline-block;
  width: 100px;
  background: #FFF;
  line-height: 26px;
  border: 1px solid #e0e0e0;
  padding: 0 10px;
  cursor: pointer;
  margin-top: 10px;
  text-align: center;
}
.expression .operations .check-res {
  width: 100px;
  margin: 0 20px;
  color: #e15151;
}
.expression .edit-box {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  min-height: 60px;
  overflow: auto;
}
.expression .edit-box i {
  font-style: normal;
  color: #2b78ec;
}
.expression .edit-box b {
  font-weight: normal;
}
.expression .ant-cascader-picker {
  width: 150px;
}
.expression .ant-cascader-picker .ant-input.ant-cascader-input {
  height: 24px;
}
.insertColumn_lfm .ant-modal-body {
  min-height: 400px;
  overflow: auto;
}
.insertColumn_lfm .ant-modal-body .columnInfo {
  padding: 110px 20px 0;
}
.insertColumn_lfm .ant-modal-body .columnInfo dt {
  margin: 10px 0 10px 10px;
  font-weight: bold;
}
.insertColumn_lfm .ant-modal-body .columnInfo dd {
  margin: 5px 0 5px 10px;
}
.insertColumn_lfm .ant-modal-footer .api-name,
.insertColumn_lfm .ant-modal-footer .api-type {
  width: 250px;
  display: inline-block;
  text-align: left;
  margin-right: 20px;
}
.regular-opt {
  width: 100%;
  overflow: scroll;
}
.insert-btn {
  display: inline-block;
  background: #FFF;
  border: 1px solid #e0e0e0;
  padding: 0 10px;
  cursor: pointer;
  margin-top: 5px;
  text-align: center;
}
.lg-box {
  height: 150px;
}
.rich-editor .ql-toolbar.ql-snow {
  background: #eaecec;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: none;
}
.rich-editor .ql-toolbar.ql-snow .ant-select-sm,
.rich-editor .ql-toolbar.ql-snow .sel-opt {
  margin-left: 15px;
  width: 150px;
  float: left;
}
.rich-editor .ql-toolbar.ql-snow .insertCal {
  width: 90px;
}
.rich-editor b {
  color: #1890FF;
}
.rich-editor p {
  width: fit-content;
}
.rich-editor .ql-snow.ql-toolbar button {
  width: 70px;
}
.rich-editor .ql-container.ql-snow {
  min-height: 80px;
  background-color: #FFF;
}
.rich-editor .ql-container.ql-snow .ql-editor {
  min-height: 80px;
}
.rich-editor .check-opt {
  margin-top: 3px;
}
.rich-editor .check-res {
  width: 100px;
  margin: 0 20px;
  color: #e15151;
}
.calc-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.calc-group button {
  width: 110px;
}

/**
 * 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);
}
.obj-color {
  color: #b9bbbc;
  text-align: right;
}
.obj-color .active {
  border: none;
}
.obj-color span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin-left: 8px;
  position: relative;
  top: 5px;
  cursor: pointer;
}
.obj-color span.square {
  width: 16px;
  height: 16px;
  margin-left: 16px;
  border-radius: 2px;
  top: 3px;
}
.obj-color span.square.active::after {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 2px solid #3A64FC;
  transform: translate(-14%, -14%);
}
.obj-color.first-disabled span.square:first-child {
  margin-left: 0px;
}
.obj-color.first-disabled span.square:first-child::before {
  content: "";
  left: 6px;
  position: absolute;
  top: 0;
  width: 1px;
  height: 14px;
  background-color: red;
  transform: skew(45deg);
}
.obj-color.small span.square {
  width: 16px;
  height: 16px;
  margin-left: 12px;
}
.obj-color.small span.square:first-child {
  margin-left: 12px;
}
.obj-color.small span.square.active::after {
  width: 22px;
  height: 22px;
}
.set-color-modal .ant-modal-body {
  padding: 16px;
}
.set-color-modal .tip-container {
  padding: 8px;
  margin: 12px 0;
  border-radius: 4px;
  background: #F4F4F4;
}
.set-color-modal .ant-table-wrapper {
  margin-bottom: 10px;
}
.set-color-modal .ant-table-wrapper .ant-table-thead {
  border-radius: 4px 4px 0px 0px;
}
.set-color-modal .ant-table-wrapper .ant-table-thead .ant-table-cell {
  background: #F3F6FA;
}
.set-color-modal .ant-table-wrapper .anticon-holder {
  cursor: grab;
  color: #666;
}
.set-color-modal .ant-table-wrapper .ant-table-tbody {
  -webkit-user-select: none;
          user-select: none;
}
.set-color-modal .ant-table-wrapper .ant-table-tbody tr .drag-visible span {
  opacity: 0;
  transition: all 0.3s;
}
.set-color-modal .ant-table-wrapper .ant-table-tbody tr .drag-visible:hover span {
  opacity: 1;
}
.set-color-modal .ant-table-wrapper .ant-table-tbody tr:hover .drag-visible span {
  opacity: 1;
}
.set-color-modal .ant-table-wrapper .ant-table-tbody tr .obj-color > span:first-child {
  margin-left: 0;
}
.set-color-modal .ant-table-wrapper .ant-table-tbody tr .progress-color .obj-color > span:first-child {
  display: none;
}
.set-color-modal .ant-table-wrapper .ant-table-tbody tr .progress-color .obj-color > span:nth-child(2) {
  margin-left: 0;
}
.set-color-modal .ant-table-wrapper .ant-table-tbody .color-label {
  border-radius: 2px;
  padding: 4px;
}
.set-color-modal .add-btn {
  border: 1px solid #1890FF;
  color: #1890FF;
}
.set-color-modal .add-btn[disabled] {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  border: none;
}
.data-scope {
  display: flex;
  align-items: center;
}
.data-scope .ant-select {
  width: 100px !important;
  margin-right: 8px;
  border-radius: 4px !important;
}
.data-scope .ant-select .ant-select-selector {
  width: 100px !important;
  border-radius: 4px !important;
}
.data-scope .scope-left {
  display: flex;
}
.data-scope .scope-left .ant-input-number {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.data-scope .scope-left .ant-input-number-group-addon {
  border-radius: 0;
}
.data-scope .scope-left .left-addon {
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  line-height: 30px;
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.data-scope p {
  margin: 0 8px;
  text-align: center;
}
.data-scope .scope-right .ant-input-number-group-addon:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.data-scope .scope-right .ant-input-number-group-addon:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.data-scope .scope-right .ant-input-number:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.data-scope .scope-input .ant-input-number-wrapper {
  width: 325px;
}
.data-scope .scope-input .ant-input-number {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.data-scope .scope-input .ant-input-number:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.data-scope .scope-input .ant-input-number-group-addon:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.color-row-dragging {
  background: #fafafa;
  border: 1px solid #ccc;
  z-index: 1000;
  cursor: grab !important;
  display: flex;
  align-items: center;
}
.color-row-dragging td {
  padding: 0px 8px;
}
.color-row-dragging td:first-child {
  width: 30px;
  cursor: grab !important;
}
.color-row-dragging td:nth-child(2) {
  width: 450px;
}
.color-row-dragging td:nth-child(3) {
  width: 60px;
}
.color-row-dragging td:nth-child(3) .color-label {
  border-radius: 2px;
  padding: 4px;
}
.color-row-dragging td:nth-child(4) {
  width: 360px;
}
.color-row-dragging td:nth-child(4) .obj-color > span:first-child {
  margin-left: 0;
}
.color-row-dragging td:nth-child(4) .progress-color .obj-color > span:first-child {
  display: none;
}
.color-row-dragging td:nth-child(4) .progress-color .obj-color > span:nth-child(2) {
  margin-left: 0;
}
.color-row-dragging td:nth-child(5) {
  width: 40px;
}
.color-row-dragging .drag-visible {
  visibility: visible;
}

/**
 * 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);
}
.total-config .config-title {
  color: #222;
  margin-right: 22px;
}
.total-config .ant-radio-wrapper {
  position: relative;
}
.total-config .ant-radio-wrapper i {
  font-size: 18px;
  margin-right: 4px;
  position: relative;
  color: #666;
}
.total-config .ant-radio-wrapper i::before {
  position: relative;
  top: 1px;
}
.total-config .ant-radio-wrapper img {
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin-right: 4px;
  position: relative;
  top: -1px;
}
.total-method {
  margin-top: 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);
}
.report-wrap {
  height: 100%;
  padding-top: 55px;
  position: relative;
  background: #eeeeee;
  overflow: hidden;
}
.report-wrap .report-header {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  height: 45px;
  background: #fff;
  border-bottom: 1px solid #f3f3f3;
}
.report-wrap .report-header .self-tabList {
  position: absolute;
  top: 0;
  left: 185px;
  width: 450px;
  height: 45px;
  line-height: 42px;
  border-bottom: 1px solid #f3f3f3;
}
.report-wrap .report-header .report-search {
  width: 250px;
  float: right;
  height: 45px;
  line-height: 45px;
}
.report-wrap .report-filter {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 350px;
  top: 55px;
  z-index: 999;
  background: #fff;
  padding: 15px 15px 0 15px;
  box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.05);
  transition: display 1s;
}
.report-wrap .report-filter .cwc-filter-config-value .ant-picker-range,
.report-wrap .report-filter .cwc-filter-config-value .ant-calendar-picker {
  width: 280px!important;
}
.report-wrap .report-detail {
  background: #fff;
  margin: 0 10px;
  position: relative;
  height: 100%;
  overflow: auto;
  padding: 0 20px 10px;
}
.report-wrap .report-detail .report-list-wrap {
  height: 100%;
  position: relative;
}
.report-wrap .report-detail .report-list-wrap .report-footer {
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #f3f3f3;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.report-wrap .report-detail .report-list-wrap .ant-table.ant-table-middle .ant-table-tbody > tr > td,
.report-wrap .report-detail .report-list-wrap .ant-table.ant-table-middle .ant-table-thead > tr > th {
  padding: 5.5px;
}
.report-wrap .report-detail .report-title {
  height: 40px;
  line-height: 45px;
  font-weight: 400;
  font-size: 15px;
  display: inline-table;
}
.report-wrap .chart-filter-component {
  position: absolute;
  top: 8px;
  right: 44px;
  display: flex;
  z-index: 10;
}
.report-wrap .chart-filter-component .tHeaderWrap {
  margin-right: 14px;
  background: rgba(153, 153, 153, 0.12);
  padding: 0 8px;
  white-space: nowrap;
  position: relative;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  font-size: 13px;
  cursor: pointer;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-wrap .chart-filter-component .tHeaderWrap.hasSet {
  color: #1890FF;
  background: rgba(24, 144, 255, 0.12);
}
.chart-filter-component.hidden {
  height: 0;
  overflow: hidden;
}
.report-list-wrap .ant-table.ant-table-middle .ant-table-tbody > tr > td,
.summary-table .ant-table.ant-table-middle .ant-table-tbody > tr > td,
.report-list-wrap .ant-table.ant-table-middle .ant-table-thead > tr > th,
.summary-table .ant-table.ant-table-middle .ant-table-thead > tr > th {
  padding: 5.5px;
}
.report-list-wrap .ant-table.ant-table-middle .ant-table-tbody > tr > td pre,
.summary-table .ant-table.ant-table-middle .ant-table-tbody > tr > td pre,
.report-list-wrap .ant-table.ant-table-middle .ant-table-thead > tr > th pre,
.summary-table .ant-table.ant-table-middle .ant-table-thead > tr > th pre {
  margin: 0;
}
.report-content {
  background: #fff;
  height: 100%;
  margin: 0;
  padding-left: 185px;
  position: relative;
}
.report-content .report-content-tag {
  position: absolute;
  left: 0;
  width: 185px;
  top: 0;
  bottom: 0;
  border-right: 1px solid #f3f3f3;
  height: 100%;
}
.report-content .report-content-tag .self-tabList {
  height: calc(100% - 33px);
}
.report-content .report-content-tag .self-tabList .ant-menu-item-group {
  height: 100%;
}
.report-content .report-content-tag .self-tabList .ant-menu-item-group-list {
  height: calc(100% - 39px);
  overflow-y: auto;
}
.report-content .report-content-board {
  background: #f7f7f9;
}
.report-content .report-content-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 20px 0px 40px 20px;
}
.report-content .report-content-wrap .report-footer {
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #f3f3f3;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.report-view-info {
  height: 45px;
  line-height: 45px;
  padding: 0 20px 0 0;
  display: inline-block;
  min-width: 185px;
}
.report-view-info > i {
  color: #f64d51;
  font-size: 18px;
  margin-left: 20px;
}
.report-view-info .back-icon {
  display: inline-block;
  width: 72px;
  text-align: center;
  color: #f64d51;
  border-right: 1px solid #eee;
  line-height: 30px;
  font-size: 14px;
}
.report-view-info .title {
  color: #222;
  font-weight: 500;
  margin-left: 8px;
  line-height: 28px;
  font-size: 16px;
}
.report-view-info .header-name {
  margin-left: 14px;
  font-size: 12px;
  color: #fd6364;
  line-height: 28px;
}
.report-quick-filter .quick-filter-main {
  width: 500px;
  padding: 8px 0;
}
.report-quick-filter .ant-popover-message-title {
  padding-left: 0;
}
.report-quick-filter .action-btns {
  margin-left: 16px;
  column-gap: 12px;
  flex-shrink: 0;
}
.report-quick-filter .ant-popover-inner-content {
  display: none;
}
.report-quick-filter-select .ant-select-tree {
  padding: 6px 4px;
}
.report-quick-filter-select .ant-select-tree li {
  margin: 2px 0;
}
.report-button {
  float: right;
  margin-right: 20px;
  font-weight: normal;
  font-size: 12px;
  height: 45px;
  line-height: 45px;
}
.report-button button {
  margin-left: 12px;
  height: 30px;
  padding: 0 10px;
}
.report-button button:focus {
  border-color: #d9d9d9;
}
.report-button .ant-btn-primary {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}
.self-tabList.ant-menu-horizontal {
  border-bottom: none;
}
.self-tabList.ant-menu-horizontal .ant-menu-item-selected,
.self-tabList.ant-menu-horizontal .ant-menu-item-active,
.self-tabList.ant-menu-horizontal .ant-menu-item:hover {
  border-bottom: 2px solid var(--theme, #fc3b39);
  color: var(--theme, #fc3b39);
}
.self-tabList.none-line.ant-menu-horizontal .ant-menu-item-selected,
.self-tabList.none-line.ant-menu-horizontal .ant-menu-item-active {
  border-bottom: 2px solid transparent !important;
}
.self-tabList.ant-menu-vertical {
  border-right: none;
}
.self-tabList.ant-menu-vertical .ant-menu-item {
  height: 40px;
  line-height: 40px;
  border-left: 2px solid transparent;
}
.self-tabList.none-line.ant-menu-vertical .ant-menu-item-selected,
.self-tabList.none-line.ant-menu-vertical .ant-menu-item-active {
  border-left: 2px solid transparent !important;
}
.self-tabList.ant-menu-inline {
  border-right: none;
}
.self-tabList.ant-menu-inline .ant-menu-submenu .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.95);
  padding-left: 12px !important;
  font-weight: 400;
  font-size: 14px;
}
.self-tabList.ant-menu-inline .ant-menu-item {
  height: 40px;
  line-height: 40px;
  border-left: 2px solid transparent;
  padding-left: 8px !important;
  padding-right: 0;
  margin: 2px 0;
}
.self-tabList.ant-menu-inline .ant-menu-item-active,
.self-tabList.ant-menu-inline .ant-menu-item:hover {
  color: var(--theme, #fc3b39);
  background-color: rgba(250, 91, 89, 0.06);
}
.self-tabList.none-line.ant-menu-inline .ant-menu-item-selected {
  border-left: 2px solid transparent !important;
  background-color: #fff;
}
.self-tabList.none-line.ant-menu-inline .ant-menu-item-selected::after,
.self-tabList.none-line.ant-menu-inline .ant-menu-item-active::after {
  display: none;
}
.ellipsis-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
  width: 100%;
}
.field-set-drop {
  margin: 0;
  padding: 0;
}
.field-set-drop .ant-dropdown-menu {
  padding: 4px 0;
}
.field-set-drop .ant-dropdown-menu .ant-dropdown-menu-item {
  width: 200px;
  padding: 0 12px;
  line-height: 36px;
}
.field-set-drop .ant-dropdown-menu .ant-dropdown-menu-submenu-title {
  line-height: 36px;
  padding: 0 12px;
  padding-right: 26px;
}
.field-set-drop .ant-dropdown-menu .ant-dropdown-menu-submenu-title .sort-tips {
  position: absolute;
  right: 27px;
  color: #999;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}
.field-set-drop .finacial-date-flag {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #FFF4D9;
  border-radius: 4px;
  color: #DD9A18;
  font-size: 12px;
  margin-left: 4px;
  line-height: 20px;
}
.ant-dropdown-menu-submenu .period-popover-container {
  display: flex;
}
.ant-dropdown-menu-submenu .period-popover-container .custom-range-picker-container {
  height: 36px;
  display: flex;
  align-items: center;
}
.field-set-drop-120 {
  width: 120px;
}
.field-set-drop-120 .ant-dropdown-menu-item {
  width: 100%;
  padding: 0 12px;
  line-height: 36px;
}
.field-set-drop-120 .ant-dropdown-menu-item-group-list .ant-dropdown-menu-item {
  padding-left: 24px;
}
.field-set-drop-90 .ant-dropdown-menu-item {
  width: 90px !important;
  padding: 0 12px;
  line-height: 36px;
}
.line-item .userAreaItem {
  margin-top: 16px;
}
.line-item .userAreaItem .label {
  width: 80px;
  display: inline-block;
  margin: 10px 0 10px 30px;
}
.line-item .userAreaItem .labelContent {
  width: 600px;
  display: inline-block;
}
.report-manage .custom-resize-table {
  height: 100%;
  overflow: auto;
}
.ant-modal-style-set-modal span.ant-radio + * {
  padding-left: 2px;
  padding-right: 0;
}
.ant-modal-style-set-modal .ant-select-selection-item {
  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);
}
.report-form-set {
  height: 100%;
  z-index: 11;
  position: relative;
}
.report-form-set h4 {
  font-size: 1.2rem;
}
.report-form-set .report-header {
  /*position: absolute;*/
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #f3f3f3;
}
.report-form-set .report-header .back-step {
  height: 24px;
  line-height: 24px;
  padding: 0 16px 0 30px;
  display: inline-block;
  cursor: pointer;
  border-right: 1px solid #bbb;
  font-size: 15px;
  font-weight: 500;
  width: 102px;
}
.report-base-setwrap {
  height: calc(100% - 46px);
  position: relative;
  background: #fafafa;
  padding: 20px 0;
  overflow: auto;
}
.report-base-setwrap .report-base-box {
  background: #fff;
  width: 800px;
  margin: 0 auto;
  padding: 10px 30px;
  box-shadow: 0 0 4px 0px rgba(100, 100, 100, 0.3);
}
.report-base-setwrap .report-base-box .base-title {
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: 15px;
  color: #333;
}
.report-base-setwrap .report-base-box .base-title .tips {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  margin-left: 10px;
}
.report-table-setwrap {
  height: 600px;
  position: relative;
  background: #ffffff;
}
.report-table-setwrap .source-field,
.report-table-setwrap .current-set,
.report-table-setwrap .current-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-y: auto;
}
.report-table-setwrap .report-footer-tips {
  position: absolute;
  bottom: 10px;
}
.report-table-setwrap .source-field {
  left: 0;
  width: 180px;
  border-right: 1px solid #f3f3f3;
  padding: 10px;
}
.report-table-setwrap .source-field .source-title {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
}
.report-table-setwrap .source-field .source-title h4 {
  height: 24px;
  line-height: 24px;
}
.report-table-setwrap .source-field .source-title .source-title-info {
  background: #f4f6f9;
  height: 32px;
  line-height: 32px;
  border: 1px solid #f2f2f2;
  border-radius: 3px;
  padding: 0 6px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  margin-top: 6px;
}
.report-table-setwrap .source-field .source-title .source-title-info i {
  margin-right: 6px;
  font-size: 16px;
}
.report-table-setwrap .source-field .source-field-type {
  position: absolute;
  left: 10px;
  top: 92px;
  right: 10px;
}
.report-table-setwrap .source-field .source-field-type h4 {
  height: 24px;
  line-height: 24px;
}
.report-table-setwrap .source-field .source-field-type .ant-radio-group {
  width: 100%;
  margin-top: 4px;
}
.report-table-setwrap .source-field .source-field-type .ant-radio-button-wrapper {
  width: 25%;
  padding: 0;
  text-align: center;
  font-size: 13px;
  height: 28px;
  line-height: 26px;
}
.report-table-setwrap .source-field .source-field-type .search-field {
  margin-top: 8px;
}
.report-table-setwrap .source-field .source-field-type .search-field .ant-input-prefix {
  left: 6px;
}
.report-table-setwrap .source-field .source-field-type .search-field input {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
  padding: 0 6px 0 26px;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
}
.report-table-setwrap .source-field .source-field-type .search-field input:hover,
.report-table-setwrap .source-field .source-field-type .search-field input:focus {
  box-shadow: none;
  border-bottom: 1px solid rgba(66, 170, 255, 0.8);
}
.report-table-setwrap .source-field .source-field-list {
  position: absolute;
  top: 190px;
  left: 0;
  right: 0;
  bottom: 10px;
  overflow-y: auto;
}
.report-table-setwrap .source-field .source-field-list .field-item {
  padding: 0 8px;
  font-size: 13px;
}
.report-table-setwrap .current-set {
  left: 180px;
  width: 350px;
  padding: 0 10px;
}
.report-table-setwrap .current-set .current-set-tab {
  height: 100%;
  position: relative;
}
.report-table-setwrap .current-set .current-set-tab > .ant-tabs-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.report-table-setwrap .current-set .current-set-tab > .ant-tabs-bar .ant-tabs-nav-container {
  padding: 0 40px;
}
.report-table-setwrap .current-set .current-set-tab .ant-tabs-content-holder > .ant-tabs-content {
  height: 100%;
}
.report-table-setwrap .current-set .current-set-tab .ant-tabs-content-holder > .ant-tabs-content .ant-tabs-tabpane-active {
  height: 100%;
  overflow-y: auto;
  padding: 15px 10px;
}
.report-table-setwrap .current-set .set-table-type > h4 {
  height: 24px;
  line-height: 24px;
}
.report-table-setwrap .current-set .set-table-type .ant-select {
  margin-top: 4px;
  width: 100%;
}
.report-table-setwrap .current-set .set-table-sum {
  margin-top: 30px;
}
.report-table-setwrap .current-set .set-table-sum .set-table-sum-title {
  margin-bottom: 4px;
  display: inline-block;
}
.report-table-setwrap .current-set .set-table-sum a {
  font-size: 14px;
  font-weight: 500;
}
.report-table-setwrap .current-set .set-table-sum p {
  color: #696969;
  font-size: 12px;
  margin-top: 2px;
  font-weight: 500;
}
.report-table-setwrap .current-set .set-table-columns {
  margin-top: 15px;
}
.report-table-setwrap .current-set .set-table-columns .set-table-columns-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.report-table-setwrap .current-set .set-table-columns > h4 {
  height: 24px;
  line-height: 24px;
}
.report-table-setwrap .current-set .set-table-columns > ul {
  margin: 8px 0 0;
}
.report-table-setwrap .current-set .set-table-columns > ul li {
  line-height: 40px;
  height: 40px;
  padding: 0 68px 0 7px;
  position: relative;
  margin-bottom: 6px;
  border: 1px solid #f0f0f0;
  border-left: 3px solid #228000;
  font-size: 13px;
  cursor: move;
  border-radius: 2px;
}
.report-table-setwrap .current-set .set-table-columns > ul li:hover {
  background: #fafafa;
}
.report-table-setwrap .current-set .set-table-columns > ul li .action-btn {
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.report-table-setwrap .current-set .set-table-columns > ul li .action-hidden {
  position: absolute;
  right: 38px;
  top: 11px;
  font-size: 17px;
  font-weight: 400;
  cursor: pointer;
}
.report-table-setwrap .current-set .set-table-columns > ul li.set-table-tip {
  border: 1px dashed #cfcfcf;
  text-align: center;
  padding: 0;
  height: 36px;
  line-height: 36px;
}
.report-table-setwrap .current-set .set-table-columns > ul li.set-table-tip.solid {
  border: 1px solid #cfcfcf;
  cursor: pointer;
}
.report-table-setwrap .current-set .set-table-columns > ul li.before-over-line {
  margin-top: 14px;
}
.report-table-setwrap .current-set .set-table-columns > ul li.before-over-line:before {
  content: '';
  display: block;
  height: 1px;
  border-top: 2px dashed #1890ff;
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
}
.report-table-setwrap .current-set .set-table-columns > ul li.after-over-line {
  margin-bottom: 14px;
}
.report-table-setwrap .current-set .set-table-columns > ul li.after-over-line:after {
  content: '';
  display: block;
  height: 1px;
  border-bottom: 2px dashed #1890ff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -9px;
}
.report-table-setwrap .current-set .set-table-columns .set-table-tip-group {
  border: 1px dashed #cfcfcf;
  text-align: center;
  padding: 0;
  height: 36px;
  line-height: 36px;
}
.report-table-setwrap .current-set .set-table-columns .set-table-tip-group.solid {
  border: 1px solid #cfcfcf;
  cursor: pointer;
}
.report-table-setwrap .current-set .set-table-columns .before-over-line-group {
  margin-top: 14px;
}
.report-table-setwrap .current-set .set-table-columns .before-over-line-group:before {
  content: '';
  display: block;
  height: 1px;
  border-top: 2px dashed #1890ff;
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
}
.report-table-setwrap .current-prev {
  left: 420px;
  right: 0;
  padding: 10px;
}
.report-table-setwrap .current-prev .report-list-wrap,
.report-table-setwrap .current-prev .ant-table-wrapper {
  height: 100%;
}
i.table-type {
  font-size: 18px;
  display: inline-block;
  vertical-align: text-top;
}
i.table-type > svg {
  height: 20px;
  line-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);
}
.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);
}
.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 .sider-search {
  display: flex;
  justify-content: space-between;
  padding-left: 14px;
  width: 100%;
  margin-top: 10px;
  padding-right: 12px;
}
.biz-list-drag-container .sider-list .sider-search .search-input {
  width: calc(100% - 25px);
  border-radius: 4px;
  margin-bottom: 10px;
}
.biz-list-drag-container .sider-list .sider-search .sider-filter {
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  color: #666;
}
.biz-list-drag-container .sider-list .sider-search .sider-filter:hover {
  color: #1890ff;
}
.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;
}
.sider-filter-popover .ant-popover-title {
  border: none;
  font-size: 16px;
  padding-top: 10px;
}
.sider-filter-popover .ant-popover-inner-content {
  padding-top: 0;
}
.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[data-v-e769660b]::before {
  display: table;
  content: '';
}
.clearfix[data-v-e769660b]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-e769660b] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-e769660b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-e769660b] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-e769660b]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-e769660b] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-e769660b]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-e769660b] {
  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-e769660b] {
  pointer-events: none;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.layout-relative[data-v-e769660b] .base-table .use-click-inview360 {
  display: initial;
}
.layout-relative[data-v-e769660b] .ant-table-footer .agg-footer {
  max-width: 95%;
}
.layout-relative[data-v-e769660b] .ant-table-container .ant-table-body {
  max-height: 600px!important;
}
.layout-file-content[data-v-e769660b] {
  position: relative;
}
.layout-file-content[data-v-e769660b] .ant-table-tbody a {
  color: #000000d9;
  cursor: text;
  pointer-events: none;
}
.layout-file-content[data-v-e769660b] .cloud-th-resizeable-content .picker-header-wrap.tHeaderWrap {
  display: none;
}
.layout-file-content[data-v-e769660b] .biz-meta-link {
  color: #000000d9;
}
.layout-file-content[data-v-e769660b] .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-0f7f3cb8]::before {
  display: table;
  content: '';
}
.clearfix[data-v-0f7f3cb8]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-0f7f3cb8] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-0f7f3cb8] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-0f7f3cb8] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-0f7f3cb8]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-0f7f3cb8] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-0f7f3cb8]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-0f7f3cb8] {
  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-0f7f3cb8] {
  color: #222222;
  line-height: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.btns-section > span[data-v-0f7f3cb8]:last-child {
  margin-right: unset;
}
.btns-section > span i[data-v-0f7f3cb8] {
  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-31cdfe16]::before {
  display: table;
  content: '';
}
.clearfix[data-v-31cdfe16]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-31cdfe16] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-31cdfe16] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-31cdfe16] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-31cdfe16]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-31cdfe16] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-31cdfe16]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-31cdfe16] {
  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-31cdfe16] {
  height: 50px;
}
.detail-wrap .detail-wrap-body .ping-layout .layout-followers .content .item[data-v-31cdfe16] {
  align-items: center;
}
.btns-section > span[data-v-31cdfe16] {
  color: #222222;
  line-height: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.btns-section > span[data-v-31cdfe16]:last-child {
  margin-right: unset;
}
.btns-section > span i[data-v-31cdfe16] {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.show-all-follower[data-v-31cdfe16],
.pack-up[data-v-31cdfe16] {
  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-cbda25bd]::before {
  display: table;
  content: '';
}
.clearfix[data-v-cbda25bd]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-cbda25bd] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-cbda25bd] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-cbda25bd] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-cbda25bd]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-cbda25bd] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-cbda25bd]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-cbda25bd] {
  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-cbda25bd] .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-cbda25bd] .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(/v1/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(/v1/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(/v1/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(/v1/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(/v1/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(/v1/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;
}
.flow-comment-item.symbol-comment {
  margin: 12px 0 0;
  padding: 0;
  border-bottom: 1px solid #E6E6E6;
  max-width: 500px;
}
.flow-comment-item.symbol-comment:last-child {
  border-bottom: none;
}
.flow-comment-item.symbol-comment .head-name {
  font-weight: 600;
  font-size: 13px;
  color: #222;
  line-height: 18px;
}
.flow-comment-item.symbol-comment .name-comment-tips {
  color: #666;
}
.flow-comment-item.symbol-comment .name-comment-tips.pass {
  color: #37BE66;
}
.flow-comment-item.symbol-comment .name-comment-tips.reject {
  color: #F63E31;
}
.flow-comment-item.symbol-comment .comment-time {
  font-size: 12px;
  color: #666;
}
.flow-comment-item.symbol-comment .comment-main {
  padding: 3px 0 8px;
  margin-left: 0;
  background-color: white;
  border-radius: unset;
  font-size: 13px;
  color: #222;
  line-height: 18px;
}
.flow-comment-item.symbol-comment .comment-main .flow-comment-item-files {
  margin-top: 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);
}
.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;
  display: flex;
  align-items: baseline;
  gap: 0 4px;
}
.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 .title-text {
  flex: 1 1;
  overflow: hidden;
}
.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 i {
  flex-shrink: 0;
  cursor: pointer;
  color: #222;
}
.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 i:hover {
  color: #1890FF;
}
.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;
}
.approval-node-comment-list {
  gap: 12px;
  min-width: 300px;
  max-width: 500px;
}
.approval-node-focus {
  min-width: 300px;
  max-width: 500px;
  color: rgba(0, 0, 0, 0.85);
  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);
}
.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);
}
.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: unset;
}
.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-9d91b720]::before {
  display: table;
  content: '';
}
.clearfix[data-v-9d91b720]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-9d91b720] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-9d91b720] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-9d91b720] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-9d91b720]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-9d91b720] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-9d91b720]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-9d91b720] {
  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-9d91b720] .reportTable-cell-summary:not(.is-total-name-cell) {
  font-weight: bolder;
}
.reportTable-row-summary[data-size='small'][data-v-9d91b720] 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-ef51e91e]::before {
  display: table;
  content: '';
}
.clearfix[data-v-ef51e91e]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-ef51e91e] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-ef51e91e] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-ef51e91e] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-ef51e91e]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-ef51e91e] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-ef51e91e]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-ef51e91e] {
  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-ef51e91e] {
  margin-bottom: 8px;
}
.quick-filter-wrap[data-v-ef51e91e] .ant-table-row {
  width: 100%;
}
.quick-filter-wrap[data-v-ef51e91e] .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-ef51e91e] .ant-table-row:hover .only-select-cur-item {
  display: block;
}
.quick-filter-wrap[data-v-ef51e91e] .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-a6fb5ac9]::before {
  display: table;
  content: '';
}
.clearfix[data-v-a6fb5ac9]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-a6fb5ac9] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-a6fb5ac9] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-a6fb5ac9] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-a6fb5ac9]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-a6fb5ac9] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-a6fb5ac9]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-a6fb5ac9] {
  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-a6fb5ac9] {
  width: 280px;
  display: flex;
  grid-area: input;
  align-items: center;
}
.filter-range-picker .start[data-v-a6fb5ac9],
.filter-range-picker[data-v-a6fb5ac9] .end {
  flex: auto;
  flex-basis: 110px;
}
.filter-range-picker .start[data-v-a6fb5ac9] {
  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-a6fb5ac9] {
  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-2960e901]::before {
  display: table;
  content: '';
}
.clearfix[data-v-2960e901]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-2960e901] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-2960e901] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-2960e901] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-2960e901]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-2960e901] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-2960e901]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-2960e901] {
  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-2960e901] {
  font-size: 14px;
  height: 36px;
  line-height: 30px;
}
.common-filter-wrap .common-filter-content .filter-content-item[data-v-2960e901] {
  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-2960e901] {
  height: 24px;
  line-height: 24px;
}
.common-filter-wrap .common-filter-content .filter-content-item .item-title[data-v-2960e901] {
  font-size: 12px;
  color: #888;
}
.common-filter-wrap .common-filter-content .filter-content-item .item-label[data-v-2960e901] {
  font-size: 13px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.common-filter-wrap .common-filter-div-label-area[data-v-2960e901] {
  display: flex;
  align-items: center;
}
.common-filter-wrap .common-filter-div-label-area .item-label[data-v-2960e901] {
  flex: 0 1;
  flex-basis: content;
}
.common-filter-wrap .common-filter-div-label-area .filter-span-extra[data-v-2960e901] {
  flex: none;
  display: none;
}
.common-filter-wrap .common-filter-div-label-area.isMaximumWidth .filter-span-extra[data-v-2960e901] {
  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);
}
.open-file-preview {
  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);
}
.full-table-modal .ant-modal-content {
  border-radius: 10px;
}
.full-table-modal .full-table-content {
  width: 100%;
  height: calc(100vh - 200px);
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
}
.full-table-modal .full-table-content .message-table-box {
  width: 100%;
  height: fit-content;
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
  border-radius: 12px;
  border: 1px solid #DFDFDF;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* 去除重叠边框 */
}
.full-table-modal .full-table-content .message-table-box .table-wraper {
  width: 100%;
  flex: 1 1;
  overflow: auto;
}
.full-table-modal .full-table-content .message-table-box table {
  table-layout: auto;
  min-width: 100%;
  width: max-content;
  border-collapse: collapse;
  border-radius: 12px;
  border: none;
  line-height: 20px;
  font-size: 14px;
  color: #222222;
}
.full-table-modal .full-table-content .message-table-box table thead {
  position: sticky;
  top: 0;
}
.full-table-modal .full-table-content .message-table-box table thead th {
  min-height: 46px;
  font-weight: 500;
  padding: 13px 14px;
  vertical-align: middle;
  background-color: #F2F2F2;
}
.full-table-modal .full-table-content .message-table-box th,
.full-table-modal .full-table-content .message-table-box td {
  padding: 12px 14px;
  width: fit-content;
  max-width: 400px;
  vertical-align: middle;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  text-align: center;
  word-break: break-all;
  white-space: pre-wrap;
}
.full-table-modal .full-table-content .message-table-box th:last-child,
.full-table-modal .full-table-content .message-table-box td:last-child {
  border-right: none;
}
.full-table-modal .full-table-content .message-table-box tr:last-child td {
  border-bottom: none;
}
.full-table-modal .ant-modal-footer {
  display: none;
}
.full-table-modal .ant-modal-content {
  padding-top: 32px;
}
.full-table-modal .ant-modal-content .ant-modal-close {
  right: 16px;
}
.full-table-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  width: fit-content !important;
  color: #222;
  display: flex;
  align-items: center;
}
.full-table-modal .ant-modal-content .ant-modal-close .ant-modal-close-x .ant-btn {
  padding: 2px 10px;
  height: 28px;
  border-radius: 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);
}
@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-color: white;
  background-image: url(/v1/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(/v1/static/media/bg-ai-agent-white.92888c44f8b58fca4537.png);
}
.header-ai-agent-btn.black,
.black .agent-bg {
  background-image: url(/v1/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 4.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(/v1/static/media/bg-ai-agent-first.2dfb8e3d6b982a6b3554.png);
  background-size: cover;
  width: 20px;
  height: 20px;
}
.header-ai-agent-btn .avatar-1 {
  background-image: url(/v1/static/media/1.322a53044c7935bd32fb.png);
}
.header-ai-agent-btn .avatar-2 {
  background-image: url(/v1/static/media/2.1f0b4f16654030330c5d.png);
}
.header-ai-agent-btn .avatar-3 {
  background-image: url(/v1/static/media/3.e8162512ab5fec1b4496.png);
}
.header-ai-agent-btn .avatar-4 {
  background-image: url(/v1/static/media/4.dfb16f16638bc091fc1a.png);
}
.header-ai-agent-btn .avatar-5 {
  background-image: url(/v1/static/media/5.ba3398fa38c48937c945.png);
}
.header-ai-agent-btn .avatar-6 {
  background-image: url(/v1/static/media/6.9fcbf38c8d321d8e6bf3.png);
}
.header-ai-agent-btn .avatar-7 {
  background-image: url(/v1/static/media/7.bfbc4cf48d1ccd991e06.png);
}
.header-ai-agent-btn .avatar-8 {
  background-image: url(/v1/static/media/8.d37024d82756a32ac913.png);
}
.header-ai-agent-btn .avatar-9 {
  background-image: url(/v1/static/media/9.b7efd09b8459bf09e9fe.png);
}
.header-ai-agent-btn .avatar-10 {
  background-image: url(/v1/static/media/10.c3bb6378be44fdbc4c30.png);
}
.header-ai-agent-btn .avatar-11 {
  background-image: url(/v1/static/media/11.7b63c9ffaaca477e65df.png);
}
.header-ai-agent-btn .avatar-12 {
  background-image: url(/v1/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(/v1/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: 90% !important;
  min-width: 900px;
  max-width: 1400px;
  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: 100% !important;
  box-shadow: none;
  max-width: 1600px;
}
.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);
}
/**
 * 虚拟化占位列样式
 * 用于表格列虚拟化时的占位列，确保完全不可见
 */
.virtual-column-placeholder .virtual-placeholder-header {
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
  background: transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  background-color: transparent !important;
  color: transparent !important;
}
.virtual-column-placeholder .virtual-placeholder-cell {
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
  background: transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  background-color: transparent !important;
  color: transparent !important;
}
/* 确保占位列在任何情况下都不可见 */
th.virtual-column-placeholder,
td.virtual-column-placeholder {
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
  background: transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  background-color: transparent !important;
  color: transparent !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);
}
.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-563bee7c]::before {
  display: table;
  content: '';
}
.clearfix[data-v-563bee7c]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-563bee7c] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-563bee7c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-563bee7c] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-563bee7c]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-563bee7c] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-563bee7c]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-563bee7c] {
  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-563bee7c] .ant-tabs-tab + .ant-tabs-tab {
  margin: 0px 0 0 24px;
}
.custom-period-tabs[data-v-563bee7c] .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);
}
.auto-cascader-drop {
  display: flex;
  padding: 8px 0;
}
.auto-cascader-drop .parent-content {
  border-right: 1px solid #E5E5E5;
}
.auto-cascader-drop .drop-content {
  flex: 1 1;
}
.auto-cascader-drop .drop-content .drop-none-data {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.auto-cascader-drop .drop-content .drop-none-data .drop-none-data-img {
  width: 40px;
  height: 40px;
  margin-top: -36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.auto-cascader-drop .drop-content .drop-none-data p {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 16px;
}
.auto-cascader-drop .drop-content .drop-content-title {
  font-size: 12px;
  color: #666666;
  line-height: 24px;
  padding: 0 8px;
}
.auto-cascader-drop .drop-content .drop-content-list {
  min-height: 160px;
  max-height: 296px;
  margin: 0;
  overflow: auto;
  min-width: 138px;
}
.auto-cascader-drop .drop-content .drop-content-list .drop-content-item {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  max-width: 304px;
  min-width: 120px;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  padding: 0 8px;
}
.auto-cascader-drop .drop-content .drop-content-list .drop-content-item .drop-content-item-label {
  flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auto-cascader-drop .drop-content .drop-content-list .drop-content-item .drop-content-item-label .label-strong-item {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auto-cascader-drop .drop-content .drop-content-list .drop-content-item .drop-content-item-label .label-strong-item em {
  font-style: normal;
  color: #FD6364;
}
.auto-cascader-drop .drop-content .drop-content-list .drop-content-item .drop-content-item-label.parent {
  display: flex;
  align-items: center;
}
.auto-cascader-drop .drop-content .drop-content-list .drop-content-item .drop-content-item-label.parent .label-select-num {
  margin-left: 6px;
  color: #999;
  font-size: 14px;
}
.auto-cascader-drop .drop-content .drop-content-list .drop-content-item .drop-content-item-icon {
  width: 10px;
  height: 22px;
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.auto-cascader-drop .drop-content .drop-content-list .child-content-item .drop-content-item-label .ant-checkbox-wrapper {
  overflow: hidden;
  width: 100%;
}
.auto-cascader-drop .drop-content .drop-content-list .child-content-item .drop-content-item-label .ant-checkbox-wrapper span {
  flex: 1 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auto-cascader-drop .drop-content .drop-content-list .child-content-item .drop-content-item-label .ant-checkbox-wrapper span.ant-checkbox {
  width: 16px;
  flex: none;
}
.auto-cascader-drop .drop-content .drop-content-list .drop-content-item.drop-content-item-selected {
  background-color: rgba(24, 144, 255, 0.1);
  font-weight: 500;
}
.cascader-auto-content {
  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);
}
.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,
.quick-filter-popover .quick-filter-wrap.select-wrap .quick-filter-content .ant-radio-wrapper {
  display: flex;
  font-size: 13px;
  padding-top: 6px;
}
.quick-filter-popover .quick-filter-wrap.select-wrap .quick-filter-content .ant-radio-group {
  max-height: 300px;
  overflow: auto;
}
.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);
}
.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[data-v-d7398fd7]::before {
  display: table;
  content: '';
}
.clearfix[data-v-d7398fd7]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-d7398fd7] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-d7398fd7] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-d7398fd7] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-d7398fd7]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-d7398fd7] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-d7398fd7]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-d7398fd7] {
  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-d7398fd7] {
  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 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: 300000;
}
/* -----------------------以上设置导航交互修改，正式上线后此功能下线-------------------*/
.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;
}
.task-edit-child-detail .ant-table table {
  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);
}
.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(/v1/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(/v1/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-1677b0c3]::before {
  display: table;
  content: '';
}
.clearfix[data-v-1677b0c3]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-1677b0c3] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-1677b0c3] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-1677b0c3] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-1677b0c3]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-1677b0c3] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-1677b0c3]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-1677b0c3] {
  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-1677b0c3] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.percent-field-item .ant-progress[data-v-1677b0c3] {
  display: flex;
  align-items: center;
}
.percent-field-item .ant-progress[data-v-1677b0c3] .ant-progress-outer {
  flex: 1 1;
  width: unset;
  max-width: 200px;
}
.percent-field-item .ant-progress[data-v-1677b0c3] .ant-progress-text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70px;
  width: auto;
}
.percent-field-item .ant-progress.large[data-v-1677b0c3] .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::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);
}
.bidding {
  background-color: #fff;
  margin: 10px 0;
}
.bidding .ant-tabs > .ant-tabs-nav,
.bidding .ant-tabs .ant-tabs > div > .ant-tabs-nav {
  margin: 0;
}
.bidding .ant-tabs:not(.hecom-bi-router) .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #FF4F4B;
  font-size: 16px;
}
.bidding .ant-tabs .ant-tabs-ink-bar {
  background-color: #FF4F4B;
}
.bidding .tabs-right .ant-tabs-nav-wrap {
  justify-content: flex-end;
  padding: 0 20px;
}
.bidding .bidding-header {
  padding: 0 65px 0 20px;
  line-height: 30px;
  position: relative;
}
.bidding .bidding-header .ant-btn {
  position: absolute;
  right: 0px;
}
.bidding .bidding-header h3 {
  float: left;
}
.bidding .bidding-header .bidding-header-tip {
  padding: 3px 6px;
  border-radius: 3px;
  background-color: #DDF3ED;
  color: #0FA375;
  margin: 0 20px 0 10px;
}
.bidding .bidding-header .bidding-header-time b {
  color: #FF4F4B;
  font-size: 24px;
  padding: 0 5px;
}
.bidding .bidding-header .extra-tip {
  font-size: 18px;
}
.bidding .bidding-content {
  height: 400px;
  display: flex;
  flex-direction: row;
}
.bidding .bidding-content .bidding-left {
  width: 30%;
  height: 100%;
  padding: 15px;
  border-right: 1px solid #E8E8E8;
}
.bidding .bidding-content .bidding-left .bidding-left-list {
  height: 91%;
  overflow: hidden;
  margin-bottom: 10px;
}
.bidding .bidding-content .bidding-left .bidding-left-detail {
  text-align: center;
  color: #1890FF;
  cursor: pointer;
}
.bidding .bidding-content .bidding-right {
  width: 70%;
  height: 100%;
  padding: 15px;
}
.bidding .bidding-content .bidding-right .ant-table-container table > thead > tr th {
  border-left: 1px solid #c5c5c5;
  border-top: 1px solid #c5c5c5;
}
.bidding .bidding-content .bidding-right .ant-table-container table > tbody > tr td {
  border-left: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}
.bidding .bidding-content .bidding-right .ant-table-container table > tbody > tr td:last-child {
  border-right: 1px solid #c5c5c5;
}
.bidding .bidding-content .bidding-right .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 {
  width: 0;
}
.bidding .bidding-content .bidding-right .cloud-th-resizeable .cloud-th-resize-bar > i {
  width: 0;
}
.bidding .bidding-content .bidding-right .ant-table-body {
  height: 335px;
}
.bidding-list_item {
  padding: 5px 0;
}
.bidding-list_item b {
  padding-right: 10px;
}
.rounded-modal .ant-modal-content {
  border-radius: 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);
}
.single-progress-manage {
  height: 100%;
  width: 100%;
  background: #f2f6fa;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  min-height: 500px;
}
.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;
  width: 100%;
}
.single-progress-manage .single-progress-content .single-progress-content-layout {
  width: 100%;
  position: relative;
}
.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-4fc53d12]::before {
  display: table;
  content: '';
}
.clearfix[data-v-4fc53d12]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-4fc53d12] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-4fc53d12] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-4fc53d12] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-4fc53d12]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-4fc53d12] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-4fc53d12]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-4fc53d12] {
  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-4fc53d12] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized {
  height: 100%;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized div {
  height: 100%;
  width: 100%;
  position: relative;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized .slick-slide {
  width: 100%;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized img.error-img {
  object-fit: unset !important;
  margin: auto !important;
  width: 84px;
  height: 92px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized img.error-img.sm {
  width: 72px;
  height: 60px;
}
.image-text-warp[data-v-4fc53d12] .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-4fc53d12] .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-4fc53d12] .slick-slider.slick-initialized .slick-dots li.slick-active button:before {
  opacity: 1;
}
.image-text-warp[data-v-4fc53d12] .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-4fc53d12] .slick-slider.slick-initialized.xl .slick-dots {
  height: 20px;
  border-radius: 10px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.xl .slick-dots li {
  margin-left: 8px;
  margin-right: 0;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.xl .slick-dots li:last-child {
  margin-right: 8px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.xl .slick-dots li,
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.xl .slick-dots li button,
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.xl .slick-dots li button:before {
  width: 8px;
  height: 8px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.xl .slick-dots li button:before {
  position: relative;
  top: -2px;
  left: -5px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.xl .desc-box {
  font-size: 16px;
  line-height: 24px;
  height: 40px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.xl .desc-box.has-dots {
  height: 62px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.lg .slick-dots {
  height: 16px;
  border-radius: 8px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.lg .slick-dots li {
  margin-left: 6px;
  margin-right: 0;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.lg .slick-dots li:last-child {
  margin-right: 6px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.lg .slick-dots li,
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.lg .slick-dots li button,
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.lg .slick-dots li button:before {
  width: 6px !important;
  height: 6px !important;
}
.image-text-warp[data-v-4fc53d12] .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-4fc53d12] .slick-slider.slick-initialized.lg .desc-box {
  font-size: 14px;
  line-height: 20px;
  height: 36px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.lg .desc-box.has-dots {
  height: 54px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.md .slick-dots {
  height: 12px;
  border-radius: 6px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.md .slick-dots li {
  margin-left: 5px;
  margin-right: 0;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.md .slick-dots li:last-child {
  margin-right: 5px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.md .slick-dots li,
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.md .slick-dots li button,
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.md .slick-dots li button:before {
  width: 5px !important;
  height: 5px !important;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.md .slick-dots li button:before {
  position: relative;
  top: -7px;
  left: -5px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.md .desc-box {
  font-size: 12px;
  line-height: 16px;
  height: 32px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.md .desc-box.has-dots {
  height: 46px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.sm .slick-dots {
  height: 10px;
  border-radius: 5px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.sm .slick-dots li {
  margin-left: 4px;
  margin-right: 0;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.sm .slick-dots li:last-child {
  margin-right: 4px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.sm .slick-dots li,
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.sm .slick-dots li button,
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.sm .slick-dots li button:before {
  width: 5px;
  height: 5px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.sm .slick-dots li button:before {
  position: relative;
  top: -9px;
  left: -5px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.sm .desc-box {
  font-size: 10px;
  line-height: 14px;
  height: 30px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized.sm .desc-box.has-dots {
  height: 42px;
}
.image-text-warp[data-v-4fc53d12] .slick-slider.slick-initialized a {
  width: 100%;
  height: 100%;
}
.image-text-warp[data-v-4fc53d12] .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）
 */
.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(/v1/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）
 */
.oqahYQIW1gyzhVYgHXf8::before {
  display: table;
  content: '';
}
.oqahYQIW1gyzhVYgHXf8::after {
  display: table;
  clear: both;
  content: '';
}
.Kt4O2CbZnUOWBrmlajAk {
  display: flex;
  flex-direction: column;
}
.nUvVkuWSvN9WJARhlMT4 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ewaHF6ovsqj8x2JyznO4 {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.ewaHF6ovsqj8x2JyznO4::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.dLupPTQ4WsutUg8Moeip {
  -ms-overflow-style: unset;
  overflow: auto;
}
.dLupPTQ4WsutUg8Moeip::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
._Nc6SkOEOeBHdUqPlBGY {
  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);
}
.ITq5ffxaPmA5eZ8n0L1Z {
  width: 100%;
  height: 100%;
  background-color: #fff;
  margin: 0;
  padding: 11px;
  position: relative;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #f9f9f9;
  position: relative;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .xsDIlwwaxZPbL51HKR7n {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  text-align: left;
  font-style: normal;
  display: flex;
  padding: 0 16px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .xsDIlwwaxZPbL51HKR7n .ikxKLIh3KwwonnJoCJLy {
  margin-right: auto;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .xsDIlwwaxZPbL51HKR7n .fHcFU7yGuYE9Ce4lK4Yi {
  cursor: pointer;
  font-size: 16px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF {
  width: 100%;
  height: calc(100% - 40px);
  overflow: auto;
  padding: 12px;
  position: relative;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB {
  width: auto;
  height: auto;
  position: relative;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr {
  width: auto;
  height: auto;
  position: relative;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN {
  width: auto;
  height: auto;
  position: relative;
  display: flex;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa {
  width: 400px;
  height: auto;
  position: relative;
  flex-shrink: 0;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .RUgQ5fRUhgyJTq9wkfKF {
  display: block;
  width: 4px;
  background-color: #f9f9f9;
  position: absolute;
  left: 0;
  top: 177px;
  z-index: 0;
  height: calc(100% - 177px);
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .Zj1IlawTYpeisHaqhbn_ {
  display: block;
  width: 2px;
  background-color: #5ebbff;
  position: absolute;
  left: 400px;
  top: 0;
  z-index: 0;
  height: 100%;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 {
  width: 100%;
  height: 150px;
  position: relative;
  padding-top: 30px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .zDHy964_51dF8KaQ_NlG {
  display: none;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F {
  width: 380px;
  height: 120px;
  position: relative;
  left: -190px;
  background-color: #e2f2fe;
  border-radius: 4px;
  padding: 0 8px;
  z-index: 3;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .AMFJ74JkcxHe6N4g0Pkw {
  width: 100%;
  padding-left: 55px;
  display: flex;
  height: 30px;
  align-items: center;
  gap: 48px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .AMFJ74JkcxHe6N4g0Pkw .P4p22AtJFttzhGzD4LL8 {
  width: 60px;
  height: 20px;
  line-height: 20px;
  background: #95baea;
  color: #fff;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  text-align: center;
  font-size: 12px;
  border-radius: 4px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk {
  width: 100%;
  display: flex;
  height: 30px;
  text-align: center;
  align-items: center;
  gap: 2px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .b00oM7KUFW4aVAzwHey1 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 13px;
  color: #000000;
  width: 28px;
  position: relative;
  margin-right: -2px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .NXvX7ShyrA4gPm3rQlSe {
  width: 100px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  text-align: right;
  font-style: normal;
  white-space: nowrap;
  /* 不换行 */
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .g0NOAiPqfSInmr_m2BW2 {
  flex: 1 1;
  display: flex;
  gap: 8px;
  line-height: 32px;
  height: 32px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 12px;
  color: #1ec98d;
  text-align: center;
  font-style: normal;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .g0NOAiPqfSInmr_m2BW2 .DMg3N14zgjSDp9dqMrRo {
  width: 35px;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .g0NOAiPqfSInmr_m2BW2 .ant-slider {
  flex: 1 1;
  height: 4px;
  display: flex;
  align-items: center;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .g0NOAiPqfSInmr_m2BW2 .ant-slider-rail {
  height: 4px;
  background-color: #FFFFFF !important;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .g0NOAiPqfSInmr_m2BW2 .ant-slider-track {
  height: 4px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .g0NOAiPqfSInmr_m2BW2 .ant-slider-disabled .ant-slider-track {
  background-color: #1ec98d !important;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .g0NOAiPqfSInmr_m2BW2 .ant-slider-disabled .ant-slider-handle,
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .g0NOAiPqfSInmr_m2BW2 .ant-slider-disabled .ant-slider-dot {
  display: none;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .jfrJQ0Ed1_EVlHevQLqR {
  color: #ff655f;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MoD412nvB7r5wmgTk617 .JO5IM4VR718bqkceZ65F .w7QcG7tCUZJez2cd3HRk .jfrJQ0Ed1_EVlHevQLqR .ant-slider-disabled .ant-slider-track {
  background-color: #ff655f !important;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .qD0XYac4HOoHoxzzFYEV .zDHy964_51dF8KaQ_NlG {
  display: block;
  width: 4px;
  background-color: #f9f9f9;
  position: absolute;
  left: -1px;
  top: -29px;
  z-index: 0;
  height: 200px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MQouE8drrCPvv1knRDE6 {
  width: 100%;
  height: 56px;
  padding: 12px 0 16px 0;
  display: flex;
  align-items: center;
  position: relative;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MQouE8drrCPvv1knRDE6 .DKhJiPPfostqjE8VA9dC {
  width: 30px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 25px;
  background-color: #5ebbff;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MQouE8drrCPvv1knRDE6 .auTJcVdJEIXECuzY5S2N {
  background-color: #5ebbff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  z-index: 2;
  position: relative;
  right: -16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MQouE8drrCPvv1knRDE6 .WZSxr1tUWir2nl3CSgT_ {
  width: auto;
  max-width: 300px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
  height: 20px;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  background: #e2f2fe;
  border-radius: 14px;
  padding: 0 20px 0 10px;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  position: relative;
  right: -30px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MQouE8drrCPvv1knRDE6 .KX8ezn7Sn2ETQKXg4L2L {
  flex: 1 1;
  height: 2px;
  background: #5ebbff;
  position: relative;
  right: -30px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .MQouE8drrCPvv1knRDE6 .R2QyJfxNBT1lTIGv6YUK {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #5ebbff;
  /* 箭头颜色 */
  position: relative;
  right: -30px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .bJGLvpUTJLpX36tTy0ef {
  display: none;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 {
  width: 300px;
  height: 140px;
  background-color: #fff;
  border-radius: 4px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .qLppks0Mokbzqnrb5sNC {
  width: 100%;
  height: 30px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  border-bottom: 1px dashed #dddddd;
  text-align: center;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .hwDM7kS_Q89s1I2jO20U {
  width: 280px;
  margin: 0 auto;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  height: 20px;
  text-align: left;
  font-style: normal;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .mMl3yE_dUIFRiFTYAc5i {
  width: 280px;
  height: 28px;
  background: #f3faff;
  display: flex;
  align-items: center;
  margin: 0 auto;
  gap: 8px;
  padding: 0 8px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .mMl3yE_dUIFRiFTYAc5i .yfuG_ntORBmDpaH6bkQw {
  background-color: #1ec98d;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  width: 35px;
  text-align: center;
  border-radius: 10px;
  white-space: nowrap;
  /* 不换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .mMl3yE_dUIFRiFTYAc5i .RUvrHKm_Kl8mZ2t2HbPk {
  width: 100px;
  text-align: right;
  white-space: nowrap;
  /* 不换行 */
  left: -8px;
  position: relative;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .mMl3yE_dUIFRiFTYAc5i .ant-slider {
  flex: 1 1;
  height: 4px;
  display: flex;
  align-items: center;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .mMl3yE_dUIFRiFTYAc5i .ant-slider-rail {
  height: 4px;
  background-color: #ececec !important;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .mMl3yE_dUIFRiFTYAc5i .ant-slider-track {
  height: 4px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .mMl3yE_dUIFRiFTYAc5i .ant-slider-disabled .ant-slider-track {
  background-color: #1ec98d !important;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .mMl3yE_dUIFRiFTYAc5i .ant-slider-disabled .ant-slider-handle,
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .mMl3yE_dUIFRiFTYAc5i .ant-slider-disabled .ant-slider-dot {
  display: none;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .SeDe5NqIozr69DuomQHP .yfuG_ntORBmDpaH6bkQw {
  background-color: #ff655f;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .tllATDzitHn4nY2FxATa .kTHaq09ooVzNdt6uplcL .MrXZxZqml3AVZyysPnA4 .SeDe5NqIozr69DuomQHP .ant-slider-disabled .ant-slider-track {
  background-color: #ff655f !important;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .MA4ZBB1V8K9TMuKJzZWB .dzvhmc9ERHW8LeghLDUr .y4IhNoroXg7ZkdH3B2QN .El01t8Ijg4XjoNBtBFja {
  width: auto;
  height: auto;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .GN3U3lg6m7V0mt1s4YPF .At8cyVSzkZHq9AONr938 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .A1VlPEsoG5mOQqkPy_W3 {
  position: absolute;
  bottom: 16px;
  right: 16px;
  padding: 8px 12px;
  border-radius: 4px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .A1VlPEsoG5mOQqkPy_W3 .DTSwAuHaqID3xbXvnFpB {
  font-size: 10px;
  color: #666;
  margin-right: 8px;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .A1VlPEsoG5mOQqkPy_W3 .jxWJfMELxYluRZbJ50uE {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #000000;
  line-height: 11px;
  text-align: center;
  font-style: normal;
  width: 12px;
  height: 12px;
  background: #d6d6d6;
  border-radius: 50%;
  cursor: pointer;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .A1VlPEsoG5mOQqkPy_W3 .ant-slider-handle {
  border: solid 2px #3073ff;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .A1VlPEsoG5mOQqkPy_W3 .ant-slider-track {
  background-color: #3073FF;
}
.ITq5ffxaPmA5eZ8n0L1Z .LRxBpNU6Uoao1PmKIdVm .A1VlPEsoG5mOQqkPy_W3 .ant-slider-rail {
  background-color: #d8d8d8;
}

/**
 * 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）
 */
.Fp28BkQqow8rX7RVZb03::before {
  display: table;
  content: '';
}
.Fp28BkQqow8rX7RVZb03::after {
  display: table;
  clear: both;
  content: '';
}
.eujKHtjGNXyWDrnMlQhg {
  display: flex;
  flex-direction: column;
}
.oGvXySckHMiftMXzzNAx {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tQ1lmrhB6qmECERwey_j {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.tQ1lmrhB6qmECERwey_j::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
._1zqwu553_bZySCJVFhuG {
  -ms-overflow-style: unset;
  overflow: auto;
}
._1zqwu553_bZySCJVFhuG::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.XY_7UBoEgipc_irrVUUn {
  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);
}
._rKzSLGA3AfnGgr9MwdM {
  position: absolute;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: hidden;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  transition: all 0.2s ease;
  padding: 0;
  /* 确保没有内边距 */
}
._rKzSLGA3AfnGgr9MwdM:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.eCWOwmEOniILMoqfAqjE {
  position: absolute;
  background: #f0f0f0;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  opacity: 0.8;
}
.eCWOwmEOniILMoqfAqjE::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  background: linear-gradient(45deg, #e6f7ff 25%, transparent 25%), linear-gradient(-45deg, #e6f7ff 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e6f7ff 75%), linear-gradient(-45deg, transparent 75%, #e6f7ff 75%);
  background-size: 8px 8px;
  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
  opacity: 0.3;
}
.LcGtKoie2To5UhwBQACx {
  position: absolute;
  background: rgba(24, 144, 255, 0.2);
  border: 0;
  border-radius: 2px;
  transition: all 0.1s ease;
}
.LcGtKoie2To5UhwBQACx:hover {
  background: rgba(24, 144, 255, 0.3);
}
.LcGtKoie2To5UhwBQACx:active {
  background: rgba(24, 144, 255, 0.4);
}

/**
 * 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);
}
.ai-assistant-modal.multiTab-modal .ant-modal {
  min-width: 1000px;
  max-width: 70%;
  height: calc(100% - 80px);
}
.ai-assistant-modal.multiTab-modal .ant-modal-content .ant-modal-body {
  padding: 0;
  height: 100%;
  overflow: hidden !important;
  max-height: unset !important;
}
.ai-assistant-modal.multiTab-modal .ant-modal-content {
  max-width: 70vw;
  min-width: 1000px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  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[data-v-9613dd01]::before {
  display: table;
  content: '';
}
.clearfix[data-v-9613dd01]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-9613dd01] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-9613dd01] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-9613dd01] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-9613dd01]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-9613dd01] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-9613dd01]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-9613dd01] {
  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-9613dd01] {
  margin-top: -6px;
}
.attendance-div-info[data-v-9613dd01] {
  margin: 8px 0;
}
.attendance-div-info .attendance-div-title[data-v-9613dd01] {
  font-weight: 500;
}
.attendance-span-action[data-v-9613dd01] {
  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-d93616e6]::before {
  display: table;
  content: '';
}
.clearfix[data-v-d93616e6]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-d93616e6] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-d93616e6] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-d93616e6] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-d93616e6]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-d93616e6] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-d93616e6]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-d93616e6] {
  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-d93616e6] {
  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-d93616e6] {
  width: 20px;
  height: 16px;
  background-color: #999;
  color: #ffffff;
  padding: 0 2px;
  text-align: center;
}
.change-record-valueArea[data-v-d93616e6] .change-record-value {
  display: flex;
  width: fit-content;
  padding: 0 4px;
  border: 1px solid;
  line-height: 14px;
}
.change-record-valueArea[data-v-d93616e6] .change-record-value > div {
  text-decoration: line-through;
}
.multi-lookup-value[data-v-d93616e6] .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);
}
.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(/v1/static/media/yunfont.7fc8a74aac9cfe8de207.woff2) format('woff2'), url(/v1/static/media/yunfont.2612ef6b1a79b2d93c3b.woff) format('woff'), url(/v1/static/media/yunfont.2404ac31ac4c3c021594.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';
}
.icon-zuzhi1:before {
  font-family: 'heicon';
  content: "\e86e";
}
.icon-quanping:before {
  font-family: 'heicon';
  content: "\e86b";
}
.icon-tuichuquanping:before {
  font-family: 'heicon';
  content: "\e86d";
}
@font-face {
  font-family: 'btnfont';
  src: url(/v1/static/media/btnfont.aec362518907b60e86ef.eot);
  /* IE9*/
  src: url(/v1/static/media/btnfont.aec362518907b60e86ef.eot?#iefix) format('embedded-opentype'),  url(/v1/static/media/btnfont.97f4375b1989a649fc46.woff) format('woff'),  url(/v1/static/media/btnfont.7ed577030a0b6188a4cf.ttf) format('truetype'),  url(/v1/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(/v1/static/media/metafont.edab64722bc7d021c8cc.eot);
  /* IE9*/
  src: url(/v1/static/media/metafont.edab64722bc7d021c8cc.eot#iefix) format('embedded-opentype'),  url(/v1/static/media/metafont.82ea4b2afaacc68cfccb.ttf) format('truetype'),  url(/v1/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);
}
.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-0cd61ca8]::before {
  display: table;
  content: '';
}
.clearfix[data-v-0cd61ca8]::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column[data-v-0cd61ca8] {
  display: flex;
  flex-direction: column;
}
.flex-center[data-v-0cd61ca8] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none[data-v-0cd61ca8] {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none[data-v-0cd61ca8]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has[data-v-0cd61ca8] {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has[data-v-0cd61ca8]::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight[data-v-0cd61ca8] {
  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-0cd61ca8] {
  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-0cd61ca8]:hover {
  color: #40a9ff;
  border-color: #40a9ff;
}
.biz-search:hover .icon-e61c[data-v-0cd61ca8] {
  color: #1890ff;
}
.biz-search.ant-dropdown-open[data-v-0cd61ca8] {
  border-color: #40a9ff;
}
.biz-search .icon-e61c[data-v-0cd61ca8] {
  font-size: 20px;
}
.search-area[data-v-0cd61ca8] {
  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-0cd61ca8] .search-box {
  flex: 1 1;
}
.search-label[data-v-0cd61ca8] {
  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(/v1/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(/v1/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;
}