/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px 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;
}
.view-form .priv-add-assign-title {
  line-height: 18px;
  padding: 6px 0;
  word-break: break-all;
}
.view-form .includes-sub-dept {
  margin-top: 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::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px 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.zh-CN .handle-drag-title {
  left: -50px;
}
.view-modal .handle-drag-title {
  left: -70px;
}
.view-modal .handle-drag-title {
  position: relative;
}
.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::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px 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-viewer-with-scale {
  display: flex;
  flex-direction: column;
}
.image-viewer-with-scale .image-scale-control {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.image-viewer-with-scale .image-scale-control span {
  margin: 0 5px;
  font-size: 12px;
  color: #666;
  min-width: 36px;
  text-align: center;
}
.image-viewer-with-scale .image-scale-control .scale-btn {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.image-viewer-with-scale .image-scale-control .scale-btn:hover {
  background: #e0e0e0;
}
.image-viewer-with-scale .image-container {
  width: 100%;
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  overflow: hidden;
}
.image-viewer-with-scale .image-container:active {
  cursor: grabbing;
}
.image-viewer-with-scale .image-container .ant-image {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.image-viewer-with-scale .image-container .ant-image .ant-image-mask-custom {
  opacity: 0;
  background-color: transparent;
  cursor: pointer;
  pointer-events: none !important;
}
.image-viewer-with-scale .image-container .ant-image .ant-image-mask-custom .mask-view-container-copy {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  background-color: transparent;
}
.image-viewer-with-scale .image-container .ant-image .ant-image-mask-custom .mask-view-btn {
  color: #FFF !important;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3px 8px;
  border-radius: 4px;
}
.image-viewer-with-scale .image-container .ant-image .ant-image-mask-custom:hover {
  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::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px 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-receive-invoice-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 12px 42px 12px;
  /* 保留原底向左下的渐变，同时叠加一个从上到下逐渐变白的层以使底部更亮 */
  background: linear-gradient(to bottom, #d9e3ff 0%, rgba(28, 28, 255, 0.1) 24%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.95) 100%), linear-gradient(270deg, #d7e0ff 0%, #dee8fd 50%, #def0fd 60%, #eaf6fe 100%);
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  padding: 10px 0 10px 4px;
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title .label {
  height: 20px;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  line-height: 20px;
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title .tag {
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  padding: 0 6px;
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title .tag-success {
  background: #38D5B0;
  color: #fff;
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title .tag-danger {
  background: #FF7665;
  color: #fff;
}
.ai-receive-invoice-wrap .wrap-left-right {
  flex: 1 1;
  overflow: hidden;
}
.ai-receive-invoice-wrap .wrap-left-right .ant-splitter-bar .ant-splitter-bar-dragger::before {
  background: transparent;
}
.ai-receive-invoice-wrap .wrap-left-right.ant-splitter .left-box.ant-splitter-panel {
  padding-right: 3px;
}
.ai-receive-invoice-wrap .wrap-left-right.ant-splitter .right-box.ant-splitter-panel {
  padding-left: 3px;
}
.ai-receive-invoice-wrap .wrap-left-right.ant-splitter .right-box.ant-splitter-panel .ant-spin {
  max-height: 100%;
}
.ai-receive-invoice-wrap .wrap-top-bottom.ant-splitter .top-box.ant-splitter-panel {
  padding-bottom: 3px;
}
.ai-receive-invoice-wrap .wrap-top-bottom.ant-splitter .bottom-box.ant-splitter-panel {
  padding-top: 3px;
}
.ai-receive-invoice-list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px 8px 0 0;
}
.ai-receive-invoice-list .ai-receive-invoice-list-title {
  padding: 10px 6px;
  display: flex;
  grid-gap: 8px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-title button {
  width: 32px;
  height: 32px;
  padding: 2px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-title .search {
  flex: 1 1;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content {
  flex: 1 1;
  overflow: auto;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .receive-invoice-list {
  flex: 1 1;
  overflow: auto;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .invoice-list-footer {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #F1F1F1;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .invoice-list-footer .ant-pagination {
  display: flex;
  height: 24px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .invoice-list-footer .ant-pagination .invoice-list-pagination {
  height: 24px!important;
  line-height: 24px!important;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .invoice-list-footer .ant-pagination > li {
  height: 24px!important;
  line-height: 24px!important;
  min-width: 24px!important;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item {
  padding: 8px 14px;
  position: relative;
  border-bottom: 1px solid #F1F1F1;
  cursor: pointer;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item.selected {
  border-left: 2px solid #1890FF;
  background: linear-gradient(90deg, #D5E5FF 0%, #F4FAFF 100%);
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item > div.text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item .item-number,
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item .item-invoicingDate {
  font-size: 12px;
  color: #222222;
  line-height: 17px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item .item-sellerName {
  height: 18px;
  font-weight: 600;
  font-size: 13px;
  color: #222222;
  line-height: 18px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item .item-totalPriceAndTax {
  height: 24px;
  font-size: 14px;
  color: #222222;
  line-height: 24px;
}
.ai-receive-invoice-detail {
  display: flex;
  column-gap: 6px;
  height: 100%;
  overflow: hidden;
}
.ai-receive-invoice-detail .invoice-desc,
.ai-receive-invoice-detail .invoice-pic {
  flex: 1 1;
  background: linear-gradient(180deg, #FDF2F9 0%, #FDFAFE 100%);
  border-radius: 8px;
  padding: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ai-receive-invoice-detail .invoice-desc-content {
  flex: 1 1;
  margin-top: 8px;
  overflow: hidden;
  background-color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
.ai-receive-invoice-detail .invoice-desc-content .invoice-desc-html {
  flex: 1 1;
  overflow: auto;
  line-height: 1.5em;
}
.ai-receive-invoice-detail .answer-data {
  width: 100%;
  overflow: hidden;
  padding-bottom: 6px;
}
.ai-receive-invoice-detail .answer-data .biz-link-btn {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.ai-receive-invoice-detail .answer-data .biz-link-btn .biz-meta-link {
  word-break: break-all;
  text-decoration: underline;
  color: #1890ff;
  white-space: normal;
}
.ai-receive-invoice-detail .invoice-desc-title {
  line-height: 20px;
  font-weight: 500;
  font-size: 15px;
  color: #222222;
  position: relative;
  padding-left: 8px;
}
.ai-receive-invoice-detail .invoice-desc-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 2px;
  height: 12px;
  background: #F50602;
}
.ai-receive-invoice-detail .invoice-pic {
  flex: 2 1;
  padding: 12px;
  background: #FFFFFF;
  overflow: hidden;
}
.ai-receive-invoice-detail .invoice-pic .report-no-data {
  border: 1px solid #F1F1F1;
  margin-top: 8px;
  border-radius: 6px;
}
.ai-receive-invoice-detail .invoice-pic-content {
  flex: 1 1;
  border: 1px solid #F1F1F1;
  margin-top: 8px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show {
  flex: 1 1;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .image-viewer-with-scale {
  width: 100%;
  height: 100%;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .image-viewer-with-scale .image-scale-control {
  position: absolute;
  bottom: 2px;
  right: 4px;
  z-index: 10;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn,
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn:hover,
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn .anticon,
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn .anticon {
  font-size: 18px;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn .anticon:hover,
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn .anticon:hover {
  color: #fff;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn {
  left: 10px;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn {
  right: 10px;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-footer {
  height: 24px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #F1F1F1;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-footer .ant-pagination {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-footer .ant-pagination .ant-pagination-item-link {
  height: 20px;
}
.ai-receive-invoice-form {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ai-receive-invoice-form .invoice-form-header {
  height: 56px;
  display: flex;
  align-items: center;
  background: #FFF;
  border-radius: 6px;
  padding: 0 20px;
}
.ai-receive-invoice-form .invoice-form-header .invoice-form-header-item {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.ai-receive-invoice-form .invoice-form-header .invoice-form-header-item .invoice-form-header-item-label {
  margin-right: 8px;
}
.ai-receive-invoice-form .invoice-form-header .invoice-form-header-item .ant-select {
  min-width: 120px;
}
.ai-receive-invoice-form .invoice-bottom-content {
  flex: 1 1;
  border-radius: 6px 6px 0 0;
  margin-top: 2px;
  background: #FFF;
  overflow: hidden;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs-nav {
  padding: 0 12px;
  margin-bottom: 8px;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs {
  overflow: hidden;
  height: 100%;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs-content-holder {
  flex: 1 1;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs-content-holder .ant-tabs-content {
  overflow: auto;
  height: 100%;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs-content-holder .index-modal-main-area {
  padding: 0!important;
}
.ai-receive-invoice-form .invoice-bottom-content .invoice-sub-list {
  height: 100%;
  overflow: hidden;
  padding-bottom: 6px;
}
.ai-receive-invoice-form .invoice-bottom-content .biz-has-sider-main .wrap-header {
  display: none;
}
.ai-receive-invoice-form .invoice-bottom-content .biz-has-sider-main .table-footer {
  background: #FFF;
}
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-header,
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-close {
  display: none!important;
}
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-footer {
  line-height: 42px !important;
  height: 42px !important;
  background: #FFF !important;
}
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-footer .ai-enter-detail {
  height: 42px;
}
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-body {
  height: calc(100vh - 1px - 42px) !important;
  max-height: calc(100vh - 1px - 42px) !important;
}
.ai-receive-invoice-modal.multiTab-modal.page.new-edit-modal.new-version-newEdit > .ant-modal {
  max-width: 100%!important;
  width: 100%!important;
}
.ai-receive-invoice-modal.multiTab-modal.page.new-edit-modal.new-version-newEdit > .ant-modal .ant-modal-content .ant-modal-body {
  height: calc(100vh - 1px - 90px) !important;
  max-height: calc(100vh - 1px - 90px) !important;
}
.ai-receive-invoice-modal.multiTab-modal {
  top: -12px;
  position: relative;
}

/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 使用flex实现水平垂直居中
 * @param: {[string]} @justify [center] 水平对齐方向,[false] 水平方向不设置
 * @param: {[string]} @align   [center] 垂直对齐方向,[false] 垂直方向不设置
 * @example: 
 *  .center {
 *      .box-center(justify, align);
 *  }
 */
/**
 * @todo: 使用translate实现水平垂直居中
 * @param {String} @direction [both] - 水平垂直,其它值`horizontal`和`vertical`
 * @example: 
 *  .center {
 *      .box-center();
 *  }
 */
/**
 * Created by zJiong on 2022-06-20
 */
/**
 * @todo: 控制文字行数溢出...
 * @param  {number} $lines [1] - 默认一行对于点点点结束
 * @param  {number} $substract  [0] - 默认宽度为100% - 0
 * @example: 
 *  .container {
 *      .ellipsis(3);
 *  }
 */
/**
 * @todo: 等比例设置大小
 * @param: real_width 表示实际宽度值，此时前两个参数只是用来计算宽高比
 */
/**
 * @todo: 等比例设置大小
 * @param: container_width 可选。表示容器的宽高比
 * @param: container_height 可选。表示容器的宽高比，该方法使用宽度在容器中所占的百分比来计算元素高度在容器中的百分比
 */
/**
 * @todo: 设置相对大小
 * @param: @width, @height 表示绝对宽高度（一般为设计图上该元素的像素宽高）
 * @param: @base_width 表示基础宽度（一般为设计图的像素宽）
 * @descript: 宽高会按基础宽度换算为等比例的百分比（这里的高度使用的是padding-top）
 */
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollbars-none {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scrollbars-none::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.scrollbars-has {
  -ms-overflow-style: unset;
  overflow: auto;
}
.scrollbars-has::-webkit-scrollbar {
  display: unset;
  /* Chrome Safari */
}
.border-and-box-shadow-highlight {
  border: 1px 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-receive-invoice-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 12px 42px 12px;
  /* 保留原底向左下的渐变，同时叠加一个从上到下逐渐变白的层以使底部更亮 */
  background: linear-gradient(to bottom, #d9e3ff 0%, rgba(28, 28, 255, 0.1) 24%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.95) 100%), linear-gradient(270deg, #d7e0ff 0%, #dee8fd 50%, #def0fd 60%, #eaf6fe 100%);
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  padding: 10px 0 10px 4px;
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title .label {
  height: 20px;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  line-height: 20px;
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title .tag {
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  padding: 0 6px;
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title .tag-success {
  background: #38D5B0;
  color: #fff;
}
.ai-receive-invoice-wrap .ai-receive-invoice-form-title .tag-danger {
  background: #FF7665;
  color: #fff;
}
.ai-receive-invoice-wrap .wrap-left-right {
  flex: 1 1;
  overflow: hidden;
}
.ai-receive-invoice-wrap .wrap-left-right .ant-splitter-bar .ant-splitter-bar-dragger::before {
  background: transparent;
}
.ai-receive-invoice-wrap .wrap-left-right.ant-splitter .left-box.ant-splitter-panel {
  padding-right: 3px;
}
.ai-receive-invoice-wrap .wrap-left-right.ant-splitter .right-box.ant-splitter-panel {
  padding-left: 3px;
}
.ai-receive-invoice-wrap .wrap-left-right.ant-splitter .right-box.ant-splitter-panel .ant-spin {
  max-height: 100%;
}
.ai-receive-invoice-wrap .wrap-top-bottom.ant-splitter .top-box.ant-splitter-panel {
  padding-bottom: 3px;
}
.ai-receive-invoice-wrap .wrap-top-bottom.ant-splitter .bottom-box.ant-splitter-panel {
  padding-top: 3px;
}
.ai-receive-invoice-list {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px 8px 0 0;
}
.ai-receive-invoice-list .ai-receive-invoice-list-title {
  padding: 10px 6px;
  display: flex;
  grid-gap: 8px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-title button {
  width: 32px;
  height: 32px;
  padding: 2px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-title .search {
  flex: 1 1;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content {
  flex: 1 1;
  overflow: auto;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .receive-invoice-list {
  flex: 1 1;
  overflow: auto;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .invoice-list-footer {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #F1F1F1;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .invoice-list-footer .ant-pagination {
  display: flex;
  height: 24px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .invoice-list-footer .ant-pagination .invoice-list-pagination {
  height: 24px!important;
  line-height: 24px!important;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .ant-spin-container .invoice-list-footer .ant-pagination > li {
  height: 24px!important;
  line-height: 24px!important;
  min-width: 24px!important;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item {
  padding: 8px 14px;
  position: relative;
  border-bottom: 1px solid #F1F1F1;
  cursor: pointer;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item.selected {
  border-left: 2px solid #1890FF;
  background: linear-gradient(90deg, #D5E5FF 0%, #F4FAFF 100%);
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item > div.text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item .item-number,
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item .item-invoicingDate {
  font-size: 12px;
  color: #222222;
  line-height: 17px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item .item-sellerName {
  height: 18px;
  font-weight: 600;
  font-size: 13px;
  color: #222222;
  line-height: 18px;
}
.ai-receive-invoice-list .ai-receive-invoice-list-content .receive-invoice-item .item-totalPriceAndTax {
  height: 24px;
  font-size: 14px;
  color: #222222;
  line-height: 24px;
}
.ai-receive-invoice-detail {
  display: flex;
  column-gap: 6px;
  height: 100%;
  overflow: hidden;
}
.ai-receive-invoice-detail .invoice-desc,
.ai-receive-invoice-detail .invoice-pic {
  flex: 1 1;
  background: linear-gradient(180deg, #FDF2F9 0%, #FDFAFE 100%);
  border-radius: 8px;
  padding: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ai-receive-invoice-detail .invoice-desc-content {
  flex: 1 1;
  margin-top: 8px;
  overflow: hidden;
  background-color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
.ai-receive-invoice-detail .invoice-desc-content .invoice-desc-html {
  flex: 1 1;
  overflow: auto;
  line-height: 1.5em;
}
.ai-receive-invoice-detail .answer-data {
  width: 100%;
  overflow: hidden;
  padding-bottom: 6px;
}
.ai-receive-invoice-detail .answer-data .biz-link-btn {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.ai-receive-invoice-detail .answer-data .biz-link-btn .biz-meta-link {
  word-break: break-all;
  text-decoration: underline;
  color: #1890ff;
  white-space: normal;
}
.ai-receive-invoice-detail .invoice-desc-title {
  line-height: 20px;
  font-weight: 500;
  font-size: 15px;
  color: #222222;
  position: relative;
  padding-left: 8px;
}
.ai-receive-invoice-detail .invoice-desc-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 2px;
  height: 12px;
  background: #F50602;
}
.ai-receive-invoice-detail .invoice-pic {
  flex: 2 1;
  padding: 12px;
  background: #FFFFFF;
  overflow: hidden;
}
.ai-receive-invoice-detail .invoice-pic .report-no-data {
  border: 1px solid #F1F1F1;
  margin-top: 8px;
  border-radius: 6px;
}
.ai-receive-invoice-detail .invoice-pic-content {
  flex: 1 1;
  border: 1px solid #F1F1F1;
  margin-top: 8px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show {
  flex: 1 1;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .image-viewer-with-scale {
  width: 100%;
  height: 100%;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .image-viewer-with-scale .image-scale-control {
  position: absolute;
  bottom: 2px;
  right: 4px;
  z-index: 10;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn,
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn:hover,
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn .anticon,
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn .anticon {
  font-size: 18px;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn .anticon:hover,
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn .anticon:hover {
  color: #fff;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-prev-btn {
  left: 10px;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-show .invoice-pic-next-btn {
  right: 10px;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-footer {
  height: 24px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #F1F1F1;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-footer .ant-pagination {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.ai-receive-invoice-detail .invoice-pic-content .invoice-pic-footer .ant-pagination .ant-pagination-item-link {
  height: 20px;
}
.ai-receive-invoice-form {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ai-receive-invoice-form .invoice-form-header {
  height: 56px;
  display: flex;
  align-items: center;
  background: #FFF;
  border-radius: 6px;
  padding: 0 20px;
}
.ai-receive-invoice-form .invoice-form-header .invoice-form-header-item {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.ai-receive-invoice-form .invoice-form-header .invoice-form-header-item .invoice-form-header-item-label {
  margin-right: 8px;
}
.ai-receive-invoice-form .invoice-form-header .invoice-form-header-item .ant-select {
  min-width: 120px;
}
.ai-receive-invoice-form .invoice-bottom-content {
  flex: 1 1;
  border-radius: 6px 6px 0 0;
  margin-top: 2px;
  background: #FFF;
  overflow: hidden;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs-nav {
  padding: 0 12px;
  margin-bottom: 8px;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs {
  overflow: hidden;
  height: 100%;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs-content-holder {
  flex: 1 1;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs-content-holder .ant-tabs-content {
  overflow: auto;
  height: 100%;
}
.ai-receive-invoice-form .invoice-bottom-content .ant-tabs-content-holder .index-modal-main-area {
  padding: 0!important;
}
.ai-receive-invoice-form .invoice-bottom-content .invoice-sub-list {
  height: 100%;
  overflow: hidden;
  padding-bottom: 6px;
}
.ai-receive-invoice-form .invoice-bottom-content .biz-has-sider-main .wrap-header {
  display: none;
}
.ai-receive-invoice-form .invoice-bottom-content .biz-has-sider-main .table-footer {
  background: #FFF;
}
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-header,
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-close {
  display: none!important;
}
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-footer {
  line-height: 42px !important;
  height: 42px !important;
  background: #FFF !important;
}
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-footer .ai-enter-detail {
  height: 42px;
}
.ai-receive-invoice-modal.new-version-newEdit .ant-modal-body {
  height: calc(100vh - 1px - 42px) !important;
  max-height: calc(100vh - 1px - 42px) !important;
}
.ai-receive-invoice-modal.multiTab-modal.page.new-edit-modal.new-version-newEdit > .ant-modal {
  max-width: 100%!important;
  width: 100%!important;
}
.ai-receive-invoice-modal.multiTab-modal.page.new-edit-modal.new-version-newEdit > .ant-modal .ant-modal-content .ant-modal-body {
  height: calc(100vh - 1px - 90px) !important;
  max-height: calc(100vh - 1px - 90px) !important;
}
.ai-receive-invoice-modal.multiTab-modal {
  top: -12px;
  position: relative;
}
.invoice-field-map {
  display: flex;
  flex-direction: column;
}
.bank-tx-detail {
  flex: 1 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 12px;
  row-gap: 10px;
  align-content: start;
  overflow: auto;
  border: 1px solid #E1E1E1;
  border-radius: 6px;
  padding: 12px;
  margin-top: 8px;
}
.bank-tx-detail .bank-tx-item {
  min-width: 0;
}
.bank-tx-detail .bank-tx-item .bank-tx-item-name {
  height: 21px;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 21px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}