/*! pacakge version：4.36.0 */
.mkicon-svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.mkicon-centered {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 4px !important;
}
.mkicon-centered .mkicon {
  padding: 0 !important;
}

/**
 * @Author: wenjwu
 * @Date: 2021-12-21 11:35:00
 * @LastEditors: conggb
 * @LastEditTime: 2022-09-27 11:29:41
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.normal {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
}
.info svg path {
  fill: #3296fa;
}
.warning svg path {
  fill: #f78800;
}
.error svg path {
  fill: #ef0000;
}
.success svg path {
  fill: #00ad26;
}
.disabled svg path {
  fill: #9b9b9b;
}
.peace svg path {
  fill: #695591;
}
.danger svg path {
  fill: #f53137;
}
.with-theme-color svg path {
  fill: var(--mkui-primary-6, #0088ff);
}

/**
 * @Author: qinghui
 * @Date: 2022-05-10 21:12:47
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-29 15:47:39
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.empty .mkui-empty-image img {
  width: 100%;
  height: 100%;
}
.customTable {
  margin: 10px;
  text-align: center;
}
.customTable-des {
  color: rgba(0, 0, 0, 0.44);
  margin-top: 10px;
  font-size: 14px;
}
.empty-wrapper {
  height: 148px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.44);
  font-size: 14px;
}
.empty-wrapper-icon .mkicon {
  font-size: 60px;
}
.empty-wrapper-text {
  font-size: 13px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.no-permission {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.no-permission-goto {
  display: flex;
  align-items: center;
  gap: 2px;
}
.no-permission-icon {
  font-size: 180px;
}
.no-permission-reminder {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 30px;
  margin-bottom: 30px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.not-found-page {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.not-found-page-content {
  text-align: center;
}
.not-found-page-content-img {
  margin-bottom: 12px;
}
.not-found-page-content-desc {
  font-weight: bold;
  font-size: 14px;
}
.not-found-page-content-back {
  font-weight: normal;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.no-permission-page {
  text-align: center;
  margin-top: 120px;
}
.no-permission-page-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
}
.no-permission-page-icon {
  font-size: 180px;
}
.no-permission-page p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 30px;
  margin-bottom: 30px;
}

.router-stack {
  position: relative;
  width: 100%;
  height: 100%;
}
.router-stack > div:not(.hidden):nth-child(1) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.router-stack > div:not(.hidden):nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.router-stack > div:not(.hidden):nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.router-stack > div:not(.hidden):nth-child(4) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
}
.router-stack > div:not(.hidden):nth-child(5) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.router-stack > div:not(.hidden):nth-child(6) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
}
.router-stack > div:not(.hidden):nth-child(7) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 7;
}
.router-stack > div:not(.hidden):nth-child(8) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
}
.router-stack > div:not(.hidden):nth-child(9) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.router-stack > div:not(.hidden):nth-child(10) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.router-stack > div:not(.hidden):nth-child(11) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
}
.router-stack > div:not(.hidden):nth-child(12) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12;
}
.router-stack > div:not(.hidden):nth-child(13) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 13;
}
.router-stack > div:not(.hidden):nth-child(14) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 14;
}
.router-stack > div:not(.hidden):nth-child(15) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
}
.router-stack > div:not(.hidden):nth-child(16) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 16;
}
.router-stack > div:not(.hidden):nth-child(17) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 17;
}
.router-stack > div:not(.hidden):nth-child(18) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 18;
}
.router-stack > div:not(.hidden):nth-child(19) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 19;
}
.router-stack > div:not(.hidden):nth-child(20) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}
.router-stack-item {
  width: 100%;
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-set-entry-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  transition: all 0.3s;
  cursor: pointer;
  height: 32px;
}
.account-set-entry.bordered .account-set-entry-inner {
  border-bottom: 1px solid #d9d9d9;
}
.account-set-entry.bordered .account-set-entry-inner:hover {
  border-bottom-color: var(--mkui-primary-6, #0088ff);
}
.account-set-entry.bordered.readonly-controller .account-set-entry-inner {
  border-bottom: 1px dashed #d9d9d9;
  cursor: not-allowed;
}
.account-set-entry.bordered.readonly-controller .account-set-entry-inner:hover {
  border-bottom-color: #d9d9d9;
}
.account-set-entry-left {
  display: flex;
  width: calc(100% - 13px);
}
.account-set-entry-left-text {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-set-entry-right {
  width: 13px;
}
.account-set-entry-right-icon {
  color: rgba(0, 0, 0, 0.45) !important;
}
.account-set-entry .mkicon-down {
  display: inline-block;
}
.account-set-entry .mkicon-close-circle {
  display: none;
  color: rgba(0, 0, 0, 0.44);
}
.account-set-entry:hover .mkicon-close-circle {
  display: inline-block;
}
.account-set-entry:hover .mkicon-down {
  display: none;
}
.account-set-entry-filter-choose-item .count {
  color: var(--mkui-primary-6, #0088ff);
}
.single-select-controller:hover .mkicon-close-circle {
  display: none;
}
.single-select-controller:hover .mkicon-down {
  display: inline-block;
}
.filter-controller .account-set-entry-left {
  color: var(--mkui-primary-6, #0088ff);
}
.filter-controller .account-set-entry-right {
  display: none;
}
.filter-summary {
  text-overflow: ellipsis;
  max-width: 310px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
.custom-filter-wrapper .account-set-entry {
  border: 1px solid #d9d9d9;
}
.custom-filter-wrapper .account-set-entry-inner {
  height: 30px;
}
.custom-filter-wrapper .account-set-entry:hover {
  border-color: var(--mkui-primary-5, #29a2ff);
}
.custom-filter-wrapper.leftcombined .account-set-entry {
  border-radius: 0 2px 2px 0;
}
.custom-filter-wrapper .account-set-entry {
  border-radius: 2px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.layout-list {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f0f2f5;
}
.layout-list-mask {
  color: #3296fa;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.layout-list-mask::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fafafa;
  opacity: 0.7;
  z-index: 100;
}
.layout-list-mask .mkicon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 101;
  font-size: 36px;
  margin: calc((36px / 2) * -1);
  opacity: 0.8;
  animation: antRotate 4s linear infinite;
}
.layout-list.multiple-router {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.layout-list-header {
  padding-left: 24px;
  font-size: 14px;
  width: 100%;
  height: 44px;
  color: rgba(0, 0, 0, 0.84);
  background-color: #ffffff;
  line-height: 44px;
  flex-shrink: 0;
  font-weight: 600;
}
.layout-list-header-content {
  position: relative;
  height: 44px;
}
.layout-list-header-back {
  display: inline-block;
  margin-right: 8px;
  margin-left: -8px;
  height: 100%;
  cursor: pointer;
  color: #999 !important;
  transform: scaleX(0.9) scaleY(0.9);
}
.layout-list-header-right {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.layout-list-header-tips {
  position: relative;
  top: 1px;
  height: 32px;
  background: #edf7ff;
  color: #555555;
  font-weight: normal;
  font-size: 12px;
  line-height: 32px;
}
.layout-list-header-tips > span {
  margin-right: 7px;
  color: #3296fa;
  font-size: 12px;
}
.layout-list-header-tips::after {
  position: absolute;
  top: 0px;
  left: -36px;
  width: 36px;
  height: 32px;
  background: #edf7ff;
  content: '';
}
.layout-list-header .mkui-tabs-nav-list .mkui-tabs-tab-btn {
  font-weight: normal;
}
.layout-list-sub-header {
  padding-left: 16px;
}
.layout-list-content {
  display: flex;
  margin: 12px;
  flex-direction: column;
  overflow: auto;
  flex-grow: 1;
  background-color: #ffffff;
}
.layout-list-content-brow {
  flex-shrink: 0;
  padding-bottom: 12px;
  background-color: #f0f2f5;
}
.layout-list-content-brow-inner {
  padding: 8px 24px;
  background-color: #ffffff;
}
.layout-list-content-brow .mkui-form-item {
  margin-bottom: 0 !important;
  min-width: 220px;
}
.layout-list-content-filter {
  vertical-align: top;
  flex-shrink: 0;
}
.layout-list-content-toolbar {
  padding: 0 24px;
  height: 48px;
  flex-shrink: 0;
  line-height: 48px;
}
.layout-list-content-toolbar > button {
  margin-right: 8px;
}
.layout-list-content-toolbar-left {
  float: left;
}
.layout-list-content-toolbar-left > button {
  margin-right: 8px;
}
.layout-list-content-toolbar-right {
  float: right;
}
.layout-list-content-table {
  overflow: hidden;
  flex-grow: 1;
}
.layout-list-content .layout-list-content-scroll {
  flex-grow: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 1px;
  position: relative;
}
.layout-list-content .layout-list-content-scroll .layout-list-content-table {
  overflow: initial;
}
.layout-list-content .layout-list-content-scroll .mkui-table {
  border-bottom: none !important;
  overflow: initial !important;
}
.layout-list-content .layout-list-content-pagination-container {
  border-top: 1px solid #e1e1e1;
}
.layout-list-bottom {
  padding: 8px 24px;
  background-color: #ffffff;
  font-size: 13px;
}
.layout-list-bottom-select-info {
  margin-bottom: 8px;
}
.layout-list-bottom-select-info .count-content {
  padding-left: 8px;
}
.layout-list-bottom-select-info .count-number {
  margin: 0 3px;
  font-weight: bold;
  color: var(--mkui-primary-6, #0088ff);
}
.layout-list-bottom-operate {
  margin-right: 16px;
  font-size: 14px;
}
.layout-list-bottom-operate > button {
  margin-right: 8px;
}
.layout-list-bottom > button {
  margin-right: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mk-period-picker,
.mk-period-single-picker {
  display: flex;
  width: 300px;
  height: 31px;
  line-height: 30px;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.mk-period-picker-disabled,
.mk-period-single-picker-disabled {
  border-bottom: 1px dashed #cccccc;
}
.mk-period-picker-search,
.mk-period-single-picker-search {
  position: relative;
  background-color: #f7f7f7;
  border-bottom-color: #f7f7f7;
}
.mk-period-picker-search .mk-period-picker-input,
.mk-period-single-picker-search .mk-period-picker-input {
  background-color: #f7f7f7;
}
.mk-period-picker-active-bar,
.mk-period-single-picker-active-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  opacity: 0;
  background-color: var(--mkui-primary-6, #0088ff);
  transition: all 0.3s ease-in;
  pointer-events: none;
}
.mk-period-picker-active-left-bar,
.mk-period-single-picker-active-left-bar {
  left: 10px;
  width: 90px;
  opacity: 1;
}
.mk-period-picker-active-right-bar,
.mk-period-single-picker-active-right-bar {
  left: 155px;
  width: 117px;
  opacity: 1;
}
.mk-period-picker-separator,
.mk-period-single-picker-separator {
  padding: 0 10px;
}
.mk-period-picker-month,
.mk-period-single-picker-month {
  display: inline-flex;
  height: 31px;
}
.mk-period-picker-input,
.mk-period-single-picker-input {
  border: none;
  padding: 6px 10px;
  width: 125px;
  height: 30px;
  color: rgba(0, 0, 0, 0.84);
}
.mk-period-picker-input:focus-visible,
.mk-period-single-picker-input:focus-visible {
  outline: none;
}
.mk-period-picker-input::-moz-placeholder, .mk-period-single-picker-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.mk-period-picker-input::placeholder,
.mk-period-single-picker-input::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.mk-period-picker-endinput,
.mk-period-single-picker-endinput {
  border: none;
  padding: 6px 0px;
  width: 117px;
  height: 30px;
  color: rgba(0, 0, 0, 0.84);
}
.mk-period-picker-endinput:focus-visible,
.mk-period-single-picker-endinput:focus-visible {
  outline: none;
}
.mk-period-picker-single-input,
.mk-period-single-picker-single-input {
  width: 140px;
}
.mk-period-picker-single-input-disabled,
.mk-period-single-picker-single-input-disabled {
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
  background-color: #fff;
}
.mk-period-picker-calendar,
.mk-period-single-picker-calendar {
  display: inline-block;
  vertical-align: middle;
}
.mk-period-picker-clear,
.mk-period-single-picker-clear {
  vertical-align: middle;
  display: none;
}
.mk-period-picker-endmonth,
.mk-period-single-picker-endmonth {
  width: 160px;
}
.mk-period-picker .mkui-popover-open,
.mk-period-single-picker .mkui-popover-open {
  border-bottom: 1px solid var(--mkui-primary-6, #0088ff);
}
.mk-period-picker .mkui-popover-open .mkicon,
.mk-period-single-picker .mkui-popover-open .mkicon {
  color: var(--mkui-primary-6, #0088ff);
}
.mk-period-picker:hover .mk-period-picker-icon.have-value .mk-period-picker-calendar.allow-clear,
.mk-period-single-picker:hover .mk-period-picker-icon.have-value .mk-period-picker-calendar.allow-clear {
  display: none;
}
.mk-period-picker:hover .mk-period-picker-icon.have-value .mk-period-picker-clear,
.mk-period-single-picker:hover .mk-period-picker-icon.have-value .mk-period-picker-clear {
  display: inline-block;
}
.mk-period-date-container {
  display: flex;
  flex-wrap: wrap;
  width: 360px;
  padding: 0;
  font-size: 0;
  list-style-type: none;
  overflow: hidden;
}
.mk-period-monthdate {
  height: 40px;
  line-height: 40px;
  width: 90px;
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
  list-style: none;
  cursor: pointer;
}
.mk-period-date-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 24px;
  width: 100%;
}
.mk-period-date-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.mk-period-active {
  background-color: var(--mkui-primary-6, #0088ff);
  color: #ffffff;
}
.mk-period-active:hover {
  background-color: var(--mkui-primary-6, #0088ff);
  color: #ffffff;
}
.mk-period-in-range {
  position: relative;
}
.mk-period-in-range::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 24px;
  transform: translateY(-10px);
  background-color: var(--mkui-primary-1, #f2f9ff);
  content: '';
}
.mk-period-disabled {
  cursor: not-allowed;
  color: #999999;
}
.mk-period-header {
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.mk-period-header-view {
  display: inline-flex;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
}
.mk-period-header-btn {
  font-size: 18px;
}
.mk-period-header-default-year {
  visibility: hidden;
}
.mk-period-body {
  padding: 20px 30px 4px 20px;
}
.mk-period-month-popover .mkui-popover-inner-content {
  padding: 0;
}
.mk-period-single-picker {
  width: 160px;
}
.mk-period-single-picker-dateicon:hover .mk-period-single-picker-calendar {
  display: none;
}
.mk-period-single-picker-dateicon:hover .mk-period-single-picker-calendar + .mk-period-single-picker-clear {
  display: inline-block;
}
.mk-period-single-picker-filtersearch {
  position: relative;
  background-color: #f7f7f7;
  border-bottom-color: #f7f7f7;
  width: 300px;
}
.mk-period-single-picker-filtersearch-endmonth {
  width: 300px;
}
.mk-period-single-picker-filtersearch-single-input {
  width: 280px;
  background-color: #f7f7f7;
}
.mk-period-single-picker-filtersearch .mk-period-single-picker-endmonth {
  width: 300px;
}
.mk-period-single-picker-filtersearch .mk-period-single-picker-input {
  width: 275px;
  background-color: #f7f7f7;
}
.custom-filter-wrapper .mk-period-picker {
  width: 100%;
  height: 32px;
  border: 1px solid #d9d9d9;
  padding-right: 10px;
}
.custom-filter-wrapper .mk-period-picker:hover {
  border-color: var(--mkui-primary-5, #29a2ff);
}
.custom-filter-wrapper .mk-period-single-picker {
  width: 100%;
  height: 32px;
  border: 1px solid #d9d9d9;
}
.custom-filter-wrapper .mk-period-single-picker:hover {
  border-color: var(--mkui-primary-5, #29a2ff);
}
.custom-filter-wrapper .mk-period-picker-month {
  width: 48%;
  height: 30px;
}
.custom-filter-wrapper .mk-period-picker-month input {
  width: 100%;
}
.custom-filter-wrapper .mk-period-single-picker-month {
  width: 100%;
  height: 30px;
}
.custom-filter-wrapper .mk-period-single-picker-month input {
  width: 100%;
}
.custom-filter-wrapper .mk-period-picker-disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.custom-filter-wrapper .mk-period-picker-disabled input {
  cursor: not-allowed;
  background-color: #f5f5f5;
}
.custom-filter-wrapper .mk-period-picker-disabled:hover {
  border-color: #d9d9d9;
}
.custom-filter-wrapper .mk-period-picker-disabled .mk-period-picker-dateicon {
  display: none;
}
.custom-filter-wrapper.leftcombined .mk-period-picker,
.custom-filter-wrapper.leftcombined .mk-period-single-picker {
  border-radius: 0 2px 2px 0;
}
.custom-filter-wrapper .mk-period-picker {
  border-radius: 2px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formilypreviewtext-text {
  width: 100%;
  min-height: 32px;
  line-height: 1.5715;
  border-bottom: 1px dashed #e1e1e1;
  padding: 5px 1px 4px !important;
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.formilypreviewtext-text.empty {
  color: rgba(0, 0, 0, 0.6);
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formilypreviewnumber";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-02-02 17:20:18
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-03 13:36:58
 */
.skeleton {
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.spinmask {
  color: #3296fa;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.spinmask::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fafafa;
  opacity: 0.7;
  z-index: 100;
}
.spinmask .mkicon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 101;
  font-size: 36px;
  margin: calc((36px / 2) * -1);
  animation: antRotate 4s linear infinite;
}
.spinmask-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  margin-top: 32px;
}
.spincomponent {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  opacity: 0.7 !important;
  z-index: 100 !important;
  flex-direction: column;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.layout-detail {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.layout-detail h3 {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.84);
}
.layout-detail-header {
  position: relative;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  padding-left: 16px;
  color: rgba(0, 0, 0, 0.84);
  min-height: 44px;
}
.layout-detail-header-logo {
  display: flex;
  margin-right: 6px;
  height: 100%;
  cursor: pointer;
  align-items: center;
}
.layout-detail-header-logo-back {
  color: #999 !important;
  transform: scaleX(0.9) scaleY(0.9);
}
.layout-detail-header-title {
  display: inline-block;
  min-height: 44px;
  padding: 10px 0px;
  font-weight: bold;
}
.layout-detail-header-operates {
  float: right;
  padding-right: 24px;
}
.layout-detail-header-operates > button {
  margin-left: 16px;
}
.layout-detail-header-right {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.layout-detail-header-content-header-title {
  display: inline-block;
  padding-left: 24px;
  font-weight: 500;
  cursor: pointer;
}
.layout-detail-header-content-header-title > i {
  margin-right: 5px;
}
.layout-detail-header-content-header-operates {
  float: right;
  padding-right: 24px;
}
.layout-detail-header-content-header-operates > button {
  margin-left: 16px;
}
.layout-detail-content {
  display: flex;
  overflow: hidden;
  flex-grow: 1;
  padding: 12px;
  background-color: #f0f2f5;
  position: relative;
}
.layout-detail-content-header {
  height: 56px;
  background-color: red;
}
.layout-detail-content-inner {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  padding: 16px 24px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.layout-detail-content-inner-hr {
  margin: 10px 0;
  width: 100%;
  height: 13px;
  background: #eee;
}
.layout-detail-content-inner-thhr {
  width: 200%;
  transform: translateX(-30px);
}
.layout-detail-footer {
  padding: 8px 16px;
  text-align: left;
  font-size: 13px;
}
.layout-detail-footer > button {
  margin-right: 8px;
}

/**
 * @Author: conggb
 * @Date: 2023-07-17 13:50:40
 * @LastEditors: conggb
 * @LastEditTime: 2023-07-17 15:27:37
 */
.preArchiveOperation-overlay {
  width: 360px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
:global .input-validate {
  display: inline-block;
  vertical-align: top;
}
:global .input-validate .input-validate-error {
  margin-bottom: 0;
  padding: 2px 11px 0;
  color: #f5222d;
  font-size: 13px;
  line-height: 20px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.input-edit {
  line-height: 32px;
}
.input-edit-input {
  width: 100%;
}
.input-edit-text {
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
  padding: 0;
  height: 32px;
  transition: background-color 0.2s;
}
.input-edit-text:hover {
  background-color: #f7f7f7;
}

.delete-opt {
  width: 200px;
}
.delete-opt-btn {
  text-align: center;
}
.delete-opt-btn .cancel {
  margin-right: 10px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.select-edit-type {
  padding: 4px 6px;
  background-color: #f7f7f7;
  line-height: 16px;
}
.select-edit-bill-popname {
  margin: 5px;
  padding: 4px 6px;
  display: inline-block;
  background-color: #19f;
  color: #ffffff;
  line-height: 20px;
  font-size: 13px;
}
.select-edit-bill-container {
  width: 300px;
}
.select-edit-validate-error {
  display: block;
  margin: 5px 0 0 0;
  color: red;
}
.select-edit-p {
  margin: 0;
}
.select-edit-p .highlight {
  color: #3296fa;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.photo-upload-modal .mkui-modal-body {
  padding: 0;
}
.mkui-photo-upload {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.mkui-photo-upload-header {
  padding: 13px 24px;
  background: rgba(0, 0, 0, 0.84);
}
.mkui-photo-upload-header-title {
  color: #ffffff;
}
.mkui-photo-upload-header-close {
  float: right;
  color: #ffffff;
}
.mkui-photo-upload-not-connect {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: 652px;
  background: #ffffff;
  font-size: 14px;
  -moz-columns: #775577;
       columns: #775577;
}
.mkui-photo-upload-not-connect > img {
  margin-bottom: 16px;
  width: 160px;
  height: 160px;
}
.mkui-photo-upload-not-connect-btn {
  width: 225px;
}
.mkui-photo-upload-not-connect-btn > button {
  margin-top: 16px;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-photo-upload-tips {
  z-index: 100;
  padding: 10px 16px;
  background-color: #edf7ff;
  color: rgba(0, 0, 0, 0.6);
}
.mkui-photo-upload-tips .mkicon {
  margin-right: 6px;
  color: #3296fa;
}
.mkui-photo-upload-body {
  position: relative;
  width: 100%;
  height: 564px;
}
.mkui-photo-upload-body > img {
  width: 100%;
  height: 100%;
}
.mkui-photo-upload-body-preview {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
  width: 100%;
  height: 100%;
}
.mkui-photo-upload-footer {
  position: relative;
  width: 100%;
  height: 88px;
  background: rgba(0, 0, 0, 0.84);
}
.mkui-photo-upload-footer-camera {
  position: absolute;
  bottom: 120px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -36px;
  width: 72px;
  height: 72px;
  border: 1px solid var(--mkui-primary-6, #0088ff);
  border-radius: 50%;
  cursor: pointer;
}
.mkui-photo-upload-footer-camera > span {
  color: var(--mkui-primary-6, #0088ff);
  font-size: 47px;
}
.mkui-photo-upload-footer-left {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 200px;
  width: 600px;
  height: 100%;
}
.mkui-photo-upload-footer-left-ani-wrapper {
  overflow: hidden;
  max-width: 255px;
}
.mkui-photo-upload-footer-left-ani-inner {
  white-space: nowrap;
  transition: transform 0.3s;
}
.mkui-photo-upload-footer-left > .mkicon {
  color: #ffffff;
  font-size: 32px;
  cursor: pointer;
}
.mkui-photo-upload-footer-left-list {
  display: inline-flex;
  height: 100%;
}
.mkui-photo-upload-footer-left-list-right {
  position: absolute;
  top: 3px;
  right: 40px;
  border: 1px solid red !important;
  background: rgba(0, 0, 0, 0.84);
}
.mkui-photo-upload-footer-left-list-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px/2;
  margin-right: 8px;
  width: 77px;
  height: 64px;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.mkui-photo-upload-footer-left-list-item.active {
  border: 1px solid var(--mkui-primary-6, #0088ff);
  background-color: rgba(0, 0, 0, 0.6);
}
.mkui-photo-upload-footer-left-list-item.active .mkui-photo-upload-footer-left-list-item-delete {
  top: -12px;
  right: -8px;
}
.mkui-photo-upload-footer-left-list-item > img {
  width: 100%;
  height: 100%;
}
.mkui-photo-upload-footer-left-list-item > .mkicon {
  color: #3296fa;
  font-size: 32px;
}
.mkui-photo-upload-footer-left-list-item-delete {
  position: absolute;
  top: -10px;
  right: -7px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #e1e1e1;
}
.mkui-photo-upload-footer-left-list-item-delete > .mkicon {
  color: red;
  font-size: 10px;
}
.mkui-photo-upload-footer-right {
  float: right;
  padding: 30px;
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.detail-form {
  margin-top: -15px;
}
.detail-form .title {
  display: block;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
}
.detail-form .title.border::before {
  display: block;
  height: 8px;
  background-color: #f0f2f5;
  content: '';
}
.detail-form .mkui-input.mkui-input-disabled.mkui-input-li,
.detail-form .mkui-select.mkui-select-disabled .mkui-select-selector {
  border-bottom: 1px dashed #d9d9d9 !important;
  color: rgba(0, 0, 0, 0.84) !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mk-move-popover-container-ul {
  width: 200px;
  list-style-type: none;
  padding: 0;
  margin: -12px -16px;
}
.mk-move-popover-container-li {
  height: 32px;
  line-height: 32px;
  list-style-type: none;
  padding: 0 4px;
  font-size: 14px;
  cursor: pointer;
}
.mk-move-popover-container-li:hover {
  background: #edf7ff;
  color: var(--mkui-primary-6, #0088ff);
}
.mk-move-popover-container-li:active {
  background: #edf7ff;
  color: var(--mkui-primary-6, #0088ff);
}
.mk-move-popover-container-text {
  display: inline-block;
  font-size: 13px;
  color: #0088ff;
  cursor: pointer;
}
.mk-move-popover-container-content {
  width: 160px;
}
.mk-move-popover-container-footer {
  margin-top: 20px;
  text-align: right;
}
.mk-move-popover-container-error .mkui-input.mkui-input-li {
  border-bottom-color: #ff0000;
}
.mk-move-popover-container-error .mk-move-popover-container-tips {
  text-align: right;
  font-size: 12px;
  color: #ff0000;
}

.four-check-modal .mkui-modal-content {
  border-radius: 8px;
}
.four-check-modal .mkui-modal-body {
  text-align: center;
  padding: 12px 20px 16px;
}
.four-check-loading {
  width: 140px;
  height: 120px;
}

.delete-opt {
  width: 200px;
}
.delete-opt-btn {
  text-align: center;
}
.delete-opt-btn .cancel {
  margin-right: 10px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.filling-detail-correct {
  max-width: 640px;
}
.filling-detail-correct .mkui-modal-content {
  width: 640px;
  height: 500px !important;
}
.filling-detail-correct .mkui-modal-body {
  height: calc(100% - 102px);
  padding: 0 24px 24px;
  overflow-y: auto;
}
.filling-detail-correct-err-info {
  line-height: 18px;
  margin-top: 11px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
  display: flex;
  align-items: center;
}
.filling-detail-correct-err-info-icon {
  width: 4px;
  height: 16px;
  margin-right: 4px;
  background-color: #3296fa;
}
.filling-detail-correct-err-info-expand {
  margin-left: 10px;
  cursor: pointer;
  color: #3296fa;
}
.filling-detail-correct-err-info-expand > span {
  margin-left: 4px;
}
.filling-detail-correct-err-content {
  margin-top: 11px;
}
.filling-detail-correct-err-content-icon {
  width: 5px;
  height: 5px;
  margin: 0 4px 2px 0;
  border-radius: 50%;
  background-color: #fff1f1;
  display: inline-flex;
}
.filling-detail-correct-err-content-item {
  max-height: 36px;
  line-height: 18px;
  margin-top: 6px;
  overflow: hidden;
  word-break: break-all;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  position: relative;
}
.filling-detail-correct-err-content-item-type {
  font-weight: 500;
}
.filling-detail-correct-err-content-item-text {
  color: rgba(0, 0, 0, 0.6);
}
.filling-detail-correct-err-content-item-more {
  background-color: #ffffff;
  position: absolute;
  right: 0;
  bottom: 0;
}
.filling-detail-correct-err-content-item-length {
  color: #3296fa;
}
.filling-detail-correct-err-content-item-detail {
  margin-left: 4px;
  cursor: pointer;
  color: #3296fa;
}
.filling-detail-correct-show-correct-content {
  padding: 10px 12px;
  margin: 11px 0;
  border-radius: 2px;
  border: 1px dashed #e1e1e1;
  color: rgba(0, 0, 0, 0.84);
}
.filling-detail-correct-edit-info {
  margin-top: 11px;
}
.filling-detail-correct-edit-info-title {
  margin-bottom: 8px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
  display: flex;
  align-items: center;
}
.filling-detail-correct-edit-info-title-icon {
  width: 4px;
  height: 16px;
  margin-right: 4px;
  background-color: #3296fa;
}
.filling-detail-correct-edit-info-input {
  width: 576px;
  min-height: 128px !important;
  max-height: 256px !important;
  margin-left: 8px;
}

/**
 * @Author: conggb
 * @Date: 2022-09-29 16:12:51
 * @LastEditors: conggb
 * @LastEditTime: 2022-09-29 16:12:51
 * @Description:
 */
.image-view-modal .mkui-modal-body {
  position: relative;
}
.image-view-modal .mkui-modal {
  height: 85vh;
}

.file-viewer {
  height: 100%;
  position: relative;
}
.file-viewer-modal {
  font-size: 0;
}
.file-viewer-modal iframe {
  height: calc(100% - 2px);
}
.file-viewer-modal .mkui-modal-body {
  position: relative;
  padding-top: 0;
}
.file-viewer-warpper-btns {
  position: absolute;
  right: 55px;
  top: 55px;
  width: 32px;
}
.file-viewer-warpper-btns button {
  margin-bottom: 12px;
}
.file-viewer-spin {
  height: 100%;
}
.file-viewer-spin .mkui-spin-container {
  height: 100%;
}
.file-viewer.small-view .file-viewer-warpper-btns {
  right: 25px;
  top: 25px;
}

.mkui-batch-select-more-prefix-cls {
  display: flex;
  align-items: baseline !important;
}
.mkui-batch-select-more-prefix-cls .mkui-modal {
  top: 10vh !important;
}
.mkui-batch-select-more-prefix-cls .mkui-modal-body {
  min-height: 278px;
  max-height: 66vh;
  overflow: hidden;
  padding: 8px 16px 8px 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: column;
}
.mkui-batch-select-more-prefix-cls-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.mkui-batch-select-more-prefix-cls-content-search {
  margin-bottom: 8px;
}
.mkui-batch-select-more-prefix-cls-content-items {
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
.mkui-batch-select-more-prefix-cls-content-items-item {
  font-size: 14px;
  display: inline-block;
  width: 50%;
  padding: 3px 8px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 3px;
  cursor: pointer;
}
.mkui-batch-select-more-prefix-cls-content-items-item.active {
  color: #0088ff;
}
.mkui-batch-select-more-prefix-cls-content-items-item:hover {
  background-color: #f2f2f2;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-no-set-entry-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  transition: all 0.3s;
  cursor: pointer;
  height: 32px;
  border-bottom: 1px solid #d9d9d9;
}
.account-no-set-entry-inner:hover {
  border-bottom-color: var(--mkui-primary-6, #0088ff);
}
.account-no-set-entry-left {
  display: flex;
  width: calc(100% - 13px);
}
.account-no-set-entry-left-text {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-no-set-entry-right {
  width: 13px;
}
.account-no-set-entry-right-icon {
  color: rgba(0, 0, 0, 0.45) !important;
}
.account-no-set-entry .mkicon-down {
  display: inline-block;
}
.account-no-set-entry .mkicon-close-circle {
  display: none;
  color: rgba(0, 0, 0, 0.44);
}
.account-no-set-entry:hover .mkicon-close-circle {
  display: inline-block;
}
.account-no-set-entry:hover .mkicon-down {
  display: none;
}

.rule-split-test-modal .mb8 {
  margin-bottom: 8px;
}
.rule-split-test-modal .mb16 {
  margin-bottom: 16px;
}
.rule-split-test-modal-result-content textarea {
  border: 1px dashed rgba(0, 0, 0, 0.1122);
}

.rule-split-type-radio-group {
  padding: 8px 14px;
  border: 1px solid #EEEEEE;
  margin-left: 12px;
}
.rule-split-type-reg {
  margin-left: 12px !important;
}
.rule-split-type-test-btn {
  margin-top: 8px;
}
.split-demo {
  width: 410px;
}
.split-demo .split-demo-text {
  color: #0088FF;
}
.split-demo .split-demo-img {
  width: 380;
  background-size: contain;
  background-repeat: no-repeat;
}
.split-demo .split-demo-img-CHAR {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX0AAACNCAYAAABbnKr8AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAABJfSURBVHic7d17dFTlvcbx757JjQwhNwwIkRYwQEq4CIiAEoMXUBDaWsClomKVCmrXwVqxy1quCytK0yIIKocDRYMHNQXrZZlUWylYBEIUGG6m4RYIM0NIyEoyTDKXff7QMza9KANJRtnPZ62sxbzz7j2/d4Y82bNn3ncbjY1+E7GcQCCIzWbDZjOiXYq0sVDIJBQKERNjj3Yp0saa/AFs0S5CRETajkJfRMRCFPoiIhai0BcRsRCFvoiIhSj0RUQsRKEvImIhCn0REQs5r9D3+XzU1dUBUFNTg9/vb3a/aZrNfr6K1+vF7Xb/x/tN0wzv/1z2JyIi/1lMJJ29Xi8FBa9QXl6Ox+Pm2mvz2LdvL/369QcMpkyZwiuvvMw777xNu3aJ+Hw+unTpytVXjwjvIy8vj5qaGioqKgDYu3cfH320hZ/85CfhPldeOZRAIMCKFcs5duwYffr0oVevXhQUFADw4x/fR15e3oWPXkTEYiI60vf5fHTo0IF27RKJi4vD4XAQDIbo2rUrbvdJ6uvrufPOKdjtdlau/G8uvfRS7rjjdpYvX47H42H9+v/F4/GwceNGCgvfoLS0lMbGswwZMpjS0lJKS0tZsuR3uFwnqa2t5cSJ4yxe/BseeuhhXC4XN954I3l5edTWnmmt50NE5KIWUehv27aN4uIiKiuP09jYyJYtmykr+4zVq/+HiooKdu7cCXx+yufBB6dTWlpKjx496NGjB1Om3EVycgrp6R3p3Lkzt976I2pqqqmurvnip5r27R1cf/0NxMcnALBnzx4eeGAaBQUFfPDB+wwZMoTOnTvzxhtvUFJS0vLPhojIRS6i0ztjxoyhqOg9MjIy2LJlCzfddDPdu/cgK6sXf/7z+1xzzTUApKamsmzZcn7xi1mAQc+ePXE69+D1eklLS+WOO+7ENE2uuOIKADZv3sybb77JqFHXcd11owCDiooKevfuzdSp99K1a1f8/iYqKiqIiYlh2rRpDBgwoKWfCxGRi15Eof/WW2+xc2cJd911N8FggLNnz9KnTzZbtmymXbtE7HY7pmly+vRp7r77Lo4fr8Aw4IYbbmTBgnmMHz8Bm83OoUPlnD59Orzf555bwuzZc4iPj2fHjh307Hk5AB7PKT766COGDRvGwYMH2LVrFx07dqSiooKRI3Nb9pmQr3To0CE2bfqwWdv48RPo2LFjdAqSNlNfX88f/lBIMBgMt40YcTW9e/eOYlVyviIK/WHDhtGrV2+CwdAXLQb9+vVj4cIFLFz4a/x+PzExMaSnp7Ns2XJ++csn2LZtO4MHD6aqqooRIz7/QNfpdLJv377wfpuamtiyZUv4dlJSB2pqqklPT6NHjx7s2rWLRx99jDlzZlNbW8v48eMxDC0J3JaSk5PJyenXrC0xMTFK1UhbiouLo2/fHEKhULgtLS01ihXJhYgo9DMyMoiJsZOQEI9hGMTGxrB3rxPTNPF43GzcuIFgMEhl5UkeemgGlZUnueqqq1i69DmGDx/BsmVL+c1v8pkw4ftMmPB94POvYe7cuZPHH/9FsyBfsuR31NXVERsbx5gxNxEbG0sg4MfpdDJz5iMt+yzI10pPTyc9PT3aZUgUxMXFMXjw4GiXIS0k4u/px8cnYJomkyffhtfrZf369fz610+zatUqevXqzejRY3jttdf5/e9fZujQoSQlJQGwcOFTXHXVcDZt2hTe1+HDh5k5879IT0/7lyP3H/1oIn36ZHPLLbdQWXmCadPu5+abxzJ//gIef/wxtm792wUOXUTEeoxIr5wVCoWw2b78WxEMBrHb7TQ0NOBwOJr1PX36NB06dMBut2Oz2cKTq/5/+2AwiNvtIi0tjYSEds22DQaD1NfXk5ycjN/vp6mpKbx/n89HbGwsdruu/HO+dOUs69KVs6yryR+IPPTl4qDQty6FvnXpcokiIhaj0BcRsRCFvoiIhSj0RUQsRKEvImIhCn0REQtR6IuIWEhM4B8WURLrCJomZihIyNT39K3GNE1CJqDffcsxTRMjGAxqcpYFBU3zBcM0Rths9I92LdK2QiF2m4b5N7thTI92LdL2Yv5xSQWxDhu4gYZo1yFtz2ajgc9ff7EgJb6IiIUo9EVELEShLyJiIQp9ERELUeiLiFiIQl9ExEIU+iIiFqLQFxGxkFYP/VAoRH19fWs/jIiInINWD32Px8PcuXNb+2FEROQcRBz6lZWVvPvuuxw5ciTcVlFRwTvvvMOJEyfCbW63m7/85S/4fD5CoVCLFCsiIhcmotAvKSnhmWeeweFwsHr1apxOJ6WlpaxYsYKkpCTy8/PZtWsXe/bsIT8/H5vNxoYNGwhqNT8RkW+EmEg6Z2dn88ADD1BeXk67du0oKSlh0qRJTJkyhfLycpKSkti/fz9Hjx5l6tSpZGdnk5mZydKlS1urfmkjp0+fpry8vFlb3759cTgcUapI2kpTUxO7d+9u9o79u9/9LhkZGVGsSs5XRKG/efNmdu7cyejRozlz5gw+n48PP/yQAwcOkJubS6dOnQgGgwQCARISEgCIi4vDMLRm+7ddQ0MDhw8fDt82DIOsrCyFvgUEAgGOHDnS7B17enq6Qv9bKqLQLysrY+DAgSQnJ7Nv3z569OjB/v37ycnJITk5mUOHDjFw4EBGjhzJyy+/zJ133klxcbHO6V8EunXrRrdu3aJdhkRBYmIiEydOjHYZ0kIiCv2pU6dSUFCA2+1mxowZnDlzhu7du1NQUEBlZSXTp0+nqamJ7Oxs4uPjee+99xg+fDjZ2dmtVb+IiETAME1TV86ypnnAaGB4tAuRNrcVKAbmRLsQaXuakSsiYiEKfRERC1Hoi4hYiEJfRMRCFPoiIhai0BcRsRCFvoiIhSj0RUQsJCYQ0AqY1mQAmpdnXXr9rSomGNILb0UGJhig+djWYxiAaSryLSomPi6i5XdERORbTOf0RUQsRKEvImIhCn0REQtR6IuIWIhCX0TEQhT6IiIWotAXEbEQhb6IiIW0SOibpsm/u9Tuv2v/T31FRKT1XfB03KNHj7Jq1SrOnj1L3759ueeee/B6vSxfvhyXy0VSUhIPP/wwqamprFu3jj179pCQkMD9999Pt27dWmIMIiJyjiI+0q+qquLo0aMEAgFM0+TZZ5/lwQcf5JlnnuHw4cM4nU4KCwvp378/ixcvZuzYsaxZswan00l1dTWLFi1i1qxZrFy5sjXGIyIiXyGiI/0//elPvPvuu2RmZnL8+HEWLVrEzTffTKdOnTAMA5/PR1xcHLfddhuxsbFUV1dTUVFBVlYWLpeLyy+/HMMwcDgc7N+/H7/fT2xsbGuNTURE/klEoe9yuejZsyeTJ0/mzJkz2O12xo0bRyAQYO3atWRmZtKrVy8MwwDg1VdfpaysjEceeYTExESefPJJ0tLSKC8vp7GxEZ/Pp9D/lmhqasLr9TZrS0pKwm63R6kiaSuhUIi6urpmn8UlJiYSFxcXxarkfBlmBJ+qNjY2smfPHj7++GMOHz7MU089RSAQYPbs2Vx//fXcdNNN2Gw2tm3bxpAhQ7Db7Rw7dozf/va3LF68GJfLxYEDB+jZsyf5+fksWbIk/AdC2tw8YDQw/Fw6l5WVUVRU1Kzttttu45JLLmmF0qSVbQWKgTnn0rmuro6CggICgUC4bdSoUfTt27eVypPWFNGR/iuvvMKoUaOYPn06Tz/9NKdOneL555/nhz/8IUOHDiUYDGIYBp9++ilut5tx48bx2WefkZmZycmTJ1m6dCkLFiygpKSEgQMHKvC/RbKyssjKyop2GRIFSUlJTJ8+PdplSAuJ6Ejf4/GwYcMGvF4vmZmZTJgwgbVr19LY2BjuM27cOLp06cJrr72Gx+MhIyODSZMmER8fT3FxMZ988gmZmZlMnDiRhISEVhmUnJOIjvTlohLRkb5cXCIKfbmoKPStS6FvYZqRKyJiIQp9ERELUeiLiFiIQl9ExEIU+iIiFqLQFxGxEIW+iIiFKPRFRCxEoS8iYiExvkZ/tGuQaDBMwADNx7YeA8AEU2tfWVFMQryWNhYRsQqd3hERsRCFvoiIhSj0RUQsRKEvImIhCn0REQtR6IuIWIhCX0TEQhT6IiIWotAXEbGQ8wp90zRZsWIFXq8XAJfLxdy5c5k1axY7d+4EIBQK8eKLLzJr1iw++OCDf9n+pZdeoqqq6gLLFxGRSJxX6L/99tv89a9/pbGxkUAgwLx587j33nt58sknWbVqFQ0NDaxfv57U1FTmzJnDpk2bqKioCG+/fv16Nm7cSH19fYsNREREvl7Eob93714OHTrEsGHDAAgEAowaNYrvfOc7JCUlERsby9mzZyktLWXixIk4HA4mTJhAUVERAE6nk4aGBoYMGdKyIxERka8VUejX1NRQWFjIT3/603BbQkICkydPBmDjxo1cdtllpKen09TUhGF8vopfSkoKVVVV1NbWUlhYyJQpU8L3iYhI24mJpPOKFSvo27cv27Zt48SJE5SUlJCbm0soFCI/P59OnTrx6KOPYhgGMTFf7trr9dK+fXsWL17MoEGDKC0txe128+mnn5KRkUFiYmKLD0xaltPppLCwMHzbMAymTZvGpZdeGsWqpC3U1tby/PPP4/d/uQz7LbfcwuDBg6NYlZyviEL/6quvpqqqisrKSurq6nC5XPj9fubPn88PfvADRowYEe7bvXt3SktLGTRoEJs2bSIvLw+3201tbS2VlZV4vV7cbnez/0jyzZWTk0NOTk60y5AoSE5O5oknnoh2GdJCIgr9a6+9Nvxvn8/H+PHjMU0Tt9vN6tWrWbNmDQBz5szh3nvvZd68eaxbt47evXuTk5NDv379wtt7PB7Gjx9PcnJyy4xERES+lmGaZqteOykQCDQ71SPfGPOA0cDwaBcibW4rUAzMiXYh0vZafXKWAl9E5JtDM3JFRCxEoS8iYiEKfRERC1Hoi4hYiEJfRMRCFPoiIhai0BcRsRCFvoiIhcQ0eBujXYNEgYmJzQDT1GqnVmMYJiETDPTaW1GMIzE+2jWIiEgb0ekdERELUeiLiFiIQl9ExEIU+iIiFqLQFxGxEIW+iIiFKPRFRCxEoS8iYiEKfRERC7ngC9ieOHGCuLg4Lrnkkq/sd/DgQXbs2EHnzp0ZOXIk8fFfzgT++9//jt1up3v37gSDQT7++GOOHDnCoEGDyM7OvtASRUTkCxd8pH/w4EGOHj36lX3Kysp46aWXyM3N5cyZM6xbty58n8fjYdasWWzevBmAN998kwMHDpCbm8uLL75IWVnZhZYoIiJfiCj0g8Ega9as4bHHHmPNmjUEg0EcDgcOh4OCggJOnjyJaZosW7YMv99PIBBg6dKlGIbBz372M7p168Z1111HdXV1eH8rV65k0qRJ4cdwOp3cfvvtXHbZZQwZMoSKioqWHbGIiIVFFPqvv/46DoeDp59+mo4dO/LWW29x/PhxTp06Rfv27dm+fTu1tbUUFxezdetWnE4nNTU1XH755XTt2pX8/Hx+/vOfh0N+5cqVjBs3jrS0tPBjzJ49m8TERGpqanj//fcZMGBAy45YRMTCIjqnv3v3bvx+P7t27cLr9ZKcnExOTg4AY8aMYdGiRYRCIWbMmEFJSQkdOnRg4sSJ4e1nzJhBWVkZa9eu5ZprriElJYUBAwZQVFTU7HG2b9/OunXrmDt3Lunp6S0wTLlQn3zySbPTcgAzZ86ka9euUapI2kpNTQ3PPvssfr8/3HbrrbcyfPjwKFYl5yui0E9PT2fs2LFkZ2dz7Ngxjh8/zsmTJwFISEigrq6OHTt2MHv2bA4cOMChQ4e47777ePXVV+nTpw9XXHEFWVlZuFwubDYb1dXVvPDCC5SVldHQ0MD3vvc9gsEgf/zjH1m4cCEOh6NVBi2R69+/P3369GnW9o8fxsvFKyUlhV/96lfN2mJjY6NUjVyoiEJ/8uTJPPfcc3Tp0oXKykpmzpwZDn2AvLw8tm3bRkJCAqmpqfj9fgzD4IYbbmDhwoUUFxfjcrm45557uPLKK8nNzQWgqKgIj8fD4MGDufvuu0lJSWH+/PkYhsHkyZMZNGhQy45aIma322nXrl20y5AoMAxDr/1FxDBN04xkg1AoRE1NDampqdhs5/6RQCgUorq6mpSUFGJiLvibonLh5gGjAb1Ht56tQDEwJ9qFSNuLOH1tNtt5nWe32Wx07Ngx4u1ERKTlaEauiIiFKPRFRCxEoS8iYiEKfRERC1Hoi4hYiEJfRMRCFPoiIhai0BcRsZAYr68p2jVIlBhARNOx5aKg193a/g+CgVlkV02k6QAAAABJRU5ErkJggg==);
  height: 140px;
}
.split-demo .split-demo-img-CHAR_BETWEEN {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX0AAABVCAYAAACl8TS+AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAuiSURBVHic7d1/bFRlvsfx95mZ/ry10tb+AFoUaelNoBS4eC03AQIokECQFOSXRtxsdIHrvcYsEtmlu+iygNSobECB1GtirWLij5WuCHUjSKWmgmDbuwVsoVC6ty2F1g60nenMnHP/wIxp7s26U9oOy/m8kiaTp8888z3ntJ88c2bOeQyv12chtuP3B3A4HDgcRrhLkSFmmhamaeJyOcNdigyxXp8fR7iLEBGRoaPQFxGxEYW+iIiNKPRFRGxEoS8iYiMKfRERG1Hoi4jYiEJfRMRG+hX6Xq+Xrq4uADo7O/H7/f0uoKenhytXrvzNPjczvoiI/MgVSmePx8PHH/+Rs2fP0tz8Pzz44BwqKyuZMGECUVHRLFmyhHfffZdDhw4SHR2F19tLevpIZs6cFRxjypT7cLvdtLS0AFBV9S3l5eU89dR/BPuMHz8ev9/P228X89133zFixAgmTpzEvn3vAgarVq1i2rRpA7MHRERsJOTQ93q9+Hw+/H4/Ho8H0zQZNWoUX3zxBd3d3SxbtoxPPill167/Yv36Z1mwYCEbNjzHvHlzqays5Pe/38KBAweorf0L6enpWBbcfffdlJbuB+Cbb07whz/sJCIigpqaGgoLXyI6OpqSkreZPn06fr+f9varg7IzRERudyGd3jly5DAHDnzCuXPn6Ozs5M9//ozq6ip27HiVc+fOcezYMQzDoKOjg9Wrf8HJk9+QnT2WzMxMnnrqP0lJSSUp6S4SEhJYvnwFMTGxxMbGBH8yMzOZOXMmERERANTUVPP4449RXPwWhw9/Tm7uRJKSkigt3U9VVdWg7BARkdtZSDP9hQsf4uuvvyYlJYVjx77koYcWceHCBbKzsykvL2fWrBuncYYNG8bLL79CQcFGwGD06Hs4c+YM1665SUxM5LHHVgGQnf3PgMXJkyfZt28fEydOYuXKR3A4HDQ1NTFhQi5r1vw7SUkJAHR3d5GUlMTKlY+SlZU1gLtBRMQeQgr9Q4cOUl5+lFWrHsftdtPZ2cmYMZkcP34C0zRxOp1YlhWc6V+61IhhwOzZD7Jt2xZmzZqN0+mkpaWF69evB8fdvft1XnhhMwkJCTQ0NJCWlgbAX//axJ/+tJ+pU/+N6upqTp06RUpKCufPn2fmzJkDuyfkb2poaKC8/GiftvnzF5CUlBSmimSoXL/exccff0QgEAi25eVNZezYsWGsSvorpNAfN248Y8Zk4nA4MAwDlyuCSZMmsn37Nn73u82YpolhGCQmJrJ7915+/etfUVVVTU5ODs3NzcF3AhUVFdTW/gUAy7Lo7u7m4MFPMYwbt/ldvHgxgUCA4cOHk5MzgdOna1m37lleeOF5uru7mTt3brCvDI3Y2FgyMjL6tEVGRoapGhlKLpeT9PQMTPPH0I+L+6cwViQ3I6TQz8jIICoqiujoGAzDQXR0FBcvXgwG9/79+zFNk4sXL/Lzn/+MlpYWJk+ezFdfVTBhQi67d+9m+/ZC8vPzyc/PD45bU1PNxo0FwSC3LIvCwu1cuXKV69evMXnyv3DXXUn4fD4qKo7xy1+uG9i9ID8pNTWV1NTUcJchYRAdHc2MGTPCXYYMkJC/p29ZJpcvtzB37hwaGhrYtWsXzz67nldffYX09JFMmTKF4uK3KS4u4b77/pVhw+6ktbWVl19+hczMTA4fPhwcq7Gxkd/8poDY2Ng+r2EYBitWrGTs2LEsXbqMQMDPI4+sZOrUqTz33K9Yu3Y1J04cv/mtFxGxGSPUlbMCgQBO548r7vj9flwuF+3t7SQkJPQ57dLY2EhycjKRkZE4nU5M0/xhxZ4bbzB8Ph/19fWMHDmS+Pj4Pq/j8/m4evUqaWlpeDweenp6SEi48YGu2+0mNjYGlyui3xtud1o5y760cpZ99fr8oYe+3B4U+val0LcvLZcoImIzCn0RERtR6IuI2IhCX0TERhT6IiI2otAXEbERhb6IiI24AgEz3DVIGJiWhWWaWJa+p283pmVhWRb637cfy7Jw6QINmzL5o9PhHG9AZrhLkaFlQX3ADPy3y+FcFO5aZGi5XE5cEREKfTuKwFkFpKLQt6M2bhx/hb4N6Zy+iIiNKPRFRGxEoS8iYiMKfRERG1Hoi4jYiEJfRMRGFPoiIjai0BcRsZEBCX3rh8u6/792ERG5dbhudoAzZ85QXFyMz+dj9OjRPPnkk3R0dLB37166urpITk5m7dq1REZGDkS9IiJyE0Ke6be1tXHhwgX8fj+mabJz507Wr1/Piy++SGtrK7W1tRQVFbFgwQI2b95MTk4OH3zwwWDULiIiIQop9MvKytiyZQvvv/8+69atwzRNXnrpJWJjY2ltbcXj8ZCamkpbWxtZWVkYhsGIESM4fvz4YNUvIiIhCOn0TmtrK2PGjGHZsmV0dHRgGAbR0dE0NTVRXFxMXFwc8fHxTJ8+ncLCQubPn8+RI0fo7e0drPpliPh8Prq7u/u0xcXF4XTqhn23O9M0uXbtWp+2mJgYnbL9B2VYIXza6vV6qa6uprKykvPnz7Np0yZqa2vJy8sDYO/evYwaNYrZs2dTV1dHc3MzycnJ7N+/n40bNw7aRki/PA/MAab+PZ3r6uooKyvr07Z06VKSk5MHoTQZZF8BZcBv/57O165do6SkhEAgEGybMWMG48ePH6TyZDCFNNMvKSlh1qxZrF27lq1bt9Le3k5RURH33HMPKSkp1NXVkZeXx3vvvUdcXBwLFy5kx44d5OfnD1b9MkSysrLIysoKdxkSBnfccQerV68OdxkyQEKa6be0tPDhhx/i8XgYPnw4S5cupampiY8++ohAIEBubi4PPPAAXV1dvPXWW3R1dTFp0iRmz549mNsg/RPSTF9uKyHN9OX2ElLoy21FoW9fCn0b0xW5IiI2otAXEbERhb6IiI0o9EVEbEShLyJiIwp9EREbUeiLiNiIQl9ExEYU+iIiNuLq8egOmHZkAQbGD4/EXgwsLIxwlyFh4YqJ1u1RRUTsQqd3RERsRKEvImIjCn0RERtR6IuI2IhCX0TERhT6IiI2otAXEbERhb6IiI0o9EVEbKRfoW9ZFgcOHMDr9QLQ2dlJcXExe/bsoaGhIdjn0KFD7Nmzh5qamv8zxsGDB3G73TdRuoiIhKpfoV9eXs7OnTvp7u7GNE0KCgqYOHEi+fn5bN26Fa/XS2lpKXV1dTz88MMUFRVx+fLl4PM///xztm3bRnt7+4BtiIiI/LSQQ//SpUscPXqUOXPmAODxeBg9ejQ5OTkkJycTHx/P999/z5dffsmaNWtITExk+fLlfPrpp8Hnf/vtt0ybNm1gt0RERH5SSKHv8Xh48803WbduHYZx4x59sbGxPPPMMwBUVFQQExNDSkoKvb29OBw3hk9OTqa5uRmPx8OePXt44okngr8TEZGh4wql8xtvvMG8efPo6enB4/HQ2dnJnXfeiWVZFBUV4Xa72bBhA4Zh4HQ6g8/r7e0lJiaG1157jUWLFuH3+/F6vbjdbgKBQJ++cms6deoU77zzTp+2p59+mvT09DBVJEOlo6ODwsJCfD5fsG3x4sXk5eWFsSrpr5BCPzMzk7Nnz3L27Fnq6ur47LPPWLFiBa+//jr33ntvnxl8Wloa9fX1ZGVlceLECe6//37a2to4ffo0p0+fprGxkSNHjpCRkUFCQsKgbJwMnNzcXMaNG9enLSIiIkzVyFAaNmwYmzZt6tPmcoUUHXILCenIzZ07N/i4o6ODJUuWYJompaWlZGdnU1ZWhmEYFBQU8Oijj7J161aioqJITExk5cqVff5Q6uvrWbhwoQL/H4TD4SAyUmsv2JFhGDr2txHDsqxBWzrJsiy6urqIi4sbrJeQ/nsemANMDXchMuS+AsqA34a7EBl6g/ppqmEYCnwRkVuIvkIjImIjCn0RERtR6IuI2IhCX0TERhT6IiI2otAXEbERhb6IiI0o9EVEbMTV7ekNdw0SJgYwaJdjyy1Lx93e/hf06gK/+Q1CPQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  height: 80px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.section-attachment-setting {
  width: 530px;
}
.section-attachment-setting .more-action {
  width: 20px;
  display: block;
  height: 20px;
}
.section-attachment-setting-rules-list {
  display: flex;
}
.section-attachment-setting-rules-list .section-attachment-setting-rules-list-item {
  width: 93px;
  height: 38px;
  padding: 0px 8px;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  margin-right: 8px;
  display: flex;
}
.section-attachment-setting-rules-list .section-attachment-setting-rules-list-item-name {
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-attachment-setting-rules-list .section-attachment-setting-rules-list-item-operator {
  flex-shrink: 0;
}
.section-attachment-setting-rules-list .section-attachment-setting-rules-list-item-operator-icon {
  transform: rotate(90deg);
  line-height: initial;
  display: flex;
  color: rgba(0, 0, 0, 0.44);
}
.section-attachment-setting-rules-list .section-attachment-setting-rules-list-item:hover {
  background: #f2f9ff;
}
.section-attachment-setting-rules-list .section-attachment-setting-rules-list-item:hover .section-attachment-setting-rules-list-item-name {
  color: #0088FF;
}
.section-attachment-setting-rules-list .rule-selected {
  border: 1px solid #0088FF;
  color: #0088FF;
  background: #f2f9ff;
}
.section-attachment-setting-text {
  color: #3296fa;
}

/**
 * @Author: qinghui
 * @Date: 2021-12-21 11:02:14
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-02-14 17:12:40
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.link-certificate-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.link-certificate-footer-num {
  margin: 0 2px;
  color: var(--mkui-primary-6, #0088ff);
}
.link-certificate-modal .mkui-modal-body {
  height: 0;
}
.link-certificate-modal .mkui-flex-table {
  height: calc(100% - 40px);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.scan-signalIn {
  width: 260px;
  height: 260px;
  text-align: center;
}
.scan-signalIn .btn-retry {
  width: 108px;
  height: 32px;
  border: 1px solid #fe7a23;
  border-radius: 2px;
  color: #fe7a23;
  line-height: 32px;
  margin-top: 8px;
  cursor: pointer;
}
.scan-signalIn .btn-scan {
  width: 108px;
  height: 32px;
  border: 1px solid var(--mkui-primary-6, #0088ff);
  border-radius: 3px;
  line-height: 32px;
  color: var(--mkui-primary-6, #0088ff);
  margin-top: 8px;
  cursor: pointer;
}
.scan-signalIn img {
  display: inline-flex;
  width: 160px;
  height: 160px;
}
.scan-signalIn > div {
  display: inline-flex;
}
.scan-signalIn .desc {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 10px;
  padding: 10px 22px;
  font-size: 16px;
  align-items: center;
}
.scan-signalIn .desc .top {
  display: inline-flex;
  justify-content: center;
}
.scan-signalIn .desc .details,
.scan-signalIn .desc .scanDetails {
  padding-top: 6px;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: right;
  color: #3296fa;
  line-height: 22px;
}
.scan-signalIn .desc .scanDetails > em {
  display: inline-block;
  padding: 0 3px;
  font-style: normal;
}
.scan-signalIn .desc-border:hover {
  background-color: #f3f3f3;
}
.scan-signalIn .desc-color {
  color: rgba(0, 0, 0, 0.6);
}
.scan-signalIn .des-scaning {
  color: #3296fa;
}
.scan-border {
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(151, 151, 151, 0.5);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.alter-err-check {
  display: flex;
  align-items: center;
  background-color: #fffaed;
  font-size: 12px;
}
.alter-err-check > .mkui-checkbox-group > div {
  height: 32px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
  padding-left: 16px;
}
.alter-err-check > .mkui-checkbox-group > div > span.warning {
  color: #8a6e3c;
  margin-right: 24px;
}
.alter-err-check > .mkui-checkbox-group > div > span.show-more {
  font-size: 13px;
  color: #3296fa;
  margin-left: 16px;
}
.alter-err-check > .mkui-checkbox-group > div > span.show-more:hover {
  cursor: pointer;
}
.alter-err-check .mkicon {
  height: 16px;
  width: 16px;
  margin-right: 6px;
  color: #f5be15;
}

.mkui-table-thumbnailimg {
  position: relative;
  display: block;
  z-index: 2;
  cursor: pointer;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.modal-queue-container {
  position: relative;
}
.modal-queue-container .mkui-modal-root {
  visibility: hidden;
}
.modal-queue-container > div:last-child .mkui-modal-root {
  visibility: visible;
}
.modal-queue-actions {
  position: fixed;
  width: 140px;
  z-index: 9999;
}
.modal-queue-button {
  background-color: rgba(255, 255, 255, 0.86);
  color: #000;
  padding: 5px 12px;
  border-radius: 2px;
  cursor: pointer;
}
.modal-queue-button:hover {
  background-color: var(--mkui-primary-6, #0088ff);
  color: #fff;
}
.modal-queue-close {
  position: fixed;
  width: 20px;
  z-index: 9999;
  color: #777;
  text-align: center;
  cursor: pointer;
  background-color: white;
}
.modal-queue-mask {
  visibility: hidden;
  position: fixed;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: transparent;
}
.modal-queue-mask .modal-queue-placeholder {
  position: relative;
  height: 85vh;
  margin: 0 auto;
  max-width: calc(100vw - 32px);
  max-height: 90%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-queue-content {
  opacity: 0;
}
.modal-queue-content-active {
  opacity: 1;
}
.modal-queue-scope .mkui-modal-close-x {
  display: none;
}
@media screen and (max-width: 1440px) {
  .modal-queue-placeholder {
    width: 1200px;
  }
}
@media screen and (min-width: 1441px) {
  .modal-queue-placeholder {
    width: 1400px;
  }
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.detail-header-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 28px 8px 6px;
}
.detail-header-title-container-modal {
  padding-right: 64px;
}
.detail-header-title-container-left-top {
  display: flex;
  align-items: center;
  line-height: 22px;
  margin-bottom: 4px;
  font-size: 16px;
}
.detail-header-title-container-left-top > span {
  vertical-align: middle;
}
.detail-header-title-container-left-top-company {
  display: inline-block;
  font-weight: 500;
  margin-right: 8px;
  max-width: 600px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.detail-header-title-container-left-top.single-row {
  font-size: 14px;
  margin-bottom: 0;
}
.detail-header-title-container-left-bottom {
  color: rgba(0, 0, 0, 0.6);
  line-height: 22px;
}
.detail-header-title-container-left-bottom > span {
  margin-right: 16px;
  vertical-align: middle;
}
.detail-header-title-container-left-bottom-amount {
  font-weight: 500;
  font-size: 16px;
}
.detail-header-title-container-left-bottom-summary {
  font-size: 13px;
  font-weight: 400;
}
.detail-header-title-container-right > button {
  margin-left: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.block-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  background-color: #fcfcfc;
  opacity: 0.6;
  font-size: 20px;
}
.block-mask-box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
}
.block-mask-box-effect .mkicon {
  color: #cccccc;
  font-size: 50px;
}
.block-mask-box-text {
  display: block;
  margin-top: 20px;
  color: #808080;
  font-size: 14px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.favoritecreate-trigger {
  height: 36px;
  line-height: 34px;
  color: var(--mkui-primary-5, #29a2ff);
  cursor: pointer;
  margin-left: 8px;
}
.favoritecreate .mkui-input-group-addon {
  padding: 0;
}
.favoritecreate-adddon {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  text-align: center;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.favoriteaddupdate {
  position: relative;
}
.favoriteaddupdate-content {
  height: 246px;
  overflow: auto;
  padding: 0 24px;
}
.favoriteaddupdate-item-name {
  display: inline-block;
  width: 270px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.favoriteaddupdate-item-count {
  position: absolute;
  right: 8px;
  color: rgba(0, 0, 0, 0.44);
}
.favoriteaddupdate .mkui-checkbox-wrapper {
  padding: 0 8px;
  align-items: center;
  position: relative;
}
.favoriteaddupdate .mkui-checkbox {
  top: 1px;
}
.favoriteaddupdate .mkui-checkbox-wrapper:hover {
  background-color: #f7f7f7;
}
.favoriteaddupdate .mkui-checkbox-wrapper:hover .mkui-checkbox-inner {
  border-color: var(--mkui-primary-5, #29a2ff);
}
.favoriteaddupdate .mkui-alert-info .mkicon {
  margin-top: -20px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.favoritemarker {
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  height: 16px;
}
.favoritemarker-unactive svg {
  color: rgba(0, 0, 0, 0.6);
}
.favoritemarker-unactive svg:hover {
  color: rgba(0, 0, 0, 0.84);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mkui-associate-component-container {
  margin-top: 10px;
  overflow: auto;
}
.mkui-associate-component-container-relation-btn {
  margin-bottom: 12px;
}
.mkui-associate-component-init-button {
  width: 360px;
  height: 70px;
  line-height: 70px;
  padding: 0 16px;
  margin-bottom: 22px;
  border: 1px dashed #e1e1e1;
  box-sizing: border-box;
  border-radius: 2px;
}
.mkui-associate-component-init-button-add {
  margin-left: 4px;
}
.mkui-associate-component-init-button-title {
  color: rgba(0, 0, 0, 0.44);
}
.mkui-associate-component-init-button .mkui-associate-component-document-arrow {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  color: var(--mkui-primary-6, #0088ff);
  transition: transform 0.5s;
}
.mkui-associate-component-init-button .mkui-associate-component-document-arrow-up {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  color: var(--mkui-primary-6, #0088ff);
  transform: rotate(-180deg);
}
.mkui-associate-component-init-button .mkui-associate-component-document-arrow-down {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  color: var(--mkui-primary-6, #0088ff);
  transform: rotate(0deg);
}
.mkui-associate-component-init-button .mkui-associate-component-init-button {
  width: 360px;
  height: 70px;
  line-height: 70px;
  padding: 0 16px;
  border: 1px dashed #e1e1e1;
  box-sizing: border-box;
  border-radius: 2px;
}
.mkui-associate-component-init-button .mkui-associate-component-init-button-add {
  padding: 0 10px 0;
  margin-left: 4px;
}
.mkui-associate-component-init-button .mkui-associate-component-icon {
  display: inline-block;
  vertical-align: text-top;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.28);
}
.mkui-associate-component-popover {
  padding: 0;
}
.mkui-associate-component-popover .mkui-popover-inner-content {
  padding: 0;
}
.mkui-associate-component-menu {
  height: 180px;
  overflow: auto;
  list-style-type: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border-radius: 5px;
  outline: none;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.mkui-associate-component-menu-item {
  display: flex;
  align-items: center;
  padding: 6px 16px;
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.mkui-associate-component-menu-item:hover {
  background: #f5f5f5;
}
.mkui-associate-component-voucher-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 12px;
  width: 360px;
  height: 70px;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid #e1e1e1;
}
.mkui-associate-component-voucher-item:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
}
.mkui-associate-component-voucher-item:hover .mkui-associate-delete-btn {
  opacity: 1;
}
.mkui-associate-component-voucher-item-top {
  height: 20px;
  margin-bottom: 6px;
}
.mkui-associate-component-voucher-item-fileicon {
  display: inline-block;
  height: 20px;
  margin-right: 6px;
  font-size: 16px;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-associate-component-voucher-item-fileicon .mkicon-receipt1 {
  vertical-align: text-top;
}
.mkui-associate-component-voucher-item .voucher-id {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
.mkui-associate-component-voucher-item-type {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  font-size: 14px;
}
.mkui-associate-component-receipt-item-container {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  flex-direction: row;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 12px;
  width: 548px;
  height: 100px;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid #e1e1e1;
}
.mkui-associate-component-receipt-item-container:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
}
.mkui-associate-component-receipt-item-container:hover .mkui-associate-delete-btn {
  opacity: 1;
}
.mkui-associate-component-receipt-item-image-box {
  width: 76px;
  height: 76px;
  margin-right: 12px;
  border: 1px solid #eee;
  border-radius: 2px;
}
.mkui-associate-component-receipt-item-desc {
  width: calc(100% - 88px);
}
.mkui-associate-component-receipt-item-desc-top {
  height: 20px;
  margin-bottom: 8px;
  display: flex;
}
.mkui-associate-component-receipt-item-desc-accountName {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mkui-associate-component-receipt-item-cash {
  display: inline-block;
  padding: 0 5px;
  height: 20px;
  font-size: 14px;
  margin-left: 10px;
  color: #8b96b0;
  background-color: #eee;
}
.mkui-associate-component-receipt-item-data-line {
  position: relative;
}
.mkui-associate-component-receipt-item-data-line::after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: calc(50%);
  height: 100%;
  width: 1px;
  background-color: #eee;
}
.mkui-associate-component-receipt-item-sub-line {
  margin-bottom: 5px;
}
.mkui-associate-component-receipt-item-sub-item {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  width: 210px;
  padding-right: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.84);
}
.mkui-associate-component-receipt-item-second-item {
  padding-right: 0;
  padding-left: 16px;
}
.mkui-associate-component-mkdocument-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 12px;
  width: 360px;
  height: 70px;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid #e1e1e1;
}
.mkui-associate-component-mkdocument-item:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
}
.mkui-associate-component-mkdocument-item:hover .mkui-associate-delete-btn {
  opacity: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #fafafc 100%);
}
.mkui-associate-component-mkdocument-item-top {
  height: 20px;
  margin-bottom: 8px;
}
.mkui-associate-component-mkdocument-item-fileicon {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-associate-component-mkdocument-item-id {
  font-size: 13px;
  color: #757575;
}
.mkui-associate-component-mkdocument-item-type {
  display: inline-block;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  font-size: 14px;
}
.mkui-associate-component-flow-item {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  flex-direction: row;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 12px;
  height: 100px;
  width: 446px;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid #e1e1e1;
}
.mkui-associate-component-flow-item:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
}
.mkui-associate-component-flow-item:hover .mkui-associate-delete-btn {
  opacity: 1;
}
.mkui-associate-component-flow-item-image-box {
  width: 76px;
  height: 76px;
  margin-right: 12px;
  border: 1px solid #eee;
}
.mkui-associate-component-flow-item-image-icon {
  display: block;
  width: 76px;
  height: 76px;
  margin-right: 12px;
  padding-top: 8px;
}
.mkui-associate-component-flow-item-desc {
  width: 100%;
}
.mkui-associate-component-flow-item-desc-top {
  height: 20px;
  margin-bottom: 8px;
  display: flex;
}
.mkui-associate-component-flow-item-desc-accountName {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mkui-associate-component-flow-item-cash {
  display: inline-block;
  padding: 0 5px;
  height: 20px;
  font-size: 14px;
  margin-left: 10px;
  color: #8b96b0;
  background-color: #f7f7f7;
}
.mkui-associate-component-flow-item-data-line {
  position: relative;
}
.mkui-associate-component-flow-item-data-line::after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: calc(50%);
  height: 100%;
  width: 1px;
  background-color: #eee;
}
.mkui-associate-component-flow-item-sub-line {
  margin-bottom: 5px;
}
.mkui-associate-component-flow-item-sub-item {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  width: 210px;
  padding-right: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.84);
}
.mkui-associate-component-flow-item-second-item {
  padding-right: 0;
  padding-left: 16px;
}
.mkui-associate-component-flow-item-flow-item-box {
  max-width: 190px;
  overflow: hidden;
}
.mkui-associate-component-document-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 12px;
  width: 360px;
  height: 70px;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid #e1e1e1;
}
.mkui-associate-component-document-item:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
}
.mkui-associate-component-document-item .mkui-associate-delete-btn:hover {
  opacity: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #fafafc 100%);
}
.mkui-associate-component-document-item-top {
  height: 20px;
  margin-bottom: 8px;
}
.mkui-associate-component-document-item-fileicon {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 6px;
  font-size: 16px;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-associate-component-document-item-document-id {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 320px;
  white-space: nowrap;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
.mkui-associate-component-document-item-type {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  font-size: 14px;
}
.mkui-associate-component-invoice-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 12px;
  width: 360px;
  height: 70px;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid #e1e1e1;
}
.mkui-associate-component-invoice-item:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
}
.mkui-associate-component-invoice-item:hover .mkui-associate-delete-btn {
  opacity: 1;
}
.mkui-associate-component-invoice-item-top {
  height: 20px;
  margin-bottom: 8px;
}
.mkui-associate-component-invoice-item-fileicon {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-associate-component-invoice-item-id {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
.mkui-associate-component-invoice-item-type {
  display: inline-block;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  font-size: 14px;
}
.mkui-associate-component-invoice-item-cash {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  height: 20px;
  font-size: 14px;
  margin-left: 10px;
  color: #8b96b0;
  background-color: #f7f7f7;
}
.mkui-associate-component-invoice-item-card-content-info {
  padding: 0 6px;
}
.mkui-associate-component-invoice-item-card-content-info-name {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
}
.mkui-associate-component-invoice-item-card-info-top {
  position: relative;
  top: -5px;
}
.mkui-associate-component-invoice-item-card-content-circle {
  width: 18px;
  height: 18px;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  z-index: 2;
  border-top-color: transparent;
  border-left-color: transparent;
}
.mkui-associate-component-invoice-item-card-content-circle-left {
  left: 0;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.mkui-associate-component-invoice-item-card-content-circle-right {
  right: 0;
  transform: translate(50%, -50%) rotate(135deg);
}
.mkui-associate-component-invoice-item-card-info-bottom {
  display: flex;
  color: rgba(0, 0, 0, 0.44);
  gap: 16px;
}
.mkui-associate-component-invoice-item-card-info-bottom-text {
  flex-shrink: 0;
}
.mkui-associate-component-invoice-item-card-info-bottom-desc {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mkui-associate-delete-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  color: #ff2825;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #fafafc 100%);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.table-filter-horizontal {
  height: 44px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table-filter-horizontal-filter-text {
  padding-right: 10px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.table-filter-horizontal-filter-text span {
  margin: 0 2px;
  color: var(--mkui-primary-6, #0088ff);
}
.table-filter-horizontal-right {
  display: flex;
}
.table-filter-horizontal-right .table-filter-horizontal-filter-text {
  display: flex;
  margin-right: 16px;
  align-items: center;
}
.table-filter-horizontal-right .mkui-btn {
  margin-left: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.table-filter-horizontal-right .mkui-input-search {
  width: 360px;
}
.table-filter-horizontal-right-btn-icon {
  margin: 3px 0 0 4px;
  position: relative;
}
.table-filter-horizontal-right-btn-icon .mkicon {
  font-size: 15px;
}
.table-filter-horizontal-right-btn-icon-operation {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  background-color: #ff2825;
  top: 0;
  right: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.link-certificate-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.link-certificate-footer-num {
  margin: 0 2px;
  color: var(--mkui-primary-6, #0088ff);
}
.link-certificate-modal .mkui-modal-body {
  height: 0;
}
.link-certificate-modal .mkui-flex-table {
  height: calc(100% - 44px);
}

/**
 * @Author: qinghui
 * @Date: 2021-12-9 15:30:22
 * @LastEditors: wenjwu
 * @LastEditTime: 2023-02-21 16:30:17
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.accept-bill-detail .file-menu {
  height: 22px;
  line-height: 22px;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 2px;
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  color: var(--mkui-primary-6, #0088ff);
}
.accept-bill-detail .file-menu .mkicon {
  padding-right: 6px;
}
.accept-bill-detail .file-menu:hover {
  border: 1px solid var(--mkui-primary-6, #0088ff);
}
.accept-bill-detail .file-menu-menu .mkui-dropdown-menu-item {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.accept-bill-detail .file-menu-menu .mkui-dropdown-menu-item .mkicon {
  font-size: 14px;
}
.accept-bill-detail .file-menu-menu .mkui-dropdown-menu-item:hover {
  color: var(--mkui-primary-6, #0088ff);
}
.accept-bill-detail-content {
  width: calc(100% - 152px);
  height: 100%;
  margin-top: -15px;
}
.accept-bill-detail-content-anchor {
  position: fixed;
  top: 174px;
  right: 12px;
  z-index: 100;
  width: 152px;
}
.accept-bill-detail-content-form {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 10px !important;
}
.accept-bill-detail-content-form-title {
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  margin: 23px 0 16px 0;
}
.accept-bill-detail-content-form-title:first-child {
  margin-top: 0;
}
.accept-bill-detail-content-form-file-empty {
  padding-left: 12px;
  color: #999999;
}
.accept-bill-detail-content-form-file-upload {
  margin-top: 23px;
}
.accept-bill-detail-content-form-file-upload-link {
  color: var(--mkui-primary-6, #0088ff);
}
.accept-bill-detail-content-form-file-upload-link:hover {
  cursor: pointer;
}
.accept-bill-detail-modalClass {
  width: 100%;
}
.accept-bill-detail-modal .mkui-modal-content .mkui-modal-close {
  z-index: 100;
}
.accept-bill-detail-image-modal .mkui-modal-content .mkui-modal-close .mkui-modal-close-x {
  color: #ffffff;
}
.accept-bill-detail-image-modal .mkui-modal-content .mkui-modal-body {
  padding: 0;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"ecmpopover";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.papertag {
  line-height: 1;
}
.papertag-entry {
  cursor: pointer;
  margin: 0 !important;
}
.papertag-location {
  max-width: 360px;
  min-width: 240px;
  max-height: 400px;
  overflow-y: auto;
}
.papertag-location-title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 6px;
}
.papertag-location-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
}
.papertag-location-list-item-invoicetag {
  font-weight: bold;
}
.papertag-location-list-item-line {
  display: flex;
  align-items: center;
  line-height: 24px;
}
.papertag-location-list-item-line-label {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.6);
}

.add-invoice-button-text {
  display: block;
}

/**
 * @Author: qinghui
 * @Date: 2022-05-12 20:08:52
 * @LastEditors: qinghui
 * @LastEditTime: 2022-05-12 20:26:44
 * @Description:
 */
.empty .mkui-empty-image img {
  width: 100px;
  height: 100px;
}

.certificate-invoice-modal .mkui-spin-nested-loading {
  min-height: 100%;
  height: 0;
}
.certificate-invoice-modal .mkui-spin-container {
  height: 100%;
}
.certificate-invoice-modal .empty-content {
  height: 100%;
}
.certificate-invoice-modal .invoice-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.certificate-invoice-modal .invoice-modal-footer-delete-invoice {
  margin: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.flow-detail-content-info {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.flow-detail-content-info-title {
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  font-size: 13px;
}
.flow-detail-content-info-content {
  margin-top: 20px;
}
.flow-detail-content-info .flow-inline > div {
  width: calc(100% - 20px) !important;
}
.flow-detail-content-info .flow-inline .mkui-form-item-label > label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.flow-detail-content-info .flow-inline .mkui-form-item-control-input-content > input {
  color: rgba(0, 0, 0, 0.84);
  font-size: 13px;
}

.mk-download-matedata {
  margin-left: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rule-result-tree-filetype {
  width: 218px !important;
}
.rule-result-tree.mkui-tree {
  background-color: transparent !important;
}
.rule-result-tree.mkui-tree .mkui-tree-switcher {
  background-color: transparent !important;
}
.rule-result-tree.mkui-tree .mkui-tree-switcher.mkui-tree-switcher-noop {
  display: none;
}
.rule-result-tree-groupnode {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.6);
}
.rule-result-tree-groupnode .mkicon {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
}
.rule-result-tree-conditionnode {
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.6);
}
.rule-result-tree-conditionnode-title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.rule-result-tree-conditionnode-title .mkicon {
  font-size: 12px;
  color: #1eaa39;
}
.rule-result-tree-conditionnode-title-error {
  color: #f53137;
}
.rule-result-tree-conditionnode-title-error .mkicon {
  font-size: 12px;
  color: #e95513;
}
.rule-result-tree-conditionnode-msg {
  margin-left: 20px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rule-result {
  margin-top: 2px;
}
.rule-result-icon {
  font-size: 16px;
}
.rule-result-filetype {
  padding-left: 4px;
}
.rule-result-msg {
  margin-left: 20px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.44);
}
.rule-result .succ-color {
  color: #1eaa39;
}
.rule-result .fail-color {
  color: #e95513;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.checkedrules {
  width: 360px;
  overflow-y: auto;
  max-height: 400px;
  position: relative;
}
.checkedrules-rule {
  font-size: 14px;
  padding: 12px;
  margin-bottom: 4px;
}
.checkedrules-rule:last-child {
  margin-bottom: 0;
}
.checkedrules-rule-header {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.64);
}

.checkedtips-title {
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
  padding: 4px 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.flow-inline {
  display: inline-flex;
  width: 50%;
}
.flow-detail-content {
  display: flex;
  flex-direction: column;
  margin-top: -15px;
}
.flow-detail-content .mkui-tabs-top {
  overflow: initial;
}
.flow-detail-content .mkui-tabs-nav {
  position: sticky !important;
  top: -15px;
  background: #fff;
  z-index: 2;
}
.flow-detail-content .flow-detail-content-possible {
  display: inline-flex;
  flex-direction: column;
  margin-top: 2px;
}
.flow-detail-content .flow-detail-content-possible-title {
  display: inline-flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.flow-detail-content .flow-detail-content-possible-title span {
  display: inline-flex;
}
.flow-detail-content .flow-detail-content-possible-title-t {
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold !important;
  font-size: 13px;
}
.flow-detail-content .flow-detail-content-possible-title-btn {
  padding: 2px 8px;
  border: 1px solid var(--mkui-primary-6, #0088ff);
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.flow-detail-content .flow-detail-content-possible-detail {
  display: inline-flex;
  flex-direction: column;
}
.flow-detail-content .flow-detail-content-possible-detail-list {
  display: inline-flex;
  flex-direction: column;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 12px;
  margin-bottom: 16px;
  margin-right: 16px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  padding-right: 10px;
  min-width: 280px;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item:hover {
  cursor: pointer;
  background-color: #f7f7f7;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item > div {
  display: inline-flex;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .image {
  flex-shrink: 0;
  margin: 10px 16px 14px 0px;
  width: 80px;
  height: 80px;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .image img {
  width: 100%;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc {
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-around;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-top {
  display: inline-flex;
  margin: 9px 0 16px 0;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-top > span {
  color: rgba(0, 0, 0, 0.84);
  font-size: 14px;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-top > span:last-child {
  margin-right: 0;
  font-weight: bold;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-top .trans-cash {
  margin-left: 12px;
  color: var(--mkui-primary-6, #0088ff);
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down {
  display: inline-flex;
  margin-bottom: 14px;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down > div {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down > div > span {
  color: #999999;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down > div > span em {
  display: inline-block;
  max-width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
  color: rgba(0, 0, 0, 0.6);
  font-style: normal;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down > div:nth-child(1) {
  border-right: 1px solid #e1e1e1;
  margin-right: 20px;
  width: 80%;
  padding-right: 10px;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down > div:last-child {
  margin-right: 30px;
  border-right: 0;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down-border {
  position: relative;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down-border > em {
  position: absolute;
  top: 0px;
  right: 20px;
  width: 1px;
  height: 100%;
  background: #e1e1e1;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down-icon {
  display: inline-flex;
  flex-direction: row !important;
  align-items: center;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down-icon > span {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.84);
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down-icon-sp {
  width: 20px;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .desc-down-icon-sp-i {
  color: #5e92f3;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .receipt-del {
  position: absolute;
  right: 0;
  flex-shrink: 0;
  font-size: 16px;
  cursor: pointer;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .receipt-number {
  width: 65px;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .trans-number {
  width: 80px;
}
.flow-detail-content .flow-detail-content-possible-detail-list-item .del:hover {
  color: var(--mkui-primary-6, #0088ff);
}
.flow-detail-content .flow-detail-content-possible-detail-list-item:first-child {
  border-top: 1px solid #e1e1e1;
}
.flow-detail-content .flow-detail-content-possible-detail-noimage {
  display: inline-block;
  text-align: center;
  height: 72px;
  line-height: 72px;
  width: 72px;
  font-size: 60px;
}
.flow-detail-content .flow-detail-content-possible-detail-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  width: 100%;
  height: 48px;
  border: 1px dotted #e1e1e1;
  cursor: pointer;
}
.flow-detail-content .flow-detail-content-possible-detail-btn > span {
  color: var(--mkui-primary-6, #0088ff);
}
.flow-detail-content .flow-detail-content-possible-detail-select {
  text-align: right;
}
.flow-detail-content .flow-detail-content-possible-detail-select > span {
  color: var(--mkui-primary-6, #0088ff);
}
.flow-detail-content .flow-detail-content-possible-detail-toolbar {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  width: 100%;
  height: 48px;
}
.flow-detail-content .flow-detail-content-possible-detail-toolbar-upload {
  margin: 0 12px;
}
.flow-detail-content .flow-detail-content-possible-detail-toolbar-btn {
  display: inline-flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  width: 32%;
  height: 48px;
  border: 1px dashed #e1e1e1;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.flow-detail-content .flow-detail-content-possible-detail-toolbar-btn > span {
  margin-right: 5px;
  color: var(--mkui-primary-6, #0088ff);
  font-size: 14px;
}
.flow-detail-content-btn {
  margin-bottom: 14px;
}
.bankFlow-detail-footer {
  padding: 12px;
}
.bankFlow-detail-btn {
  margin: 0 5px;
}
.bankFlow-detail-relation-module {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.bankFlow-detail-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.84);
}

/**
 * @Author: conggb
 * @Date: 2023-06-09 13:58:31
 * @LastEditors: conggb
 * @LastEditTime: 2023-06-12 13:54:50
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.associate-common {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.associate-common-title {
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
}
.associate-common-title-required::before {
  color: #ff5c5c;
  font-size: 13px;
  font-family: SimSun, sans-serif;
  content: '*';
  position: absolute;
  left: -8px;
}
.associate-common-title-text {
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
}
.associate-common-card {
  width: 360px;
  height: 70px;
  padding: 0 16px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
}
.associate-common-empty {
  display: flex;
  align-items: center;
  border: 1px dashed #e1e1e1;
  gap: 4px;
}
.associate-common-empty-info {
  color: rgba(0, 0, 0, 0.44);
  display: flex;
  align-items: center;
  gap: 4px;
}
.associate-common-empty-info-icon {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.28) !important;
}
.associate-common-list {
  max-height: 300px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.associate-common-list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: initial;
  position: relative;
  margin-bottom: 2px;
  cursor: pointer;
  gap: 6px;
}
.associate-common-list-item:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
}
.associate-common-list-item:hover .mkui-associate-delete-btn {
  opacity: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #fafafc 100%);
}
.associate-common-list-item-line {
  display: flex;
  gap: 6px;
  align-items: center;
}
.associate-common-list-item-line-icon {
  display: flex;
  font-size: 16px;
  color: var(--mkui-primary-6, #0088ff);
}
.associate-common-list-item-line-title {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  font-size: 14px;
}
.associate-common-list-item-line-subtitle {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"addrelationvoucher";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"associaterelationvoucher";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-04-11 10:42:02
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-11 17:24:48
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.multiple-line {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.multiple-line-piece {
  padding: 1px 4px;
  border-radius: 1px;
}
.multiple-line-piece.clickable:hover {
  background: rgba(0, 0, 0, 0.04);
  transition: all 0.3s;
}
.multiple-line-more {
  color: rgba(0, 0, 0, 0.28);
}
.multiple-line-popover {
  padding: 0 !important;
  margin-top: 10px !important;
}
.multiple-line-popover .mkui-popover-arrow {
  display: none !important;
}
.multiple-line-popover .mkui-popover-inner-content {
  padding: 0 !important;
}
.multiple-line-popover-content {
  max-height: 290px;
  overflow: auto;
}
.multiple-line-popover-content-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.bank-receipts-detail-content {
  width: 100%;
  height: 100%;
}
.bank-receipts-detail-content-inner {
  display: flex;
  flex-wrap: nowrap;
}
.bank-receipts-detail-content-form {
  position: relative;
  width: 50%;
  padding-right: 24px;
  margin-top: -15px;
}
.bank-receipts-detail-content-form .divide {
  height: 12px;
  opacity: 1;
  background: #f7f7f7;
}
.bank-receipts-detail-content-form .mkui-tabs-nav {
  position: sticky !important;
  top: -15px;
  background: #fff;
  z-index: 2;
}
.bank-receipts-detail-content-form .mkui-detail-scroll-wrapper {
  height: 100%;
}
.bank-receipts-detail-content-img {
  width: 48%;
}
.bank-receipts-detail-footer {
  display: flex;
  align-items: center;
}
.bank-receipts-detail-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.84);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.exportmodaltop-reminder {
  padding: 8px 24px;
  display: flex;
  align-items: center;
}
.exportmodaltop-reminder-dot {
  display: inline-block;
  margin-right: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0088ff;
}

/**
 * @Author: conggb
 * @Date: 2022-08-09 10:21:26
 * @LastEditors: conggb
 * @LastEditTime: 2023-09-12 15:01:34
 */
.draggable-body-row.drop-over-downward td {
  border-bottom: 2px dashed var(--mkui-primary-color);
}
.draggable-body-row.drop-over-downward-custom {
  border-bottom: 2px dashed var(--mkui-primary-color);
}
.draggable-body-row.drop-over-upward td {
  border-top: 2px dashed var(--mkui-primary-color);
}
.draggable-body-row.drop-over-upward-custom {
  border-top: 2px dashed var(--mkui-primary-color);
}

/**
 * @Author: conggb
 * @Date: 2023-09-12 11:15:21
 * @LastEditors: conggb
 * @LastEditTime: 2023-09-22 09:58:04
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.exportfieldlist {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid #e1e1e1;
  padding: 8px 0 8px 8px;
}
.exportfieldlist-header {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #0088ff !important;
  cursor: pointer;
  margin: 6px 25px;
}
.exportfieldlist-list {
  overflow: auto;
  height: 100%;
}
.exportfieldlist-list-item {
  display: flex;
  align-items: center;
  padding: 5px 8px;
  border-radius: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: 4px;
}
.exportfieldlist-list-item:hover {
  background-color: #f2f2f2;
}
.exportfieldlist-list-item-icon {
  color: #bcbcbc !important;
}
.exportfieldlist-list-item-checkbox {
  margin-right: 4px !important;
}
.exportfieldlist-list-item-name {
  width: auto;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * @Author: conggb
 * @Date: 2023-09-11 17:55:07
 * @LastEditors: conggb
 * @LastEditTime: 2023-09-12 18:07:59
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.settingexportfield-operate {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #0088ff;
}
.settingexportfield-operate .mkicon {
  margin-top: 1px;
}
.settingexportfield-modal-wrapper .mkui-modal {
  height: 90%;
}
.settingexportfield-modal-wrapper .mkui-modal-content {
  height: 100%;
}
.settingexportfield-modal-wrapper .mkui-modal-body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.settingexportfield-modal-inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}
.settingexportfield-modal-inner-nest {
  overflow: auto;
}
.settingexportfield-modal-inner-content {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: 16px;
}
.settingexportfield-modal-inner-content-header {
  margin: 16px 24px 8px 24px;
  padding: 6px 0;
}
.settingexportfield-modal-inner-content-nest-header {
  margin: 0px 0px 10px 0px;
}
.settingexportfield-modal-inner-content-list {
  padding: 0 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.settingexportfield-modal-inner-content-list-nest {
  padding: 0px;
}
.settingexportfield-modal-inner-collapse-wrap {
  margin-top: 12px;
  display: flex;
  padding: 0px 24px;
  gap: 10px;
}
.settingexportfield-modal-inner-collapse {
  flex: 1;
}
.settingexportfield-modal-inner-collapse .mkui-switch-small {
  margin-left: 12px;
}
.settingexportfield-modal-inner-collapse .mkui-collapse-header {
  padding: 8px 16px;
}
.settingexportfield-modal-inner-collapse .mkui-collapse-content-box {
  max-height: 400px;
  display: flex;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"checktypelist";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.exportmodaltypelist-setting {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.exportmodal-wrapper .mkui-modal-content {
  overflow: hidden;
}
.exportmodal-inner-mask {
  position: relative;
  min-height: 240px;
}
.exportmodal-inner-content {
  padding: 0 24px !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mkui-metadata {
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
}
.mkui-metadata-base {
  display: flex;
  padding: 2px 10px;
  color: var(--mkui-primary-color, #1890ff);
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid var(--mkui-primary-color, #1890ff);
  font-size: 12px;
  align-items: center;
}
.mkui-metadata-content {
  padding: 0;
  margin: 0;
  font-size: 13px;
  max-height: 280px;
  overflow: auto;
}
.mkui-metadata-li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 8px;
  border-radius: 2px;
}
.mkui-metadata-li:hover {
  background: #F7F7F7;
}
.mkui-metadata-left,
.mkui-metadata-right {
  display: flex;
  align-items: center;
}
.mkui-metadata-icon {
  font-size: 30px;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-metadata-text {
  display: flex;
  flex-direction: column;
}
.mkui-metadata-name {
  max-width: 260px;
}
.mkui-metadata-name .mkui-typography {
  color: #333 !important;
}
.mkui-metadata-tag {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #999;
}
.mkui-metadata-eye,
.mkui-metadata-download {
  color: #A0A9BE;
  font-size: 16px;
  cursor: pointer;
}
.mkui-metadata-popover .mkui-popover-inner-content {
  padding: 10px 12px;
}

/**
 * @Author: zhuzy
 * @Date: 2021-12-21 17:08:45
 * @LastEditors: yjf
 * @LastEditTime: 2022-04-19 11:15:49
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rnd-preview-mask {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-300px, -300px);
  z-index: 99999;
}
.rnd-preview-mask .mkui-image-viewer {
  min-width: unset;
  min-height: unset;
}
.rnd-preview-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.rnd-preview-inner .rnd-preview-close {
  position: absolute;
  right: 10px;
  top: 16px;
  z-index: 10;
  cursor: pointer;
  line-height: 16px;
}
.rnd-preview-inner .rnd-preview-close .rnd-preview-close-icon {
  color: #eee;
  font-size: 16px;
}
.rnd-preview-card {
  display: flex;
  width: 205px;
  height: 76px;
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 2px;
  overflow: hidden;
  margin-right: 24px;
}
.rnd-preview-card:hover {
  box-shadow: 0 0 5px 0 #eee;
}
.rnd-preview-card-pdf {
  width: calc(100% - 20px);
  height: calc(100% - 18px);
  padding: 18px 0 0 20px;
}
.rnd-preview-card .card-cover {
  width: 76px;
}
.rnd-preview-card .card-content {
  width: 129px;
  text-align: right;
  padding: 5px;
}
.rnd-preview-card .card-content .card-content-action {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  cursor: pointer;
  display: inline-block;
  padding: 0 3px;
}
.rnd-preview-card .card-content .card-content-action:hover {
  color: var(--mkui-primary-6, #0088ff);
  background: #f7f7f7;
  border-radius: 2px;
}
.rnd-preview-card .card-content .card-content-action .mkicon {
  margin-right: 4px;
}
.rnd-preview-card .card-content .card-content-title {
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.84);
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 3px;
}
.rnd-preview-card .card-content .card-content-size {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 20px;
  padding: 0 3px;
}

.custom-form-system-detail {
  padding: 0 10px;
  margin-bottom: 12px;
  display: flex;
}
.custom-form-system-detail-qrcode {
  width: 76px;
  height: 76px;
  margin-right: 24px;
}
.custom-form-system-detail-qrcode img {
  width: 100%;
  height: 100%;
}

/**
 * @Author: conggb
 * @Date: 2022-07-27 17:09:12
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-16 13:52:01
 */
.paper-addmodal-modal .mkui-modal-body {
  height: 0;
  overflow: hidden;
}
.paper-addmodal-modal .mkui-flex-table {
  height: calc(100% - 44px);
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"customformdatepicker";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"customformselect";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"customformaccountset";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"customformnumber";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"customforminput";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formilytextarea";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formilylinkinput";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formilycomplete";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.periodlistpickermodal-inner {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.periodlistpicker-add {
  border-style: dashed !important;
  cursor: pointer;
}
.periodlistpicker-value {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-top: 6px;
}
.periodlistpicker-value-label {
  flex-shrink: 0;
}
.periodlistpicker-value-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.periodlistpicker-value-list .mkui-tag {
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
}
.periodlistpicker-value-list .mkui-tag .mkicon {
  padding: 0;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formilyvoucherperiod";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formilyupload .file-upload-link {
  margin: 0 !important;
  display: inline-block;
  min-width: 60px;
  color: var(--mkui-primary-6, #0088ff);
}
.formilyupload .file-upload-link:hover {
  cursor: pointer;
}
.formilyupload-compact {
  display: flex;
  margin-top: 8px;
}
.formilyupload-compact-right {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.formilyupload-compact-right-btn {
  line-height: 26px;
}
.formilyupload-compact-right-more-btn {
  display: flex !important;
  align-items: center;
}
.formilyupload-compact-right-more-btn .mkicon {
  position: relative !important;
  margin-left: 2px !important;
}
.formilyupload-compact.mkui-popover {
  z-index: 1000 !important;
}
.formilyupload-compact.mkui-popover .mkui-popover-arrow {
  display: none !important;
}
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal {
  display: flex;
  justify-content: space-between;
}
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item {
  width: 320px !important;
  margin: 0 0 16px 0 !important;
  padding: 8px 12px !important;
}
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item:last-child,
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item:nth-last-child(2) {
  margin: 0 !important;
}
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-thumbnail .mkicon {
  font-size: 24px;
}
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-center {
  margin: 0 0 0 8px !important;
}
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-center .mkui-enhanced-upload-uploadlist-item-detail-center-top-filename {
  margin: 0 !important;
}
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-center .mkui-enhanced-upload-uploadlist-item-detail-center-top-filename .mkui-enhanced-upload-uploadlist-item-detail-center-top-filename-main-text {
  max-width: 145px !important;
}
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-center .mkui-enhanced-upload-uploadlist-item-detail-center-top-size {
  margin: 0 0 0 8px !important;
}
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-icongroup .mkicon-download,
.formilyupload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-icongroup .mkicon-delete {
  margin: 0 0 0 8px !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formilyamountinput {
  display: flex;
  gap: 12px;
}
.formilyamountinput-currency {
  width: 120px !important;
}
.formilyamountinput-amount {
  flex: 1;
  min-width: 100px !important;
}
.formilyamountinput-view {
  flex: 1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mk-sale-card {
  margin-top: 5px;
  padding: 6px 16px;
  width: 100%;
  border: 1px solid #e1e1e1;
}
.mk-sale-card-container {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mk-sale-card-header {
  margin: 6px 0px 8px 0px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
}
.mk-sale-card-item {
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}
.mk-sale-card-label {
  flex: 0 0 auto;
  display: block;
  width: 100px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.28);
}
.mk-sale-card-value {
  display: block;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formilyschemaforminner";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formilyschemaform {
  overflow: auto;
}
.formilyschemaform-formitem[data-grid-span="1"] {
  grid-column: span 1 !important;
}
.formilyschemaform-formitem[data-grid-span="2"] {
  grid-column: span 2 !important;
}
.formilyschemaform-itemarraytable label {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.formilyschemaform-itemarraytable .mkui-table {
  display: flex;
  overflow-x: auto !important;
}
.formilyschemaform-itemarraytable .mkui-table .mkui-table-container {
  flex-shrink: 0;
  min-width: 100%;
}
.formilyschemaform-itemarraytable .mkui-table .mkui-table-container .mkui-table-body {
  max-height: 400px !important;
}
.formilyschemaform-itemarraytable .mkui-table table {
  min-width: 100%;
  width: auto;
  table-layout: fixed !important;
}
.formilyschemaform-itemarraytable .mkui-table table .mkui-table-cell {
  min-width: 120px;
  max-width: 500px;
}
.formilyschemaform-itemarraytable .mkui-table table .mkui-table-cell .mkui-form-item {
  margin-bottom: 0;
  width: auto;
}
.formilyschemaform-itemarraytable .mkui-table table .mkui-table-cell .mkui-form-item .mkui-form-item-control-input {
  min-height: 24px;
}
.formilyschemaform-itemarraytable .mkui-table table .mkui-table-tbody .mkui-table-cell:not(:last-child) {
  border-right: none !important;
}
.formilyschemaform .preview-text {
  width: 100%;
  min-height: 32px;
  line-height: 1.5715;
  border-bottom: 1px dashed #e1e1e1;
  padding: 5px 1px 4px !important;
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.formilyschemaform .preview-text.empty {
  color: rgba(0, 0, 0, 0.6);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formilycustomform {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* @import '~app/styles/variables.less';
@import '~app/styles/mixin.less';
@prefix-cls: ~'detailheadercheckedtips';

.@{prefix-cls} {
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.completecheckoperate-menu {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.completechecksendemail-menu {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.completecheckrevisereasonmodal .mkui-modal-body {
  padding: 0 !important;
}
.completecheckrevisereasonmodal-content {
  padding: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.completecheckrevise-menu {
  display: flex;
  align-items: center;
  gap: 5px;
}
.completecheckrevise-tablecolumn {
  margin: 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.completecheckgrouprevise-menu {
  display: flex;
  align-items: center;
  gap: 5px;
}
.completecheckgrouprevise-tablecolumn {
  margin: 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.completecheckoperategroup-detail {
  display: flex;
  align-items: center;
  gap: 8px;
}

/**
 * @Author: conggb
 * @Date: 2023-12-29 11:42:18
 * @LastEditors: conggb
 * @LastEditTime: 2023-12-29 11:42:19
 */
.nextbuttonnew {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-form-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 28px;
}
.custom-form-detail-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: normal;
}
.custom-form-detail-header-left-text {
  font-weight: bold;
}
.custom-form-detail-header-left .mkui-tag {
  margin-right: 0 !important;
}
.custom-form-detail-header-modal {
  padding-right: 64px;
}
.custom-form-detail .layout-list-content-inner {
  padding: 16px 26px;
}
.custom-form-detail .array-table-addition {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-form-detail .array-table-addition .ant-btn {
  display: flex;
  align-items: center;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-popover-inner-content {
  word-break: break-word;
}
.custom-form-detail-pagination-btn {
  cursor: pointer;
  margin-left: 8px;
}
.mkui-form-layout {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.mkui-form-layout .mkui-row.mkui-form-item {
  flex: 0 0 auto;
  padding: 0 10px;
}
.mkui-form-layout .mkui-row.mkui-form-item.col-12 {
  width: 50%;
}
.mkui-form-layout .mkui-row.mkui-form-item.col-24 {
  width: 100%;
}
.mkui-form-layout .mkui-row.mkui-form-item.addition .array-table-addition {
  margin-top: 10px;
  margin-bottom: 12px;
}
.mkui-form-layout .mkui-row.mkui-form-item.bold .mkui-form-item-label > label {
  font-size: 13px !important;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.mkui-form-layout .mkui-row.mkui-form-item.disabled {
  cursor: not-allowed;
  color: #cccccc;
}
.mkui-form-layout .mkui-row.mkui-form-item .file-upload-link {
  display: inline-block;
  color: var(--mkui-primary-6, #0088ff);
  margin-top: 10px;
}
.mkui-form-layout .mkui-row.mkui-form-item .file-upload-link:hover {
  cursor: pointer;
}
.mkui-form-layout .mkui-row.mkui-form-item .file-empty {
  color: #999999;
  margin-top: 6px;
  margin-bottom: 24px;
}
.mkui-form-layout .mkui-form-item-control .preview-text {
  width: 100%;
  height: 30px;
  min-height: 30px;
  border-bottom: 1px dashed #e1e1e1;
  padding: 5px 1px 4px !important;
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mkui-form-layout .mkui-form-item-control .preview-text.empty {
  color: rgba(0, 0, 0, 0.6);
}
.mkui-form-layout input.ant-input {
  border-width: 0 0 1px 0;
}
.mkui-form-layout input.ant-input:hover {
  border-right-width: 0 !important;
}
.mkui-form-layout input.ant-input:focus {
  border-right-width: 0 !important;
  box-shadow: none;
}
.mkui-form-layout .mkui-form-item-control-input-content .sc-gKXOVf {
  display: flex;
  flex-direction: column-reverse;
}
.mkui-form-layout .arry-table {
  margin-top: 5px;
}
.mkui-form-layout .arry-table .mkui-table {
  display: flex;
  overflow-x: auto;
}
.mkui-form-layout .arry-table .mkui-table .mkui-table-container {
  flex-shrink: 0;
  min-width: 100%;
}
.mkui-form-layout .arry-table .mkui-table table {
  min-width: 100%;
  width: auto;
  table-layout: fixed !important;
}
.mkui-form-layout .arry-table .mkui-table table .mkui-table-cell {
  min-width: 120px;
}
.mkui-form-layout .arry-table .mkui-table table .mkui-table-cell .mkui-form-item {
  margin-bottom: 0;
  width: auto;
}
.mkui-form-layout .arry-table .mkui-table table .mkui-table-cell .mkui-form-item .mkui-form-item-control-input {
  min-height: 24px;
}
.mkui-form-layout .arry-table .mkui-table table .mkui-table-cell .preview-text {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: auto;
  white-space: unset;
}
.mkui-form-layout .arry-table .mkui-table table .mkui-table-cell .array-item-operator .mkui-btn-circle {
  display: none;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
.mkui-form-layout .arry-table .mkui-table table .mkui-table-cell .array-item-operator .mkui-btn-circle:first-child {
  display: block;
}
.mkui-form-layout .array-table-addition {
  width: 80px;
  height: 24px;
  font-size: 13px;
  border-radius: 2px !important;
  border: 1px solid var(--mkui-primary-6, #0088ff);
  transition: border-color 0.2s;
  padding: 0.8px 7px;
  background-color: #ffffff !important;
}
.mkui-form-layout .array-table-addition:hover {
  border-color: var(--mkui-primary-5, #29a2ff);
}
.mkui-form-layout .array-table-addition .mkui-btn .mkicon-plus {
  font-size: 13px !important;
  vertical-align: text-bottom;
}
.custom-form-detail-scroller {
  height: 100%;
  margin-top: -15px;
}
.custom-form-detail-scroller .mkui-tabs-top {
  height: 100%;
}
.custom-form-detail-scroller .mkui-tabs-content-holder {
  overflow: auto;
}

/**
 * @Author: conggb
 * @Date: 2023-12-26 15:22:34
 * @LastEditors: conggb
 * @LastEditTime: 2023-12-26 15:22:34
 */
/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formitem-businessentityid";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-12-26 15:26:46
 * @LastEditors: conggb
 * @LastEditTime: 2023-12-26 15:26:46
 */
/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formitem-accountsetid";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-12-26 15:29:49
 * @LastEditors: conggb
 * @LastEditTime: 2023-12-27 14:33:36
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formitem-accountingperiod .mk-period-single-picker {
  width: 100%;
}
.formitem-accountingperiod .mk-period-single-picker .mk-period-picker-endmonth,
.formitem-accountingperiod .mk-period-single-picker .mk-period-single-picker-endmonth {
  width: 100% !important;
}
.formitem-accountingperiod .mk-period-single-picker .mk-period-picker-endmonth .mk-period-single-picker-endinput,
.formitem-accountingperiod .mk-period-single-picker .mk-period-single-picker-endmonth .mk-period-single-picker-endinput,
.formitem-accountingperiod .mk-period-single-picker .mk-period-picker-endmonth .mk-period-single-picker-input,
.formitem-accountingperiod .mk-period-single-picker .mk-period-single-picker-endmonth .mk-period-single-picker-input {
  width: 96.5% !important;
  padding-left: 0;
}
.formitem-accountingperiod-label {
  display: flex;
  align-items: center;
  gap: 4px;
}

/**
 * @Author: conggb
 * @Date: 2022-06-28 10:40:05
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-25 15:55:05
 */
.custom-upload-compact {
  display: flex;
  margin-top: 8px;
}
.custom-upload-compact-right {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.custom-upload-compact-right-more-btn {
  display: flex !important;
  align-items: center;
}
.custom-upload-compact-right-more-btn .mkicon {
  position: relative !important;
  margin-left: 2px !important;
}
.custom-upload-compact.mkui-popover {
  z-index: 1000 !important;
}
.custom-upload-compact.mkui-popover .mkui-popover-arrow {
  display: none !important;
}
.custom-upload-compact .file-upload-link {
  margin: 0 !important;
}
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal {
  display: flex;
  justify-content: space-between;
}
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item {
  width: 320px !important;
  margin: 0 0 16px 0 !important;
  padding: 8px 12px !important;
}
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item:last-child,
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item:nth-last-child(2) {
  margin: 0 !important;
}
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-thumbnail .mkicon {
  font-size: 24px;
}
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-center {
  margin: 0 0 0 8px !important;
}
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-center .mkui-enhanced-upload-uploadlist-item-detail-center-top-filename {
  margin: 0 !important;
}
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-center .mkui-enhanced-upload-uploadlist-item-detail-center-top-filename .mkui-enhanced-upload-uploadlist-item-detail-center-top-filename-main-text {
  max-width: 145px !important;
}
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-item-detail-center .mkui-enhanced-upload-uploadlist-item-detail-center-top-size {
  margin: 0 0 0 8px !important;
}
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-icongroup .mkicon-download,
.custom-upload-compact .mkui-enhanced-upload-uploadlist.horizontal .mkui-enhanced-upload-uploadlist-item .mkui-enhanced-upload-uploadlist-icongroup .mkicon-delete {
  margin: 0 0 0 8px !important;
}

/**
 * @Author: conggb
 * @Date: 2023-12-26 15:36:49
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-02 13:47:02
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formitem-financialdetails-inner-file-create {
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
  background: #fafafa;
  color: rgba(0, 0, 0, 0.6);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 320px;
  height: 48px;
}
.formitem-financialdetails-inner-file-create:hover {
  border-color: #3296fa;
}
.formitem-financialdetails .custom-upload {
  width: 400px;
}
.formitem-financialdetails .custom-upload-compact {
  margin: 0 !important;
}

/**
 * @Author: conggb
 * @Date: 2023-12-25 16:45:22
 * @LastEditors: conggb
 * @LastEditTime: 2023-12-27 14:33:21
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.financialbatchupload-header {
  align-items: center;
}
.financialbatchupload-header-title {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 600;
}
.financialbatchupload-file {
  display: flex;
  align-items: center;
  gap: 4px;
}
.financialbatchupload-file .required::before {
  font-weight: normal !important;
  color: #ff5c5c !important;
}
.financialbatchupload-file-info {
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
}

.financial-preview-modal .mkui-modal-body {
  padding: 0 !important;
}
.financial-preview-modal .mkui-modal-close-x {
  width: 38px;
  height: 38px;
  color: white;
  line-height: 38px;
}

/**
 * @Author: conggb
 * @Date: 2023-02-27 19:47:45
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-28 14:46:13
 */
/* @prefix-cls: ~"delete-button-component";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"favoritebutton";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-12-25 16:42:40
 * @LastEditors: conggb
 * @LastEditTime: 2023-12-25 16:42:40
 */
/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"financiallist";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-02-28 14:45:27
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-28 14:45:28
 */
/* @prefix-cls: ~"divider-component";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-02-23 11:34:14
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-23 11:34:14
 */
/* @prefix-cls: ~"upload-attachments";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-12-25 16:43:50
 * @LastEditors: conggb
 * @LastEditTime: 2023-12-28 16:58:21
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.financialdetail-header-title {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.financialdetail-header-info {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.financialdetail-file {
  display: flex;
  align-items: center;
  gap: 4px;
}
.financialdetail-file .required::before {
  font-weight: normal !important;
  color: #ff5c5c !important;
}

.invoicebagdetaillist {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.invoicebagdetaillist-table-operations {
  display: flex;
}
.invoicebagdetaillist-content-empty .mkui-table-tbody > tr > td {
  border: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.empty-content-container {
  position: relative;
  height: 72px;
  line-height: 72px;
  width: 100%;
  text-align: center;
  color: #999999;
  overflow-y: hidden;
}
.empty-content-container-border {
  border: 1px #cccccc dashed;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.attachment-card {
  position: relative;
}
.attachment-card > button.mkui-collapse-btn {
  position: absolute;
  top: -25px;
  left: 35px;
  cursor: pointer;
}
.attachment-card-inner {
  overflow: auto;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.approval-history {
  background-color: #ffffff;
  flex-grow: 1;
  overflow-y: auto;
  width: 100%;
  padding: 0 12px;
}
.approval-history .mkui-timeline-item {
  font-size: 14px;
}
.approval-history .mkui-timeline-item-tail {
  border-width: 1px;
}
.approval-history .approval-history-avatar {
  font-size: 13px;
}
.approval-history-header {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #e1e1e1;
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  line-height: 40px;
}
.approval-history-content {
  padding: 19px;
}
.approval-history-avatar {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ff9400;
  color: #ffffff;
  text-align: center;
  line-height: 32px;
}
.approval-history-time {
  float: right;
  color: rgba(0, 0, 0, 0.28);
  font-size: 12px;
}
.approval-history-name {
  margin-right: 5px;
}
.approval-history-type {
  color: #00b600;
}
.approval-history-reply {
  background: #f9f9f9;
  border-radius: 4px;
  padding: 0 6px;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.approval-history-reply-comment {
  padding: 6px 0;
  color: rgba(0, 0, 0, 0.84);
}
.approval-history-reply-attachment {
  padding: 6px 0;
  border-top: 2px dashed #e1e1e1;
  color: #a3abbe;
  cursor: pointer;
}
.approval-history-empty {
  margin-top: 36px;
  zoom: 90%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-card-container {
  position: relative;
}
.account-card-container .account-card-more {
  position: absolute;
  top: -18px;
  left: 36px;
  color: #3296fa;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
  min-height: 16px;
}
.account-card-container .account-card-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-height: 200px;
  overflow: auto;
}
.account-card {
  position: relative;
  flex: 0 0 49%;
  border: 1px solid #e1e1e1;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0 12px;
}
.account-card.alipay {
  position: relative;
  display: flex;
}
.account-card.alipay .account-card-icon {
  flex: 0 0 auto;
  font-size: 46px;
  color: #3296fa;
}
.account-card.alipay .account-card-content {
  flex: 1 1 auto;
  padding: 10px;
}
.account-card.alipay .account-card-bank {
  position: absolute;
  right: 12px;
  bottom: 0;
}
.account-card-name {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
  line-height: 16px;
  margin: 6px 0;
}
.account-card-number {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
  line-height: 16px;
  margin: 6px 0;
}
.account-card-bank {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 16px;
  margin: 6px 0;
}
.account-card-type {
  position: absolute;
  right: 6px;
  top: 6px;
  height: 18px;
  padding: 1px 4px;
  background: #3296fa;
  border-radius: 1px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 16px;
  text-align: center;
}

/**
 * @Author: wenjwu
 * @Date: 2022-10-31 15:32:29
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-10-31 15:51:04
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.form-relation-title {
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.88);
  line-height: 20px;
}
.form-relation-title.relate-voucher {
  margin-top: 28px;
}
.form-relation .add-btn {
  margin-left: 0;
  margin-top: 12px;
}
.form-relation-component-box {
  margin: 12px 0 0 0;
}
.mkui-maycur-document {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
  margin-top: 10px;
  padding: 12px;
  width: 360px;
  height: 70px;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid #e1e1e1;
}
.mkui-maycur-document:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
}
.mkui-maycur-document-fileicon {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-maycur-document .id {
  font-size: 13px;
  color: #757575;
}
.mkui-maycur-document-type {
  display: inline-block;
  color: #333;
  font-weight: 500;
  font-size: 14px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.metafileimage {
  background-color: #ffffff;
  padding: 0 12px 12px 12px;
}
.metafileimage-header {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e1e1e1;
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
}
.metafileimage-content {
  height: 450px;
}
.metafileimage-content .mkui-image-viewer {
  min-width: 350px;
  min-height: 450px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.reimbursementdetailheader {
  position: relative;
  width: 100%;
}
.reimbursementdetailheader-metadata {
  height: 24px;
  display: inline-flex;
}
.reimbursementdetailheader-metadata-modal {
  top: -18px;
}
.reimbursementdetailheader-metdata-more {
  margin-left: 12px;
}

/**
 * @Author: zhuzy
 * @Date: 2022-01-20 11:04:15
 * @LastEditors: zhuzy
 * @LastEditTime: 2022-01-27 15:09:05
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.repayment-card-container {
  position: relative;
}
.repayment-card-container .repayment-card-more {
  position: absolute;
  top: -18px;
  left: 36px;
  color: #3296fa;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
  min-height: 16px;
}
.repayment-card-container .repayment-card-inner {
  padding-top: 5px;
  max-height: 210px;
  overflow: auto;
}
.repayment-card-container .repayment-card-item {
  border: 1px solid #e1e1e1;
  margin-bottom: 5px;
}
.repayment-card-amount label {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.repayment-card-amount span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.84);
}
.repayment-card-row {
  padding: 0 15px;
  background-color: #f9f9f9;
}
.repayment-card-row .repayment-card-amount {
  display: flex;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  justify-content: flex-end;
}
.repayment-card-header {
  display: flex;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  background-color: #ffffff;
  justify-content: space-between;
}
.repayment-card-header label {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
}
.repayment-card-header span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.84);
}

.repayment-form-ult-detail .card-table {
  margin-bottom: 16px;
}

/**
 * @Author: yjf
 * @Date: 2022-01-20 09:13:17
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-02-16 10:44:56
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.bill-detail-content-inter-contract .bill-detail-content-form {
  padding-right: 0 !important;
}
.bill-detail-content-inter-contract .bill-detail-content-form::after {
  right: 0 !important;
  content: none !important;
  background: #ffffff !important;
}
.bill-detail-content-inter-contract .attachment-card-inner {
  width: 800px;
}
.bill-detail-content-inter-contract .rel-bill-card-inner {
  width: 800px;
}
.bill-detail-content-inter-contract .rel-bill-card-inner .rel-bill-card {
  width: 800px;
  margin-right: 16px;
  flex: unset;
}
.bill-detail-content-inter-contract .mkui-table-footer {
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 400;
}
.bill-detail-content-inter-contract .mkui-table-footer .total-wrapper {
  text-align: right;
}
.bill-detail-content-inter-contract .mkui-table-footer .total {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-linkInput-text {
  display: block;
  height: 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/**
 * @Author: qinghui
 * @Date: 2022-01-20 15:41:48
 * @LastEditors: qinghui
 * @LastEditTime: 2022-01-25 17:54:35
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.payment-detail-title {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
  line-height: 20px;
}
.payment-detail-top {
  height: 40px;
  background: #f7f7f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  width: 100%;
}
.payment-detail-top-text {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
  line-height: 18px;
}
.payment-detail-body {
  padding: 0 16px;
  border: 1px solid #f7f7f7;
  border-top: none;
  display: flex;
  align-items: center;
}
.payment-detail-body-r-item {
  margin: 12px 0;
  display: flex;
}
.payment-detail-body-r-item-des {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 18px;
  width: 100px;
}
.payment-detail-body-r-item-num {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
  line-height: 18px;
}
.payment-detail-body-r-item-activeColor {
  color: #00b600;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.standard-relation-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.standard-relation-modal-footer-num {
  margin: 0 2px;
  color: var(--mkui-primary-6, #0088ff);
}
.standard-relation-modal-toolbar {
  padding: 0px 24px 12px 24px;
}
.standard-relation-modal .mkui-modal-body {
  height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.standard-relation-modal-filter {
  flex-shrink: 0;
}
.standard-relation-modal-toolbar {
  padding: 0 24px 12px 24px;
}
.standard-relation-modal .mkui-flex-table {
  flex-grow: 1;
  overflow: hidden;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ocr-scan-list {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ocr-scan-list-part1 {
  height: 39px;
}
.ocr-scan-list-part2 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 39px);
}
.ocr-scan-list-alert {
  border: 0;
}
.ocr-scan-list-alert span {
  color: #8a6e3c;
}
.ocr-scan-list .ocr-table-info {
  display: inline-flex;
  height: 100%;
}
.ocr-scan-list .ocr-table-info > div {
  width: 100%;
}
.ocr-scan-list .ocr-table-info .invoice-number-container {
  display: inline-flex;
  align-items: center;
}
.ocr-scan-list .ocr-table-info .exclamation-icon {
  height: 16px;
  width: 16px;
  margin-left: 6px;
  color: #f5be15;
}
.ocr-scan-list .ocr-table-info .exclamation-icon:hover {
  cursor: pointer;
}
.ocr-scan-list .scan-list-signal {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.ocr-scan-list .scan-btns {
  margin-bottom: 10px;
}
.ocr-scan-list .scan-btns button {
  margin-right: 20px;
}
.ocr-scan-list-bottom-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ocr-scan-list-bottom-wrap-right {
  display: flex;
  align-items: center;
}
.ocr-scan-list-bottom-wrap-right-btn {
  margin-left: 16px;
  display: flex;
  gap: 8px;
}
.ocr-scan-list-bottom-wrap-right-number {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3296fa;
  margin: 0 4px;
}
.ocr-scan-list-bottom-wrap-right-errNumber {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #f78800;
  margin: 0 4px;
}
.ocr-scan-list-data-error {
  display: flex;
}
.ocr-scan-list-data-error p {
  margin: 0;
  word-break: break-all;
}
.ocr-scan-list-data-error .mkicon {
  margin-left: 8px;
  display: flex;
  align-items: center;
  color: #f5be15;
}
.ocr-scan-list-ing {
  text-align: center;
  padding-top: 22px;
  border-radius: 5px;
}
.ocr-scan-list-ing-img {
  width: 160px;
  height: 160px;
  margin-bottom: 10px;
}
.ocr-scan-list-ing-result {
  line-height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.ocr-scan-list-ing-result-success {
  margin: 0 4px;
  color: #3296fa;
}
.ocr-scan-list-ing-result-fail {
  margin: 0 4px;
  color: #fe7a23;
}
.ocr-scan-list-ing .mkui-modal-close {
  display: none;
}
.ocr-scan-list-ing .mkui-modal-content {
  height: 260px;
  border-radius: 5px;
}
.ocr-scan-list-ing .mkui-modal-body {
  font-size: 16px;
  font-weight: 600;
  color: #3296fa;
}
.ocr-scan-list-ing .mkui-modal-footer {
  display: none;
}
.mkui-popover-inner-content .errors::before {
  display: inline-block;
  content: ' ';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 1px;
  background: #ff7100;
}
.custom-spin-layout-ocr {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.custom-spin-layout-ocr .mkui-spin-nested-loading {
  height: 100%;
}
.custom-spin-layout-ocr .mkui-spin-nested-loading .mkui-spin-container {
  height: 100%;
}
.custom-spin-layout-ocr .mkui-spin-nested-loading .mkui-spin-container .empty-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.custom-spin-layout-ocr .layout-list-bottom {
  border-top: 1px solid #e8e8e8;
}
.scan-content {
  overflow: auto;
  flex-grow: 1;
}

/**
 * @Author: yjf
 * @Date: 2021-12-23 10:56:40
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-17 10:28:56
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ocr-modal-title {
  display: inline-block;
}
.ocr-modal-ing {
  text-align: center;
  padding-top: 22px;
  border-radius: 5px;
}
.ocr-modal-ing-img {
  width: 160px;
  height: 160px;
  margin-bottom: 10px;
}
.ocr-modal-ing-result {
  line-height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.ocr-modal-ing-result-success {
  margin: 0 4px;
  color: #3296fa;
}
.ocr-modal-ing-result-fail {
  margin: 0 4px;
  color: #fe7a23;
}
.ocr-modal-ing .mkui-modal-close {
  display: none;
}
.ocr-modal-ing .mkui-modal-content {
  height: 260px;
  border-radius: 5px;
}
.ocr-modal-ing .mkui-modal-body {
  font-size: 16px;
  font-weight: 600;
  color: #3296fa;
}
.ocr-modal-ing .mkui-modal-footer {
  display: none;
}

/**
 * @Author: conggb
 * @Date: 2023-03-17 10:24:29
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-17 10:51:25
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ocr-usage {
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-right: 24px;
  font-size: 13px;
}
.ocr-usage .mkicon {
  margin: 0 4px 0 12px;
  font-size: 14px;
  color: #3296fa;
}
.ocr-usage-limit {
  color: var(--mkui-primary-6, #0088ff);
}
.ocr-usage-refresh {
  width: 62px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  margin-left: 12px;
  background-color: #f7f7f7;
  font-size: 12px;
  color: var(--mkui-primary-6, #0088ff);
}
.ocr-usage-refresh .mkicon {
  margin: 0;
  margin-right: 4px;
  font-size: 11px;
}
.ocr-usage-refresh:hover {
  cursor: pointer;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.single-receipt-base-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.single-receipt-base-info .flow-inline {
  display: inline-flex;
  width: calc(50% - 16px);
}
.single-receipt-base-info .flow-inline .mkui-row {
  width: 100%;
}
.single-receipt-subtitle {
  line-height: 18px;
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.6);
  position: relative;
}
.single-receipt-subtitle .single-receipt-required {
  color: #ef0000;
  position: absolute;
  left: -8px;
  top: 0;
}
.single-receipt .associate-common-title-text {
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: normal !important;
  font-size: 13px !important;
}
.single-receipt-rel {
  position: relative;
  margin-bottom: 16px;
}
.single-receipt-rel .mkui-btn {
  height: 48px;
  border-color: #e1e1e1;
}
.single-receipt-rel-vouchers {
  display: flex;
  flex-wrap: wrap;
}
.single-receipt-rel-voucher-btn {
  width: 85px !important;
  height: 24px !important;
  border-color: var(--mkui-primary-6, #0088ff) !important;
  font-size: 13px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute !important;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1000px) {
  .single-receipt-rel {
    width: 310px;
  }
}
.single-receipt-divider {
  height: 12px;
  margin-bottom: 16px;
  background-color: #f7f7f7;
}
.single-receipt-upload {
  cursor: pointer;
}
.single-receipt-upload-link {
  color: var(--mkui-primary-6, #0088ff);
}
.single-receipt-upload-format {
  color: rgba(0, 0, 0, 0.6);
}
.single-receipt-upload .mkui-enhanced-upload-uploadlist-item-error {
  border: 1px dashed #e1e1e1;
}
.mkui-modal-content .single-receipt-footer {
  text-align: right;
}
.mkui-modal-content .single-receipt-footer > button.mkui-btn-primary {
  margin-right: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.linknewreceipt {
  padding: 0px 24px 12px 24px;
  display: flex;
  gap: 8px;
}

.asociatedMKDoc-addmodal-modal .mkui-modal-body {
  height: 0;
}
.asociatedMKDoc-addmodal-modal .mkui-flex-table {
  height: calc(100% - 44px);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mkui-invoice-xmlbox {
  margin-bottom: 10px;
}
.mkui-invoice-xmlbox-file-upload-link {
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.mkui-invoice-xmlbox-file-tips {
  color: rgba(0, 0, 0, 0.44);
}
.mkui-invoice-xmlbox .mkui-upload-list {
  display: none;
}
.mkui-invoice-xmlbox-file-item {
  position: relative;
  padding: 10px 20px;
  height: 48px;
  line-height: 28px;
  width: 408px;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
}
.mkui-invoice-xmlbox-file-item-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  font-size: 16px;
  margin-right: 10px;
}
.mkui-invoice-xmlbox-file-item-text {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.84);
}
.mkui-invoice-xmlbox-file-item-deletebtn {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 48px;
  line-height: 48px;
  width: 30px;
  text-align: center;
}
.mkui-invoice-xmlbox-file-item-deletebtn:hover {
  color: #f11212;
}
.mkui-invoice-xmlbox-file-item-download {
  position: absolute;
  right: 30px;
  font-size: 16px;
  top: 0px;
  height: 48px;
  line-height: 48px;
  width: 20px;
  text-align: center;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formitemcurrency";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoice-detail-header {
  width: 100%;
}

.invoice-check-repeat-result-title {
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
  padding: 4px 0;
}
.invoice-check-repeat-result-content {
  padding: 12px;
  width: 280px;
}

.export-select-modal-content {
  padding: 5px 24px 24px 24px;
}

/**
 * @Author: conggb
 * @Date: 2022-03-07 14:03:52
 * @LastEditors: conggb
 * @LastEditTime: 2022-12-15 11:40:20
 * @Description: 发票 - 文件信息
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
/* begin : scoped css */
.invoicedocinfo {
  /* begin : scoped common css */
  /* end : scoped common css */
  /* begin : scoped override css */
  /* end : scoped override css */
  /* begin : own css */
  margin-bottom: 24px;
  padding: 0 0 24px 0;
  /* end : own css */
  /* begin : for InvoiceDocInfo/GenerateDocInfoModal.jsx */
  /* end : for InvoiceDocInfo/GenerateDocInfoModal.jsx */
}
.invoicedocinfo .ml5 {
  margin-left: 5px;
}
.invoicedocinfo .mkui-steps-dot {
  margin-left: -30px;
  width: 100%;
  /* .mkui-steps-item-tail {
       margin: 0 0 0 55px;
     }
     .mkui-steps-item-icon {
       margin-left: 53px;
     } */
}
.invoicedocinfo .mkui-steps-dot .mkui-steps-item:last-child {
  flex: 1;
}
.invoicedocinfo .mkui-steps-item-description {
  color: rgba(0, 0, 0, 0.65) !important;
}
.invoicedocinfo-header {
  display: flex;
  justify-content: space-between;
}
.invoicedocinfo-header-title {
  font-weight: bold;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.invoicedocinfo-header-more svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.invoicedocinfo-header-more svg:hover {
  color: var(--mkui-primary-6, #0088ff);
}
.invoicedocinfo-operations {
  margin-top: 24px;
}
.invoicedocinfo-steps {
  margin-top: 24px;
}
.invoicedocinfo-steps-step-desc {
  cursor: pointer;
}
.invoicedocinfo-steps-step-desc-icon {
  font-size: 28px;
}
.invoicedocinfo-steps-step-desc-icon-active {
  color: var(--mkui-primary-6, #0088ff);
}
.invoicedocinfo-more-content,
.invoicedocinfo-file-content {
  min-width: 120px;
  cursor: pointer;
}
.invoicedocinfo-more-content-item,
.invoicedocinfo-file-content-item {
  padding: 6px 12px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.invoicedocinfo-more-content-item:hover,
.invoicedocinfo-file-content-item:hover {
  background-color: #f7f7f7;
}
.invoicedocinfo-more-content-item-icon,
.invoicedocinfo-file-content-item-icon {
  margin-right: 5px;
  color: var(--mkui-primary-6, #0088ff);
  display: flex;
  align-items: center;
}
.invoicedocinfo-g {
  /* begin : scoped override css */
  /* end : scoped override css */
  /* begin : own css */
  /* end : own css */
}
.invoicedocinfo-g .mkui-modal-body {
  padding: 0;
}
.invoicedocinfo-g .mkui-modal-header {
  height: 50px;
}
.invoicedocinfo-g-body-bg {
  background-image: url(/94111cf704014e3dbc38.png);
  height: 200px;
  background-size: cover;
}
.invoicedocinfo-g-body-content {
  position: relative;
  background-color: white;
  margin: 0 20px;
  border-radius: 4px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  height: 250px;
  margin-top: -100px;
  padding: 30px 50px;
  line-height: 30px;
}
.invoicedocinfo-g-body-content-line {
  position: absolute;
  height: 220px;
  background-color: rgba(0, 0, 0, 0.18);
  width: 1px;
  left: 36px;
}
.invoicedocinfo-g-body-content-line-icon {
  position: absolute;
  left: -6px;
  background-color: white;
  height: 13px;
  top: 18px;
  display: flex;
}
.invoicedocinfo-g-body-content-line-icon .mkicon {
  color: #0088ff;
  opacity: 0.5;
}
.invoicedocinfo-g-body-content-title {
  font-weight: bold;
  padding-top: 10px;
}
.invoicedocinfo-g-body-content-item {
  color: #666666;
  display: flex;
  justify-content: space-between;
}
.invoicedocinfo-g-body-content-item-status-icon {
  margin-right: 5px;
  color: var(--mkui-primary-6, #0088ff);
}
/* end : scoped css */
/* begin : global override css */
.z1200 {
  z-index: 1200 !important;
}
/* end : global override css */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoicexbrlupload-link {
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.invoicexbrlupload-tips {
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoicexbrlfilelist {
  margin-top: 8px;
}
.invoicexbrlfilelist-empty {
  color: rgba(0, 0, 0, 0.44);
}
.invoicexbrlfilelist-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.invoicexbrlfilelist-content-pagination {
  display: flex;
  justify-content: right;
}
.invoicexbrlfilelist-content-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.invoicexbrlfilelist-content-list-item {
  display: flex;
  align-items: center;
  width: calc(50% - 16px / 2);
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  gap: 30px;
}
.invoicexbrlfilelist-content-list-item-left {
  display: flex;
  align-items: center;
  flex-grow: 1;
  min-width: 0;
  gap: 6px;
}
.invoicexbrlfilelist-content-list-item-left-icon {
  position: relative;
  top: -2px;
  font-size: 16px;
}
.invoicexbrlfilelist-content-list-item-left-text {
  font-size: 14px;
  flex-grow: 1;
  min-width: 0;
}
.invoicexbrlfilelist-content-list-item-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
}
.invoicexbrlfilelist-content-list-item-right-deletebtn {
  font-size: 14px;
}
.invoicexbrlfilelist-content-list-item-right-deletebtn:hover {
  color: #f11212;
}
.invoicexbrlfilelist-content-list-item-right-download {
  font-size: 16px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"invoicexbrlgenerate";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoicexbrl {
  margin-bottom: 10px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.uploadbyimagetag-file-create {
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
  background: #fafafa;
  color: rgba(0, 0, 0, 0.6);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 320px;
  height: 48px;
}
.uploadbyimagetag-file-create:hover {
  border-color: #3296fa;
}
.uploadbyimagetag-file-create-disabled {
  background-color: #eee !important;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.addinvoiceimage .mkui-modal-content {
  min-height: 0 !important;
}
.addinvoiceimage .mkui-modal-content .mkui-modal-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.addinvoiceimage-inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
}
.addinvoiceimage-inner-header {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  font-weight: bold;
  border-bottom: solid 1px #eee;
}
.addinvoiceimage-inner-header-label {
  width: 120px;
  padding: 6px 12px;
}
.addinvoiceimage-inner-header-value {
  flex-grow: 1;
  padding: 6px 12px;
}
.addinvoiceimage-inner-list {
  overflow: auto;
}
.addinvoiceimage-inner-list-item {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #eee;
}
.addinvoiceimage-inner-list-item-label {
  width: 120px;
  padding: 12px;
}
.addinvoiceimage-inner-list-item-value {
  flex-grow: 1;
  padding: 12px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoiceimagesoperations {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.invoiceimagesoperations-btn {
  margin: 0 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  font-size: 15px !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.invoiceimagesoperations-btn .mkicon {
  padding: 0 !important;
}
.invoiceimagesoperations-import .mkicon {
  position: relative;
  top: -1px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoiceimagesheader {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
}
.invoiceimagesheader-left {
  display: flex;
  align-items: center;
  gap: 6px;
}
.invoiceimagesheader-title {
  font-weight: bold;
}
.invoiceimagesheader-label {
  color: #3296fa;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoiceimagescontent {
  height: calc(100% - 42px);
}
.invoiceimagescontent .mkui-image-viewer {
  min-height: auto !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoiceimages {
  position: relative;
  height: 100%;
  background-color: #f9f9f9;
}
.invoiceimages .mkui-spin-nested-loading {
  height: 100%;
}
.invoiceimages .mkui-spin-nested-loading .mkui-spin-container {
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoice-detail-content {
  display: flex;
  height: 100%;
  width: 100%;
  overflow-x: auto;
}
.invoice-detail-content .mkui-tabs-nav {
  margin-right: 24px !important;
}
.invoice-detail-content .invoice-detail-scroll-wrapper {
  height: 100%;
}
.invoice-detail-content .invoice-detail-scroll-wrapper .mkui-tabs-content-holder {
  overflow: auto;
  padding-right: 24px;
  padding-left: 8px;
  margin-left: -8px;
}
.invoice-detail-content-left {
  padding-left: 8px;
  padding-right: 20px;
  min-width: 476px;
  width: 50%;
  height: 100%;
  position: relative;
  margin-top: -15px;
}
.invoice-detail-content-left-hr {
  margin-bottom: 12px;
  width: 100%;
  height: 8px;
  background: #f0f2f5;
}
.invoice-detail-content-left > h3 {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 600;
  font-size: 14px;
}
.invoice-detail-content-left-p {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-size: 13px;
}
.invoice-detail-content-left-p > span {
  float: left;
  margin-right: 23px;
  width: 118px;
  color: rgba(0, 0, 0, 0.6);
}
.invoice-detail-content-right {
  flex: 1;
}
.invoice-detail-content-foot {
  display: inline-flex;
  height: 48px;
}
.invoice-detail-content-set-padding-inner {
  padding: 16px 24px 16px 16px;
}
.invoice-detail-content-relation-module {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.validate-true {
  position: absolute;
  top: 0;
  right: 0;
  color: #62be61 !important;
  font-size: 88px;
  transform: rotate(25deg);
  z-index: 999;
}
.validate-true-docinfo {
  margin-top: 150px;
}
.maycur-invoice-bill-accountlist {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.invoice-detail-remark {
  resize: vertical !important;
  background-color: white !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoiceimagetag {
  min-width: 100px;
}
.invoiceimagetag-review {
  display: flex;
  align-items: center;
  gap: 8px;
}
.invoiceimagetag-review .mkicon {
  color: #3296fa;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificate-detail-spin {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.5);
}
.certificate-detail-spin .mkui-spin-spinning {
  max-height: 100% !important;
}
.certificate-detail-export {
  margin-right: 8px;
}
.certificate-detail-checkstatus {
  height: 56px;
  padding-left: 8px;
}
.certificate-detail-content .layout-detail-content-inner {
  padding: 0;
}
.certificate-detail-content-tab {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 0 24px !important;
  background-color: #ffffff;
}
.certificate-detail-content-tab .mkui-tabs-nav {
  margin-bottom: 0px;
}
.certificate-detail-pad {
  display: inline-block;
  width: 9px;
}
.certificate-detail .mkui-list-item-meta-avatar .mkicon {
  width: 40px !important;
  height: 40px !important;
  color: #3296fa;
}
.certificate-detail .mkui-list-item-meta-avatar .mkicon > svg {
  width: 100% !important;
  height: 100% !important;
}
.certificate-detail .mkui-list-item {
  cursor: pointer;
  transition: all 0.2s;
}
.certificate-detail .mkui-list-item:hover {
  background-color: #edf7ff;
}
.certificate-detail .mkicon-pdf-file {
  color: #fc0d1b !important;
}
.certificate-detail .mkicon-xls-file {
  color: #28be82 !important;
}
.certificate-detail .upload-file-info .mkui-upload-list {
  display: none;
}
.certificate-detail .upload-file-info-pictures {
  display: inline-flex;
  flex-direction: column;
}
.certificate-detail .upload-file-info-pictures > div {
  display: inline-flex;
  justify-content: space-between;
  margin: 5px 0;
}
.certificate-detail .upload-file-info-pictures > div > span {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
}
.certificate-detail .upload-file-info-pictures > div > span:first-child {
  width: calc(100% - 30px);
}
.certificate-detail .upload-file-info-pictures > div > span:last-child {
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  cursor: pointer;
}
.certificate-detail .upload-file-info-pictures > div > span:last-child:hover > i {
  color: #e75318;
}
.certificate-detail .upload-file-info-pictures > div:hover {
  background-color: #add2e4;
}
.certificate-detail .upload-file-info-content {
  display: flex;
  flex-direction: column;
}
.certificate-detail .upload-file-info-content-line {
  display: inline-flex;
  flex-direction: column;
}
.certificate-detail .upload-file-info-content-line > div {
  display: inline-flex;
  width: 100%;
}
.certificate-detail .upload-file-info-content-line > div:first-child {
  margin: 5px 0;
}
.certificate-detail .upload-file-info-content-line > div:last-child {
  margin-bottom: 10px;
}
.certificate-detail .upload-file-info-content-line-drag > span {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.certificate-detail .upload-file-info-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  width: 72px;
  height: 29px;
  border: 1px solid #e1e1e1;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.certificate-detail .upload-file-info .active {
  border: 1px solid var(--mkui-primary-6, #0088ff);
  color: var(--mkui-primary-6, #0088ff);
}
.certificate-detail .spec-button {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-left: 10px;
  width: 61px;
  height: 32px;
  background-color: #f7f7f7;
  color: var(--mkui-primary-6, #0088ff);
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  cursor: pointer;
  transition: all 0.3s;
}
.certificate-detail .spec-button > span:first-child {
  left: 0;
  border-top: 20px solid #f7f7f7;
  border-bottom: 12px solid #f7f7f7;
  border-left: 10px solid #f7f7f7;
  transition: all 0.3s;
}
.certificate-detail .spec-button > span:nth-child(2) {
  display: inline-block;
  font-size: 14px;
  transform: translateX(-5px);
}
.certificate-detail .spec-button > span:last-child {
  right: -10px;
  border-top: 18px solid #ffffff;
  border-bottom: 14px solid #ffffff;
  border-left: 12px solid #f7f7f7;
  transition: all 0.3s;
}
.certificate-detail .spec-button span.pos {
  position: absolute;
  width: 0;
  height: 0;
}
.certificate-detail .spec-button-d > span:first-child {
  left: 0;
  border-top: 15px solid #f7f7f7;
  border-bottom: 16px solid #f7f7f7;
  border-left: 10px solid #ffffff;
  transition: all 0.3s;
}
.certificate-detail .spec-button-d > span:nth-child(2) {
  padding-left: 7px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.row-dragging {
  background: #f7f7f7;
  border: 1px solid #cccccc;
  z-index: 10000;
}
.row-dragging td {
  padding: 16px;
  visibility: hidden;
}
.row-dragging,
.drag-visible {
  visibility: visible !important;
}
.handle-bar {
  cursor: move;
  color: #4c83fa;
  font-size: 14px;
}
.tpl-list .mkui-list-item-action {
  width: 150px;
}
.tpl-add .mkui-modal-body {
  padding: 0;
}
.tpl-add .tpl-alert {
  border: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.template-selector {
  display: flex;
}
.template-selector .template-selector-left {
  flex-basis: 60%;
}
.template-selector .template-selector-right {
  flex-basis: 40%;
  padding-left: 24px;
}
.template-selector-upload .mkui-modal {
  min-height: 470px;
}
.template-selector-upload .mkui-upload-all-in-attachment-upload-content {
  height: 236px;
}
.template-selector-upload .mkui-upload-all-in-attachment-uploaded {
  height: calc(100% - 236px - 56px);
}
.template-selector-upload-data-compare .mkui-modal {
  min-height: 470px;
}
.template-selector-upload-data-compare .mkui-upload-all-in-attachment-upload-content {
  height: 310px;
}
.template-selector-upload-data-compare .mkui-upload-all-in-attachment-uploaded {
  height: calc(100% - 310px - 56px);
}
.import-tool .mkui-form-item-label {
  line-height: normal;
}
.import-tool .layout-detail-content-inner {
  display: flex;
  padding: 24px 0 0 30px;
}
.import-tool .layout-detail-content-inner .import-content {
  width: 580px;
}
.import-tool .layout-detail-content-inner .import-content .import-content-select {
  padding: 6px 0;
}
.import-tool .layout-detail-content-inner .import-content .import-content-select p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.import-tool .layout-detail-content-inner .import-content .import-select-modal {
  padding-left: 11px;
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #d9d9d9;
}
.import-tool .layout-detail-content-inner .import-content .download .mkui-btn {
  margin-top: 8px;
  border-color: #e1e1e1;
}
.import-tool .layout-detail-footer {
  display: flex;
}
.import-tool-star {
  color: red;
}
.import-tool-list .import-status-content {
  display: flex;
  align-items: center;
  min-height: 56px;
}
.import-tool-list .import-status-content .status-icon {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #3296fa;
}
.import-tool-list .import-status-content .status-icon.SUCCESS {
  background-color: #00b600;
}
.import-tool-list .import-status-content .status-icon.FAIL {
  background-color: #ff0000;
}
.import-tool-list .import-status-content .text-content {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.6);
}
.import-tool-list .import-status-content .text-content button {
  padding: 0;
  text-align: left;
}
.template-list-modal {
  padding: 16px 24px;
}
.template-list-modal .add-btn {
  margin-bottom: 24px;
  height: 48px;
}
.template-list-modal .template-list {
  overflow: auto;
  height: 400px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.template-list-modal .template-list .list-line {
  margin-left: 12px;
  width: 100%;
  height: 40px;
}
.template-list-modal .template-list .list-line p {
  margin: 0;
  height: 16px;
  line-height: 16px;
}
.template-list-modal .template-list .list-line .text-name {
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.84);
  font-size: 14px;
}
.template-list-modal .template-list .list-line .text-time {
  color: rgba(0, 0, 0, 0.28);
  font-size: 12px;
}
.template-add-modal {
  padding: 16px 24px 0 24px;
}
.template-add-modal .filekey-table {
  overflow: auto;
  margin-top: 24px;
  max-height: 330px;
}
.template-add-modal .filekey-table p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.template-add-modal .add-row {
  display: flex;
  height: 48px;
  align-items: center;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"editabletablerow";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.editabletablecell.editable-cell {
  position: relative;
}
.editabletablecell.mkui-table-cell .delete-icon {
  color: var(--mkui-primary-6, #0088ff);
}
.editabletablecell-value-wrap {
  padding: 5px 12px;
  cursor: pointer;
}
.editabletablecell .add-placeholder-div:empty::before {
  position: relative;
  color: lightgrey;
  content: attr(placeholder);
}
.editable-row:hover .editabletablecell-value-wrap {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 4px 11px;
}
[data-theme='dark'] .editable-row:hover .editabletablecell-value-wrap {
  border: 1px solid #434343;
}


/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.left-mode {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.left-mode-header {
  padding: 12px 18px;
  height: 62px;
}
.left-mode .left-tree-wrapper {
  width: 100%;
  height: calc(100% - 62px);
  padding: 0 24px;
}
.left-mode .left-tree-wrapper .mkui-tree-treenode {
  padding: 0 0 6px;
}
.left-mode .left-tree-wrapper .mkui-tree-node-content-wrapper {
  height: 24px;
}
.left-mode .left-tree-wrapper .tree-icon {
  font-size: 14px;
  color: #999;
}
.left-mode .left-tree-wrapper .mkui-tree-node-content-wrapper {
  display: flex;
  padding: 0;
}
.left-mode .left-tree-wrapper .mkui-tree-node-content-wrapper .mkui-tree-title {
  font-size: 14px;
}
.left-mode .left-tree-wrapper .mkui-tree-node-content-wrapper .mkui-tree-title span {
  color: #555;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.left-mode .left-tree-wrapper .mkui-tree-node-content-wrapper.mkui-tree-node-selected .tree-icon {
  color: var(--mkui-primary-6, #0088ff);
}
.left-mode .left-tree-wrapper .mkui-tree-node-content-wrapper.mkui-tree-node-selected .mkui-tree-title span {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.left-mode .left-list {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.left-mode .left-list-back {
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}
.left-mode .left-list-back-icon {
  margin-right: 12px;
  font-size: 16px;
  color: var(--mkui-primary-6, #0088ff);
}
.left-mode .left-list-back-nosearch {
  color: #999999;
}
.left-mode .left-list .left-list-context-wrapper {
  width: 100%;
  height: calc(100% - 96px);
  overflow-y: auto;
}
.left-mode .left-list-content-empty {
  width: 100%;
  margin-top: 200px;
}
.left-mode .left-list-content-empty p {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.left-mode .left-list-item {
  height: 48px;
  padding: 5px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.left-mode .left-list-item-title {
  height: 20px;
  display: flex;
  align-items: center;
}
.left-mode .left-list-item-icon {
  margin-right: 10px;
  font-size: 14px;
  color: var(--mkui-primary-6, #0088ff);
}
.left-mode .left-list-item-text {
  max-width: 349px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.left-mode .left-list-item-path {
  max-width: 250px;
  line-height: 17px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.left-mode .left-list-item:hover {
  background-color: #f7f7f7;
}
.left-mode .left-list-item:active .left-list-item-text {
  color: var(--mkui-primary-6, #0088ff);
}
.left-mode .left-list-keyword {
  color: #00b600;
}
.left-mode .left-list-item-selected {
  background-color: #edf7ff;
}
.left-mode .left-list-item-selected .left-list-item-text,
.left-mode .left-list-item-selected .left-list-keyword {
  color: var(--mkui-primary-6, #0088ff);
}
.left-mode .left-list-more {
  width: 100%;
  height: 48px;
  border: none;
}
.left-mode-hidden {
  opacity: 0;
}
.left-list-item-tooltip .mkui-tooltip-arrow-content {
  width: 6px;
  height: 6px;
  border: 1px solid #e1e1e1;
  background-color: #ffffff;
}
.left-list-item-tooltip .mkui-tooltip-inner {
  box-shadow: 0px 0px 4px 0px #e1e1e1;
  background-color: #ffffff;
  transform: translateX(50%);
  font-size: 13px;
  font-weight: 400;
  color: #999999;
}

/**
 * @Author: conggb
 * @Date: 2024-01-10 15:01:35
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-11 14:54:34
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.filerecordnamerulepartlist {
  display: flex;
  flex-direction: column;
  cursor: grab;
}
.filerecordnamerulepartlist-disabled {
  cursor: default;
}
.filerecordnamerulepartlist-item {
  display: flex;
  gap: 12px;
  padding: 4px 0;
  border-radius: 4px;
}
.filerecordnamerulepartlist-item-part {
  display: flex;
  align-items: center;
}
.filerecordnamerulepartlist-item-part-dragicon {
  color: rgba(0, 0, 0, 0.84);
  height: 30px;
  display: flex !important;
  align-items: center;
  width: 30px;
  justify-content: center;
}
.filerecordnamerulepartlist-item-part-select {
  width: 250px !important;
}
.filerecordnamerulepartlist-item-part-deleteicon {
  display: none !important;
}
.filerecordnamerulepartlist-item:hover {
  background-color: #f7f7f7;
}
.filerecordnamerulepartlist-item:hover .filerecordnamerulepartlist-item-part-deleteicon {
  width: 30px;
  height: 30px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.export-file-name-custom {
  margin-bottom: 16px;
}
.export-file-name-custom-title {
  font-size: 12px;
  color: #757575;
  line-height: 16px;
  margin-bottom: 8px;
}
.export-file-name-custom-bar {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  background: #f7f7f7;
  border-radius: 1px;
}
.export-file-name-custom-text {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 18px;
}
.export-file-name-custom-modal-view {
  padding: 10px 12px;
  background: #f7f7f7;
  border-radius: 1px;
  margin-bottom: 12px;
}
.export-file-name-custom-modal-add {
  margin-bottom: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.cer-export-select-modal {
  flex-grow: 1;
  overflow: auto;
  min-height: 500px;
  display: flex;
  flex-direction: column;
}
.cer-export-select-modal-wrapper .mkui-modal {
  height: 90%;
  max-height: 800px;
}
.cer-export-select-modal-wrapper .mkui-modal .mkui-modal-content {
  overflow: hidden;
}
.cer-export-select-modal-wrapper .mkui-modal .mkui-modal-content .mkui-modal-body {
  display: flex;
  flex-direction: column;
}
.cer-export-select-modal-header {
  padding: 8px 24px;
  display: flex;
  align-items: center;
}
.cer-export-select-modal-header-dot {
  display: inline-block;
  margin-right: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0088ff;
}
.cer-export-select-modal-content {
  padding: 0 24px !important;
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.cer-export-select-modal-content-title {
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 8px;
}
.cer-export-select-modal-content-table {
  flex-grow: 1;
}

/**
 * @Author: conggb
 * @Date: 2022-10-12 16:44:03
 * @LastEditors: conggb
 * @LastEditTime: 2022-12-22 17:43:01
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.export-setting-title {
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 8px;
}
.export-setting-reminder-icon {
  margin-left: 2px;
  cursor: pointer;
}
.export-setting .mkui-form-vertical .mkui-form-item:last-child {
  margin: 0 !important;
}

/**
 * @Author: conggb
 * @Date: 2022-10-12 16:44:03
 * @LastEditors: conggb
 * @LastEditTime: 2022-10-12 17:44:21
 * @Description:
 */
/* @prefix-cls: ~"merge-export";

.@{prefix-cls} {
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.right-part-info {
  display: inline-flex;
  flex-direction: column;
  margin: 0 16px 0 8px;
  padding-bottom: 0;
  padding-left: 0;
}
.right-part-info .right-part-info-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  margin-top: 12px;
  margin-bottom: 8px;
}
.right-part-info .right-part-info-header .right-part-info-name {
  height: 100%;
  display: flex;
  align-items: center;
}
.right-part-info .right-part-info-header .right-part-info-name-icon {
  width: 42px;
  height: 42px;
  background-color: var(--mkui-primary-1, #f2f9ff);
  color: var(--mkui-primary-6, #0088ff);
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
  line-height: 38px;
  margin-right: 12px;
}
.right-part-info .right-part-info-header .right-part-info-name-title {
  height: 22px;
  line-height: 22px;
  margin-right: 6px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
  font-size: 16px;
}
.right-part-info .right-part-info-desc .mkui-divider-horizontal {
  margin: 4px 0;
}
.right-part-info .right-part-info-desc .mkui-btn-link {
  color: #757575;
}
.right-part-info .right-part-info-desc div.content-line {
  line-height: 32px;
}
.right-part-info .right-part-info-desc span.duration {
  display: inline-block;
  width: 24%;
  height: 18px;
  line-height: 18px;
  padding-right: 12px;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-part-info .right-part-info-desc span.duration em {
  font-style: normal;
  color: rgba(0, 0, 0, 0.84);
  font-size: 13px;
  margin-left: 10px;
}
.right-part-info .right-part-info-desc div.content-line span.duration:last-child {
  border-right: none;
}
.right-part-info .right-part-info-desc span.desc {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: rgba(0, 0, 0, 0.6);
}
.right-part-info .right-part-info-desc span.desc em {
  display: inline-block;
  color: var(--mkui-primary-6, #0088ff);
  font-style: normal;
  margin-left: 5px;
  margin-right: 5px;
}
.right-part-info .right-part-info-desc span.tag-item {
  height: 20px;
  background: #f7f7f7;
  border: 0.5px solid #e1e1e1;
  border-radius: 2px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
}
.right-part-info .right-part-info-desc span.tag-item:hover {
  cursor: default;
}
.right-part-info .right-part-info-desc span.tag-item svg {
  color: var(--mkui-primary-6, #0088ff);
  margin-right: 6px;
  height: 16px;
  width: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.upload-file {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 10px solid #e6e6e6;
  border-bottom: 10px solid #e6e6e6;
}
.upload-file .mkui-enhanced-upload-uploadlist {
  margin-bottom: 20px;
}
.upload-file-title {
  display: inline-flex;
  font-weight: bold;
  margin: 15px 0 10px 0;
}
.upload-file-no-margin {
  margin-bottom: 0;
}
.upload-file-content {
  margin-bottom: 10px;
  flex-direction: column;
}
.upload-file-content-file-empty {
  color: #999999;
  margin-top: 6px;
  margin-bottom: 24px;
}
.upload-file-content-file-upload {
  margin-top: 23px;
}
.upload-file-content-file-upload-link {
  color: var(--mkui-primary-6, #0088ff);
}
.upload-file-content-file-upload-link:hover {
  cursor: pointer;
}
.upload-file-content-file-upload-link-mgb20 {
  margin-bottom: 20px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.employee-input {
  display: inline-block;
  position: relative;
  outline: 0;
  width: 100%;
}
.employee-input-selection {
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  display: block;
  position: relative;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #e1e1e1;
  border-top-width: 1.02px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.employee-input-selection:hover {
  border-color: var(--mkui-primary-6, #0088ff) !important;
}
.employee-input-focused .employee-input-selection,
.employee-input-selection:focus,
.employee-input-selection:active {
  border-color: var(--mkui-primary-6, #0088ff) !important;
}
.employee-input-selection__clear {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  opacity: 0;
  position: absolute;
  right: 11px;
  z-index: 1;
  background: #ffffff;
  top: 50%;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.25);
  width: 12px;
  height: 12px;
  margin-top: -6px;
  line-height: 12px;
  cursor: pointer;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.employee-input-selection__clear:before {
  display: block;
  font-family: 'mkicon';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e62e';
}
.employee-input-selection__clear:hover {
  color: rgba(0, 0, 0, 0.44);
}
.employee-input-selection:hover .employee-input-selection__clear {
  opacity: 1;
}
.employee-input-selection-selected-value {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 20px;
}
.employee-input-selection-icon {
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
  color: rgba(0, 0, 0, 0.25);
  transition: color 0.3s;
}
.employee-input-selection--rendered {
  margin: 0 11px;
}
.employee-input-selection > .employee-input-selection-icon-clear {
  display: none;
}
.employee-input.employee-input-disabled .employee-input-selection {
  background-color: #f7f7f7;
  cursor: not-allowed;
  border-style: dashed !important;
  color: rgba(0, 0, 0, 0.84) !important;
}
.employee-input.employee-input-disabled .employee-input-selection-icon {
  cursor: not-allowed;
}
.employee-input.employee-input-disabled .employee-input-selection:hover {
  border-color: #d9d9d9 !important;
}
.employee-input-li.employee-input-disabled .employee-input-selection {
  border-bottom: 1px solid #e1e1e1;
  background-color: #ffffff;
  cursor: default;
}
.employee-input-li.employee-input-disabled .employee-input-selection-icon {
  display: none;
}
.employee-input-li .employee-input-selection {
  border: 0;
  border-bottom: 1px solid #e1e1e1;
  border-radius: 0;
}
.employee-input-li .employee-input-selection__rendered {
  margin-left: 0;
}
.employee-input-selection__rendered {
  display: block;
  margin-left: 11px;
  margin-right: 11px;
  position: relative;
  line-height: 30px;
}
.employee-input-selection__rendered:after {
  content: '.';
  visibility: hidden;
  pointer-events: none;
  display: inline-block;
  width: 0;
}
.employee-input-selection__rendered .no-email-tips {
  color: #ff6f0c;
}
.employee-input-selection--single {
  height: 32px;
  position: relative;
}
.employee-input-selection--multiple {
  min-height: 32px;
  zoom: 1;
}
.employee-input-selection--multiple:before,
.employee-input-selection--multiple:after {
  content: '';
  display: table;
}
.employee-input-selection--multiple:after {
  clear: both;
}
.employee-input-selection__placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  right: 9px;
  color: #bfbfbf;
  line-height: 20px;
  height: 20px;
  max-width: 100%;
  margin-top: -10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.auth-detail-form {
  display: flex;
  flex-direction: column;
  padding-bottom: 5px;
}
.auth-detail-form .mkui-row {
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: space-between;
}
.auth-detail-form-delay {
  display: inline-flex;
  height: 32px;
}
.auth-detail-form-delay input {
  width: 50px !important;
  height: 20px;
}
.auth-detail-form-delay-year {
  display: inline-flex;
  height: 32px;
  align-items: center;
}

.auth-table-info {
  display: flex;
  flex-direction: column;
}
.auth-table-info-title {
  font-weight: bold;
  margin: 15px 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.export-modal {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.export-modal .modal-header {
  height: 36px !important;
  min-height: 30px !important;
}
.export-modal .modal-header .modal-header-text {
  padding: 0;
  width: 100%;
  height: 36px;
}
.export-modal .modal-header .modal-header-text .mkui-alert-info {
  border: 0 !important;
  border-radius: 0;
  padding: 8px 24px;
}
.export-modal .export-modal-content {
  padding-bottom: 0 !important;
}
.export-modal .radio-list-item:last-child {
  border-bottom: 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.see-file {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  margin: 0 10px;
  cursor: pointer;
}
.see-file > span {
  display: inline-flex;
  color: #3296fa;
  font-weight: 400;
}
.see-file > span:first-child {
  margin-right: 4px;
  font-size: 16px;
}

.destroy-detail {
  width: 100%;
}
.destroy-detail-title {
  display: inline-flex;
}
.destroy-detail-title > div {
  display: inline-flex;
}
.destroy-detail-up {
  width: 100%;
  display: inline-flex;
}

.auth-detail-form {
  display: flex;
  flex-direction: column;
  padding-bottom: 5px;
}
.auth-detail-form .mkui-row {
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: space-between;
}

.auth-table-info {
  display: flex;
  flex-direction: column;
}
.auth-table-info-title {
  font-weight: bold;
  margin: 15px 0;
}

.authenticate-detail {
  width: 100%;
}
.authenticate-detail-title {
  display: inline-flex;
}
.authenticate-detail-title > div {
  display: inline-flex;
}
.authenticate-detail-up {
  width: 100%;
  display: inline-flex;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"exportbutton";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-09-11 11:34:25
 * @LastEditors: conggb
 * @LastEditTime: 2023-09-11 17:49:32
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.exportcommon-modal-wrapper .mkui-modal-content {
  overflow: hidden;
}
.exportcommon-modal-inner-header {
  padding: 8px 24px;
  display: flex;
  align-items: center;
}
.exportcommon-modal-inner-header-dot {
  display: inline-block;
  margin-right: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0088ff;
}
.exportcommon-modal-inner-content {
  padding: 0 24px !important;
  position: relative;
}
.exportcommon-modal-inner-content-mask {
  position: relative;
  min-height: 240px;
}
.exportcommon-modal-inner-setting {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archivedretrievalresultcontent {
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  height: 100%;
}
.archivedretrievalresultcontent-top {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.archivedretrievalresultcontent-middle {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin: 0 !important;
}
.archivedretrievalresultcontent-bottom {
  flex-shrink: 0;
  border-top: 1px solid #eee;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archive-finish {
  display: flex;
  height: 100%;
  background-color: white;
}
.archive-finish .left-part {
  flex: 1 0 auto;
  width: 320px;
  border-right: 1px solid #e8e8e8;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.archive-finish .left-part-packup {
  width: 0;
}
.archive-finish .left-sider-spread {
  width: 16px;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}
.archive-finish .left-sider-spread-line {
  width: 2px;
  height: 100%;
  background-color: var(--mkui-primary-6, #0088ff);
  opacity: 0;
}
.archive-finish .left-sider-spread-icon {
  width: 16px;
  height: 32px;
  border: 1px solid #e1e1e1;
  border-left: none;
  border-radius: 0 3px 3px 0;
  background-color: #ffffff;
  cursor: pointer;
  color: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.archive-finish .left-sider-spread-icon:hover {
  left: 1px;
  border-color: var(--mkui-primary-6, #0088ff);
  background-color: var(--mkui-primary-6, #0088ff);
  color: #ffffff;
}
.archive-finish .left-sider-spread-icon:hover ~ .left-sider-spread-line {
  opacity: 1;
}
.archive-finish .left-sider-spread-icon-animation {
  border-left: 1px solid #e1e1e1;
  border-right: none;
  border-radius: 3px 0 0 3px;
  transform: rotate(180deg) translateY(50%);
}
.archive-finish .right-part {
  display: inline-flex;
  overflow: auto;
  flex-direction: column;
  width: calc(100% - 320px);
  height: 100%;
  background-color: white;
}
.archive-finish .right-part .no-data {
  margin-top: 150px;
}
.archive-finish .right-part .no-data p {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.archive-finish .right-part .table {
  display: inline-flex;
  flex-grow: 0;
  padding: 0 16px 0 8px;
  height: calc(100% - 100px);
}
.archive-finish .right-part .table > .mkui-table-wrapper {
  width: 100%;
}
.archive-finish .right-part .page-info {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: flex-end;
  padding-right: 16px;
  height: 40px;
  border-top: 1px solid #e1e1e1;
}
.archive-finish .right-part .archive-identify-result {
  padding: 2px 10px;
  width: 48px;
  height: 20px;
  border: 1px solid #ffffff;
  border-radius: 1px;
}
.archive-finish .right-part .identify-extension {
  color: #06b600;
  border-color: #06b600;
}
.archive-finish .right-part .identify-destroy {
  color: #ef0000;
  border-color: #ef0000;
}
.archive-finish .right-part-packup {
  width: calc(100% - 16px);
}
.archive-finish .table-wrapper {
  border-bottom: 1px solid #eee;
}
.archive-finish .page-bottom {
  padding: 8px 10px 8px 8px;
}
.archive-finish .page-bottom-selected {
  margin-bottom: 8px;
}
.archive-finish .page-bottom-selected-count {
  font-weight: bold;
  color: var(--mkui-primary-6, #0088ff);
  margin: 0 3px;
}
.archive-finish .page-bottom-operate button {
  margin-right: 13px;
}
.article-title {
  font-size: 14px;
}
.article-title::before {
  content: '|';
  font-weight: 800;
  color: var(--mkui-primary-6, #0088ff);
  margin-right: 4px;
  display: inline-block;
  vertical-align: 1px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.relationsourcetaskmodal {
  height: auto !important;
}
.relationsourcetaskmodal .mkui-modal-content {
  min-height: 0 !important;
}
.relationsourcetaskmodal .mkui-modal-content .mkui-modal-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.relationsourcetaskmodal-inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
}
.relationsourcetaskmodal-inner-table {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.relationsourcetaskmodal-inner-table .mkui-pagination {
  display: none !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.relationsource {
  display: inline-flex;
}
.relationsource-entrybtn {
  zoom: 90%;
}
.relationsource-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.relationsource-card-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.relationsource-card-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.relationsource-card-list-item-label {
  width: 75px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #888;
}
.relationsource-card-list-item-input {
  width: 230px !important;
  cursor: pointer;
}
.relationsource-card-view {
  width: 100%;
}
.relationsource-card-view-btn {
  width: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificate-detail-content-tab .mkui-tabs-nav {
  margin-bottom: 0 !important;
}
.attachments-more-container {
  height: calc(100% - 46px);
}
.certificate-attachments {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  height: 100%;
  overflow: auto;
}
.certificate-attachments-image-type-name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  width: 200px;
  word-break: break-all;
  -webkit-line-clamp: 2;
}
.certificate-attachments-lines {
  color: rgba(0, 0, 0, 0.6) !important;
}
.certificate-attachments-lines > button {
  display: inline-flex;
  justify-content: center;
  margin: 0 8px 11px 0;
  font-size: 13px;
  padding: 2px 12px;
  height: 26px;
}
.certificate-attachments-unselected {
  color: rgba(0, 0, 0, 0.6) !important;
}
.certificate-attachments-unselected:focus {
  border: 1px solid #d9d9d9 !important;
}
.certificate-attachments-unselected:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.certificate-attachments-selected {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
  background: var(--mkui-primary-1, #f2f9ff) !important;
}
.certificate-attachments-selected:focus {
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}
.certificate-attachments-selected:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}
.certificate-attachments-selected-total {
  margin-left: 6px;
  color: var(--mkui-primary-6, #0088ff);
}
.certificate-attachments-plus-btn {
  padding: 0 8px;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
  color: var(--mkui-primary-6, #0088ff) !important;
  cursor: pointer;
}
.certificate-attachments-plus-btn > i {
  padding-right: 4px;
}
.certificate-attachments-title {
  position: sticky;
  top: 0;
  z-index: 100;
  padding-top: 10px;
  background-color: white;
}
.certificate-attachments-title-category {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e1;
}
.certificate-attachments-title-filter {
  margin: 12px 0 8px 0;
}
.certificate-attachments-title-filter .mkui-checkbox-wrapper {
  float: right;
}
.certificate-attachments-title-left {
  display: inline-flex;
  font-size: 14px;
  flex: 1;
}
.certificate-attachments-title-left > span {
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
}
.certificate-attachments-title-right {
  display: inline-flex;
}
.certificate-attachments-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto;
}
.certificate-attachments-content .mkui-empty {
  flex: 1 1 auto;
}
.certificate-attachments-content-paging {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  background-color: #fff;
  height: 40px;
  border-top: 1px solid #e1e1e1;
}
.certificate-attachments-content.hide-assolate .certificate-attachments-list-item-ref-attachments.reference-bill {
  display: none;
}
.certificate-attachments-error-tip {
  display: inline-block;
  border: 1px solid;
  border-radius: 1px;
  font-size: 12px !important;
  height: 19px !important;
  line-height: 16px !important;
  padding: 1px 6px !important;
  flex-shrink: 0;
}
.certificate-attachments-tip-green {
  border: 1px solid #00b600;
  color: #00b600;
}
.certificate-attachments-tip-yellow {
  border: 1px solid #efbc23;
  color: #efbc23;
}
.certificate-attachments-tip-orange {
  border: 1px solid #fe7a23;
  color: #fe7a23;
}
.certificate-attachments-tip-blue {
  border: 1px solid #2f9ffd;
  color: #2f9ffd;
}
.certificate-attachments-list {
  flex: 1 1 auto;
  overflow: auto;
  position: relative;
}
.certificate-attachments-list .certificate-attachments-tip {
  font-size: 12px !important;
  height: 19px !important;
  line-height: 16px !important;
  padding: 1px 6px !important;
  transition: none !important;
  border-radius: 1px !important;
}
.certificate-attachments-list .certificate-attachments-tip.archivelocation-tip {
  margin-left: 0 !important;
  color: #8b96b0;
  background: #fafafc;
  border: 1px solid #c3c9d9;
  border-radius: 2px !important;
}
.certificate-attachments-list-item {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 8px 12px;
  border-bottom: 1px solid #e1e1e1;
  cursor: pointer;
}
.certificate-attachments-list-item:last-child {
  border-bottom: 0;
}
.certificate-attachments-list-item:hover {
  background: #f7f7f7;
}
.certificate-attachments-list-item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(161, 171, 192, 0.5);
  border-radius: 3px;
  background: #f7f7f7;
  text-align: center;
}
.certificate-attachments-list-item-content {
  display: flex;
  gap: 12px;
  width: 100%;
  margin-right: 50px;
}
.certificate-attachments-list-item .certificate-attachments-list-item-actions {
  position: absolute;
  right: 10px;
  top: 50%;
  display: none;
  transform: translateY(-50%);
  font-size: 16px;
}
.certificate-attachments-list-item .certificate-attachments-list-item-del,
.certificate-attachments-list-item .certificate-attachments-list-item-download {
  width: 24px;
  height: 24px;
  color: rgba(0, 0, 0, 0.6);
}
.certificate-attachments-list-item .certificate-attachments-list-item-del svg,
.certificate-attachments-list-item .certificate-attachments-list-item-download svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.certificate-attachments-list-item .certificate-attachments-list-item-del:hover,
.certificate-attachments-list-item .certificate-attachments-list-item-download:hover {
  color: var(--mkui-primary-6, #0088ff);
  background-color: #eee;
}
.certificate-attachments-list-item .certificate-attachments-list-item-download {
  margin-right: 8px;
}
.certificate-attachments-list-item:hover .certificate-attachments-list-item-actions {
  display: block;
}
.certificate-attachments-list-item-ref {
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  display: block;
}
.certificate-attachments-list-item-ref-attachments {
  display: flex;
}
.certificate-attachments-list-item-ref-attachments-inner {
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
}
.certificate-attachments-list-item-ref-attachments-item {
  margin-right: 20px;
  color: #2f9ffd;
  cursor: var(--mkui-primary-6, #0088ff);
}
.certificate-attachments-list-item-ref-bill-item {
  margin-right: 10px;
  color: #2f9ffd;
  cursor: var(--mkui-primary-6, #0088ff);
}
.certificate-attachments-block {
  display: flex;
  flex-wrap: wrap;
}
.certificate-attachments-block .certificate-attachments-tip {
  margin: 0 4px;
  font-size: 12px !important;
  height: 19px !important;
  line-height: 16px !important;
  padding: 1px 6px !important;
  transition: none !important;
  border-radius: 2px !important;
}
.certificate-attachments-block-item {
  position: relative;
  cursor: pointer;
  margin-right: 40px;
  margin-top: 24px;
  width: 220px;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
}
.certificate-attachments-block-item-image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 144px;
  background-color: rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.certificate-attachments-block-item-image > img {
  width: 204px;
  margin: 8px 8px 0 8px;
}
.certificate-attachments-block-item-image > span {
  align-self: center;
}
.certificate-attachments-block-item-content {
  display: flex;
  padding: 6px 6px 4px 6px;
  white-space: nowrap;
}
.certificate-attachments-block-item-content-left {
  flex: 0 0 44px;
}
.certificate-attachments-block-item-content-middle {
  padding: 0 2px;
  flex: 1 1 124px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.certificate-attachments-block-item-content-right {
  flex: 0 0 16px;
}
.certificate-attachments-block-item-content-name {
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.88);
}
.certificate-attachments-block-item-content-abs {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.certificate-attachments-block-item-del {
  opacity: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.28);
  line-height: 14px;
  border-radius: 2px;
  padding: 2px;
  margin-top: 2px;
}
.certificate-attachments-block-item-del:hover {
  color: var(--mkui-primary-6, #0088ff);
  background-color: rgba(0, 0, 0, 0.04);
}
.certificate-attachments-block-item:hover {
  border-color: var(--mkui-primary-6, #0088ff);
}
.certificate-attachments-block-item:hover .certificate-attachments-block-item-del {
  opacity: 1;
}
.certificate-attachments-itemdetail {
  display: inline-flex;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}
.certificate-attachments-itemdetail-basic {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
.certificate-attachments-itemdetail-basic-title {
  font-weight: bold;
}
.certificate-attachments-itemdetail-tag {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  zoom: 90%;
}
.certificate-attachments-itemdetail-tag .mkui-tag {
  margin: 0 !important;
  line-height: 24px !important;
  padding: 0 8px !important;
  border: none !important;
  font-size: 13px;
}
.certificate-attachments-itemdetail-extra {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #999999;
}
.certificate-attachments-tooltip .mkui-tooltip-inner {
  width: 320px;
  padding: 0 16px 6px 16px;
  color: rgba(0, 0, 0, 0.84);
  max-height: 280px;
  overflow: auto;
}
.certificate-attachments-tooltip .mkui-tooltip-inner div.certificate-attachments-archiveLocation div.title {
  font-size: 12px;
  font-weight: bold;
  position: sticky;
  top: 0;
  background: #fff;
  margin: 0 -16px;
  padding: 12px 16px;
  z-index: 2;
}
.certificate-attachments-tooltip .mkui-tooltip-inner div.certificate-attachments-archiveLocation div.content {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.certificate-attachments-tooltip .mkui-tooltip-inner div.certificate-attachments-archiveLocation div.content .invoice-tag {
  font-size: 12px;
  font-weight: bold;
  margin-top: 12px;
  color: rgba(0, 0, 0, 0.84) !important;
}
.certificate-attachments-tooltip .mkui-tooltip-inner div.certificate-attachments-archiveLocation div.content div.content-item > div {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.6);
}
.certificate-attachments-tooltip .mkui-tooltip-inner div.certificate-attachments-archiveLocation div.content div.content-item > div svg {
  width: 12px;
  position: relative;
  top: -1px;
  margin-right: 4px;
  color: rgba(0, 0, 0, 0.6);
}
.certificate-attachments-tooltip .mkui-tooltip-inner div.certificate-attachments-archiveLocation div.content div.content-item > div > span {
  color: rgba(0, 0, 0, 0.84);
}
.view-mode-switcher {
  display: flex;
  padding: 2px 0;
}
.view-mode-switcher-item {
  width: 20px;
  height: 20px;
  font-size: 18px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.4);
  margin-right: 12px;
  padding: 0 1px;
  cursor: pointer;
}
.view-mode-switcher-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: var(--mkui-primary-6, #0088ff);
}
.view-mode-switcher-item-selected {
  color: var(--mkui-primary-6, #0088ff);
}

/**
 * @Author: zhuzy
 * @Date: 2022-04-08 17:51:06
 * @LastEditors: conggb
 * @LastEditTime: 2022-07-04 15:33:33
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.category-filter {
  display: flex;
  justify-content: space-between;
  padding: 11px 0;
  border-bottom: 1px solid #e1e1e1;
}
.category-filter .filter-item {
  color: rgba(0, 0, 0, 0.6) !important;
  display: inline-flex;
  justify-content: center;
  font-size: 13px;
  padding: 2px 12px;
  height: 26px;
  margin-right: 8px;
}
.category-filter .filter-item .filter-item-count {
  margin-left: 6px;
  color: var(--mkui-primary-6, #0088ff);
}
.category-filter .filter-item-unselected {
  color: rgba(0, 0, 0, 0.6) !important;
}
.category-filter .filter-item-unselected:focus {
  border: 1px solid transparent !important;
}
.category-filter .filter-item-unselected:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.category-filter .filter-item-selected {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
  background: var(--mkui-primary-1, #f2f9ff) !important;
}
.category-filter .filter-item-selected:focus {
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}
.category-filter .filter-item-selected:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.associated-credentials {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 24px;
}
.associated-credentials-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 6px 60px 6px 6px;
  cursor: pointer;
  border-bottom: 1px solid #e1e1e1;
}
.associated-credentials-item:hover .associated-credentials-delete {
  display: block;
}
.associated-credentials-voucher-item {
  margin-left: 20px;
}
.associated-credentials-voucher {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 8px;
  font-size: 12px;
  color: #0088ff;
  border: 1px solid #0088ff;
}
.associated-credentials-delete {
  position: absolute;
  right: 10px;
  z-index: 10;
  display: none;
}
.associated-credentials-tip {
  margin-left: 12px !important;
  font-size: 12px !important;
  height: 19px !important;
  line-height: 16px !important;
  padding: 1px 6px !important;
  transition: none !important;
  border-radius: 1px !important;
}
.associated-credentials-list-item {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 6px 4px 6px;
  border-bottom: 1px solid #e1e1e1;
  cursor: pointer;
  min-height: 74px;
}
.associated-credentials-list-item:hover {
  background: #f7f7f7;
}
.associated-credentials-list-item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(161, 171, 192, 0.5);
  border-radius: 3px;
  background: #f7f7f7;
  text-align: center;
}
.associated-credentials-list-item-img .mkicon {
  font-size: 36px;
  color: #a1abc0;
}
.associated-credentials-list-item-content {
  display: flex;
  padding: 6px 0;
  width: 100%;
}
.associated-credentials-list-item-content-col {
  display: inline-flex;
  flex-direction: column;
  flex: 1;
}
.associated-credentials-list-item-content-col-info {
  position: relative;
  display: flex;
  padding-right: 50px;
}
.associated-credentials-list-item-content-col-name {
  margin: 8px 12px 0 12px;
  color: #999999;
}
.associated-credentials-list-item .associated-credentials-list-item-del {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  color: rgba(0, 0, 0, 0.28);
}
.associated-credentials-list-item .associated-credentials-list-item-del:hover {
  color: var(--mkui-primary-6, #0088ff);
}
.associated-credentials-list-item:hover .associated-credentials-list-item-del {
  display: block;
}
.associated-credentials-list-item-ref {
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  display: block;
  margin-left: 12px;
}
.associated-credentials-list-item-ref-attachments {
  display: flex;
}
.associated-credentials-list-item-ref-attachments-inner {
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
}
.associated-credentials-list-item-ref-attachments-item {
  margin-right: 20px;
  color: #2f9ffd;
  cursor: var(--mkui-primary-6, #0088ff);
}
.associated-credentials-list-item-ref-bill-item {
  margin-right: 10px;
  color: #2f9ffd;
  cursor: var(--mkui-primary-6, #0088ff);
}
.fixed-cascader-menu-item-width ul.mkui-cascader-menu:not(:first-child) {
  width: 192px;
}
.fixed-cascader-menu-item-width ul.mkui-cascader-menu:not(:first-child) .mkui-cascader-menu-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-all-add-btn {
  padding: 0 3px;
  height: 24px;
  line-height: 20px;
  font-size: 18px;
  border-radius: 2px;
  cursor: pointer;
}
.upload-all-add-btn:hover {
  background-color: #f7f7f7;
  color: var(--mkui-primary-color);
}
.common-bill-type-select-cascader .mkui-cascader-menu-item {
  padding: 5px 14px;
}
.common-bill-type-select-cascader .mkui-cascader-menu-item-disabled {
  padding: 3px 10px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.common-bill-type-select-cascader .mkui-cascader-menu-item-disabled:not(:first-child) .mkui-cascader-menu-item-content {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding-top: 4px;
}
.common-bill-type-select-cascader .mkui-cascader-checkbox-disabled {
  display: none !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.viewtablefooter > span {
  margin-right: 32px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.viewtablesimplified {
  height: 100%;
}
.viewtablesimplified-table .mkui-table-footer {
  background-color: white;
}
.viewtablesimplified-table .mkui-table-small .mkui-table-thead > tr > th {
  background-color: #edf7ff;
  border-bottom: 1px solid #85caff;
}
.viewtablesimplified-table .mkui-table-tbody > tr > td {
  border-right: 1px solid #85caff !important;
  border-bottom: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.84);
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}
.viewtablesimplified-table .mkui-table-tbody > tr > td:nth-child(1) {
  border-left: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.84);
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablesimplified-table .mkui-table-tbody > tr > td:nth-child(2) {
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablesimplified-table .mkui-table-tbody > tr > td:nth-child(3) {
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablesimplified-table .mkui-table-tbody > tr > td:nth-child(4) {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablesimplified-table .mkui-table-tbody > tr > td:nth-child(5) {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablesimplified-table .mkui-table-tbody > tr > td:nth-child(6) {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablesimplified-table .mkui-table-cell {
  text-align: center;
}
.viewtablesimplified-table .mkui-table-thead > tr > th {
  border-top: 1px solid #85caff !important;
  border-right: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablesimplified-table .mkui-table-thead > tr:nth-child(1) > th:nth-child(1) {
  padding: 0;
  border-left: 1px solid #85caff !important;
}
.viewtablesimplified-table .mkui-table-summary > tr {
  background: #edf7ff;
}
.viewtablesimplified-table .mkui-table-summary > tr > td {
  border-right: 1px solid #85caff !important;
  border-bottom: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.viewtablesimplified-table .mkui-table-summary > tr > td:nth-child(1) {
  border-left: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.viewtablestandard {
  height: 100%;
}
.viewtablestandard-table .mkui-table-footer {
  background-color: white;
}
.viewtablestandard-table .mkui-table-small .mkui-table-thead > tr > th {
  background-color: #edf7ff;
  border-bottom: 1px solid #85caff;
}
.viewtablestandard-table .mkui-table-tbody > tr > td {
  border-right: 1px solid #85caff !important;
  border-bottom: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.84);
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(1) {
  border-left: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.84);
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(2) {
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(3) {
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(4) {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(5) {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(6) {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(8),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(11),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(14),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(21),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(24),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(27),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(34),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(37),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(40) {
  border-right: 2px solid #3296fa !important;
  border-bottom: 1px solid #40a9ff !important;
}
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(17),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(30),
.viewtablestandard-table .mkui-table-tbody > tr > td:nth-child(43) {
  border-right: 2px solid #ff2825 !important;
  border-bottom: 1px solid #40a9ff !important;
}
.viewtablestandard-table .mkui-table-cell {
  text-align: center;
}
.viewtablestandard-table .mkui-table-thead > tr > th {
  border-top: 1px solid #85caff !important;
  border-right: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.viewtablestandard-table .mkui-table-thead > tr:nth-child(1) > th:nth-child(1) {
  padding: 0;
  border-left: 1px solid #85caff !important;
}
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(2),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(5),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(8),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(15),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(18),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(21),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(28),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(31),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(34) {
  border-right: 2px solid #3296fa !important;
  border-bottom: 1px solid #40a9ff !important;
}
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(11),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(24),
.viewtablestandard-table .mkui-table-thead > tr:nth-child(2) > th:nth-child(37) {
  border-right: 2px solid #ff2825 !important;
  border-bottom: 1px solid #40a9ff !important;
}
.viewtablestandard-table .mkui-table-summary > tr {
  background: #edf7ff;
}
.viewtablestandard-table .mkui-table-summary > tr > td {
  border-right: 1px solid #85caff !important;
  border-bottom: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(3),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(6),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(9),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(16),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(19),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(22),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(29),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(32),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(35) {
  border-right: 2px solid #3296fa !important;
}
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(12),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(25),
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(38) {
  border-right: 2px solid #ff2825 !important;
}
.viewtablestandard-table .mkui-table-summary > tr > td:nth-child(1) {
  border-left: 1px solid #85caff !important;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"viewtablecommon";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificate-detail-content-voucher-table .mkui-table-footer {
  background-color: white;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificate-detail-content-view {
  height: calc(100% - 46px);
  display: flex;
  flex-direction: column;
}
.certificate-detail-content-view-header {
  height: 48px;
  padding: 0 24px;
  background-color: #ffffff;
  display: flex !important;
  justify-content: space-between;
  flex-shrink: 0;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 9;
}
.certificate-detail-content-view-header-title > span {
  margin-right: 32px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-size: 13px;
  line-height: 17px;
}
.certificate-detail-content-view-table,
.certificate-detail-content-view-voucher-table {
  padding: 0 24px;
  overflow: hidden;
  flex: 1 1 auto;
}
.certificate-detail-content-view-table .viewtablestandard .mkui-table,
.certificate-detail-content-view-voucher-table .viewtablestandard .mkui-table,
.certificate-detail-content-view-table .viewtablesimplified .mkui-table,
.certificate-detail-content-view-voucher-table .viewtablesimplified .mkui-table,
.certificate-detail-content-view-table .viewtablelayout .mkui-table,
.certificate-detail-content-view-voucher-table .viewtablelayout .mkui-table,
.certificate-detail-content-view-table .certificate-detail-content-voucher-table .mkui-table,
.certificate-detail-content-view-voucher-table .certificate-detail-content-voucher-table .mkui-table {
  overflow: hidden !important;
}
.certificate-detail-content-view-table .viewtablestandard .mkui-table-container,
.certificate-detail-content-view-voucher-table .viewtablestandard .mkui-table-container,
.certificate-detail-content-view-table .viewtablesimplified .mkui-table-container,
.certificate-detail-content-view-voucher-table .viewtablesimplified .mkui-table-container,
.certificate-detail-content-view-table .viewtablelayout .mkui-table-container,
.certificate-detail-content-view-voucher-table .viewtablelayout .mkui-table-container,
.certificate-detail-content-view-table .certificate-detail-content-voucher-table .mkui-table-container,
.certificate-detail-content-view-voucher-table .certificate-detail-content-voucher-table .mkui-table-container {
  height: calc(100% - 40px) !important;
}
.certificate-detail-content-view-table .mkui-table-container {
  height: calc(100% - 30px) !important;
}
.certificate-detail-content-view-table .mkui-table-thead > tr > th,
.certificate-detail-content-view-table .mkui-table-tbody > tr > th,
.certificate-detail-content-view-table .mkui-table-summary > tr > th {
  padding: 4px 8px !important;
}
.certificate-detail-content-view .mkui-table-measure-row {
  visibility: collapse;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formilycertificateform {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.viewtablelayout {
  height: 100%;
  position: relative;
}
.viewtablelayout-empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewtablelayout-typeview {
  height: 100%;
}
.viewtablelayout-imageview {
  z-index: 9999 !important;
}
.viewtablelayout .mkui-image-viewer {
  min-height: 320px !important;
}
.viewtablelayout .mkui-image-viewer-content {
  height: 100% !important;
}
.viewtablelayout .mkui-image-viewer-content-warpper-pdf {
  padding: 20px 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificate-detail-logs-title {
  line-height: 40px;
  padding: 0 25px;
}
.certificate-detail-logs-title > span {
  margin: 0 3px;
  font-weight: bold;
  color: var(--mkui-primary-6, #0088ff);
}

.lottie-comp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lottie-comp > div {
  display: inline-flex;
}
.lottie-comp-desc {
  margin-top: 8px;
  font-size: 16px;
  color: #A1ABC0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.img-block-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  display: block;
  background-color: rgba(252, 252, 252, 0.8);
  font-size: 20px;
}
.img-block-mask-box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
}
.img-block-mask-box-effect .mkicon {
  color: #cccccc;
  font-size: 50px;
}
.img-block-mask-box-text {
  display: block;
  margin-top: 20px;
  color: #808080;
  font-size: 14px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificatedetailheader {
  position: relative;
  padding: 12px 16px;
}
.certificatedetailheader-header {
  align-items: center;
  display: flex;
  min-height: auto !important;
  padding: 0 !important;
}
.certificatedetailheader-top {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}
.certificatedetailheader-top-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.certificatedetailheader-top-left > * {
  margin: 0 !important;
}
.certificatedetailheader-top-left-title {
  font-weight: bold;
  font-size: 15px;
}
.certificatedetailheader-top-left-location {
  cursor: pointer;
}
.certificatedetailheader-top-left-location > * {
  margin: 0 !important;
}
.certificatedetailheader-top-right-expandcollapse {
  cursor: pointer;
}
.certificatedetailheader-top-right-expandcollapse-rotate {
  transform: rotate(180deg);
}
.certificatedetailheader-fieldlist {
  display: flex;
  margin: 0 4px;
  flex-wrap: wrap;
  gap: 12px;
}
.certificatedetailheader-fieldlist-item {
  width: calc((100% - 12px * 3) / 4);
}
.certificatedetailheader-fieldlist-item.long {
  width: calc((100% - 12px) / 2);
}
.certificatedetailheader-fieldlist-item-label {
  color: rgba(0, 0, 0, 0.6);
}
.certificatedetailheader-expandcollapse {
  transition: all 0.2s;
}
.certificatedetailheader-seal {
  position: absolute;
  height: 140px;
  top: 44px;
  z-index: 105;
  right: 44px;
}
.mkui-modal-body .certificatedetailheader-top {
  margin-right: 48px !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificate-detail-spin {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.5);
}
.certificate-detail-spin .mkui-spin-spinning {
  max-height: 100% !important;
}
.certificate-detail-export {
  margin-right: 8px;
}
.certificate-detail-checkstatus {
  height: 56px;
  padding-left: 8px;
}
.certificate-detail-content .layout-detail-content-inner {
  padding: 0;
}
.certificate-detail-content-tab {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 0 24px !important;
  background-color: #ffffff;
}
.certificate-detail-content-tab .mkui-tabs-nav {
  margin-bottom: 0px;
}
.certificate-detail-pad {
  display: inline-block;
  width: 9px;
}
.certificate-detail .mkui-list-item-meta-avatar .mkicon {
  width: 40px !important;
  height: 40px !important;
  color: #3296fa;
}
.certificate-detail .mkui-list-item-meta-avatar .mkicon > svg {
  width: 100% !important;
  height: 100% !important;
}
.certificate-detail .mkui-list-item {
  cursor: pointer;
  transition: all 0.2s;
}
.certificate-detail .mkui-list-item:hover {
  background-color: #edf7ff;
}
.certificate-detail .mkicon-pdf-file {
  color: #fc0d1b !important;
}
.certificate-detail .mkicon-xls-file {
  color: #28be82 !important;
}
.certificate-detail .upload-file-info .mkui-upload-list {
  display: none;
}
.certificate-detail .upload-file-info-pictures {
  display: inline-flex;
  flex-direction: column;
}
.certificate-detail .upload-file-info-pictures > div {
  display: inline-flex;
  justify-content: space-between;
  margin: 5px 0;
}
.certificate-detail .upload-file-info-pictures > div > span {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
}
.certificate-detail .upload-file-info-pictures > div > span:first-child {
  width: calc(100% - 30px);
}
.certificate-detail .upload-file-info-pictures > div > span:last-child {
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  cursor: pointer;
}
.certificate-detail .upload-file-info-pictures > div > span:last-child:hover > i {
  color: #e75318;
}
.certificate-detail .upload-file-info-pictures > div:hover {
  background-color: #add2e4;
}
.certificate-detail .upload-file-info-content {
  display: flex;
  flex-direction: column;
}
.certificate-detail .upload-file-info-content-line {
  display: inline-flex;
  flex-direction: column;
}
.certificate-detail .upload-file-info-content-line > div {
  display: inline-flex;
  width: 100%;
}
.certificate-detail .upload-file-info-content-line > div:first-child {
  margin: 5px 0;
}
.certificate-detail .upload-file-info-content-line > div:last-child {
  margin-bottom: 10px;
}
.certificate-detail .upload-file-info-content-line-drag > span {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.certificate-detail .upload-file-info-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  width: 72px;
  height: 29px;
  border: 1px solid #e1e1e1;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.certificate-detail .upload-file-info .active {
  border: 1px solid var(--mkui-primary-6, #0088ff);
  color: var(--mkui-primary-6, #0088ff);
}
.certificate-detail .spec-button {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-left: 10px;
  width: 61px;
  height: 32px;
  background-color: #f7f7f7;
  color: var(--mkui-primary-6, #0088ff);
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  cursor: pointer;
  transition: all 0.3s;
}
.certificate-detail .spec-button > span:first-child {
  left: 0;
  border-top: 20px solid #f7f7f7;
  border-bottom: 12px solid #f7f7f7;
  border-left: 10px solid #f7f7f7;
  transition: all 0.3s;
}
.certificate-detail .spec-button > span:nth-child(2) {
  display: inline-block;
  font-size: 14px;
  transform: translateX(-5px);
}
.certificate-detail .spec-button > span:last-child {
  right: -10px;
  border-top: 18px solid #ffffff;
  border-bottom: 14px solid #ffffff;
  border-left: 12px solid #f7f7f7;
  transition: all 0.3s;
}
.certificate-detail .spec-button span.pos {
  position: absolute;
  width: 0;
  height: 0;
}
.certificate-detail .spec-button-d > span:first-child {
  left: 0;
  border-top: 15px solid #f7f7f7;
  border-bottom: 16px solid #f7f7f7;
  border-left: 10px solid #ffffff;
  transition: all 0.3s;
}
.certificate-detail .spec-button-d > span:nth-child(2) {
  padding-left: 7px;
}

.relationCommonList-btn {
  display: inline-block;
  width: 100%;
  line-height: 32px;
}
.relationCommonList-btn:hover {
  background: rgba(0, 0, 0, 0.04);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.text-overflow-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  transition: all 0.3s;
  cursor: pointer;
  height: 32px;
}
.text-overflow.bordered .text-overflow-inner {
  border-bottom: 1px solid #d9d9d9;
}
.text-overflow.bordered .text-overflow-inner:hover {
  border-bottom-color: var(--mkui-primary-6, #0088ff);
}
.text-overflow.disabled .text-overflow-inner {
  border-bottom: 1px dashed #d9d9d9;
}
.text-overflow.disabled .text-overflow-inner:hover {
  border-bottom-color: #d9d9d9;
}
.text-overflow-left {
  display: flex;
  width: 100%;
}
.text-overflow-left-text {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text-overflow-right {
  width: 13px;
}
.text-overflow-right-icon {
  color: rgba(0, 0, 0, 0.45) !important;
}
.text-overflow .mkicon-down {
  display: inline-block;
}
.text-overflow .mkicon-close-circle {
  display: none;
  color: rgba(0, 0, 0, 0.44);
}
.text-overflow:hover .mkicon-close-circle {
  display: inline-block;
}
.text-overflow:hover .mkicon-down {
  display: none;
}
.text-overflow-filter-choose-item .count {
  color: var(--mkui-primary-6, #0088ff);
}
.single-select-controller:hover .mkicon-close-circle {
  display: none;
}
.single-select-controller:hover .mkicon-down {
  display: inline-block;
}
.filter-controller .account-set-entry-left {
  color: var(--mkui-primary-6, #0088ff);
}
.filter-controller .account-set-entry-right {
  display: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.file-collect-period .mk-period-single-picker {
  width: 100% !important;
}
.file-collect-period .mk-period-single-picker .mk-period-single-picker-month,
.file-collect-period .mk-period-single-picker .mk-period-single-picker-endmonth {
  width: 100% !important;
}
.file-collect-period .mk-period-single-picker .mk-period-single-picker-month .mk-period-single-picker-endinput,
.file-collect-period .mk-period-single-picker .mk-period-single-picker-endmonth .mk-period-single-picker-endinput,
.file-collect-period .mk-period-single-picker .mk-period-single-picker-month .mk-period-single-picker-input,
.file-collect-period .mk-period-single-picker .mk-period-single-picker-endmonth .mk-period-single-picker-input {
  width: 94% !important;
  padding-left: 0;
}
.file-collect-type > div:last-child {
  border-bottom: 1px solid #d9d9d9;
}
.file-collect-pre-archive {
  position: relative;
  margin: -16px -24px 10px;
}
.file-collect-pre-archive .mkui-alert-info {
  border: none;
}
.file-collect-pre-archive .mkui-alert-info .mkui-alert-icon {
  position: relative;
  top: -10px;
  font-size: 15px;
}
.archive-center-disabled {
  color: rgba(0, 0, 0, 0.44);
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"fourcheckreport";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.completecheckgroupstatus-title {
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
  padding: 4px 0;
}
.completecheckgroupstatus-rulelist {
  width: 420px;
  overflow-y: auto;
  max-height: 400px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.completecheckgroupstatus-rulelist-ruleitem {
  border-radius: 4px;
  padding: 8px 12px;
}
.completecheckgroupstatus-rulelist-ruleitem-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}
.completecheckgroupstatus-tree-node-title {
  color: rgba(0, 0, 0, 0.6);
}
.completecheckgroupstatus-tree-node-title-total {
  margin: 0 4px;
  font-weight: bold;
  color: #f53137;
}
.completecheckgroupstatus-tree-node-documentname {
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.44);
}
.completecheckgroupstatus-tree-node-documentname .mkui-typography-copy {
  color: rgba(0, 0, 0, 0.44) !important;
}
.completecheckgroupstatus-tree-node-documentname-line {
  width: 100%;
  height: 2px;
  background: rgba(245, 49, 55, 0.06);
}
.completecheckgroupstatus-tree.mkui-tree {
  background-color: transparent !important;
}
.completecheckgroupstatus-tree.mkui-tree .mkui-tree-treenode:not(:first-child) {
  width: calc(100% - 12px);
}
.completecheckgroupstatus-tree.mkui-tree .mkui-tree-treenode:not(:first-child) .mkui-tree-node-content-wrapper {
  width: 100%;
}
.completecheckgroupstatus-tree.mkui-tree .mkui-tree-switcher {
  background-color: transparent !important;
}
.completecheckgroupstatus-tree.mkui-tree .mkui-tree-switcher.mkui-tree-switcher-noop {
  display: none;
}

.relation-detail-modal .mkui-modal-content {
  height: 100%;
}
.relation-detail-modal-inner {
  height: 100%;
}
.relation-detail-modal-inner-table {
  padding: 16px 24px;
  height: calc(100% - 50px);
  overflow-y: auto;
}

/**
 * @Author: conggb
 * @Date: 2022-12-08 17:00:35
 * @LastEditors: conggb
 * @LastEditTime: 2022-12-08 17:07:17
 */
.summary-info {
  display: flex;
  align-items: center;
}
.summary-info .mkui-currency-main-prefix {
  min-width: initial;
  margin-right: 2px;
}
.summary-info-reminder {
  color: rgba(0, 0, 0, 0.4);
  margin: 0 2px;
  cursor: pointer;
}

/**
 * @Author: conggb
 * @Date: 2022-07-28 15:16:19
 * @LastEditors: conggb
 * @LastEditTime: 2022-07-29 15:20:50
 */
.move-to-popover-content-config {
  display: flex;
  align-items: center;
}
.move-to-popover-content-operations {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archivedatarecorddetailmodal .mkui-modal-content {
  min-height: 0 !important;
}
.archivedatarecorddetailmodal .mkui-modal-content .mkui-modal-body {
  padding: 0 !important;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"importtoolstatus";

.@{prefix-cls} {
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.showStyle {
  height: 30px;
  overflow: hidden;
}
.showStyle > div {
  display: inline-block;
  line-height: 30px;
}
.showStyle .iconStyle {
  float: right;
}
.showStyle .iconStyle .mkicon {
  color: var(--mkui-primary-6, #0088ff);
  font-size: 14px;
}
.showStyle .showValueStyle {
  max-width: 80%;
  height: 30px;
}

/**
 * @Author: qinghui
 * @Date: 2022-04-07 11:22:53
 * @LastEditors: qinghui
 * @LastEditTime: 2022-04-15 17:16:10
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.status {
  display: flex;
  align-items: center;
}
.status-dot {
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  margin-right: 8px;
}
.status-success {
  background: #00b600;
}
.status-fail {
  background: #f5222d;
}
.status-error {
  background: #f7972c;
}
.status-default {
  background: #2b7bd8;
}
.status-text {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}

.search-brow-account {
  margin-right: 16px;
}
.search-brow-account-select {
  width: 320px;
  border-bottom: 1px solid #d9d9d9;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 0 6px;
  transition: all 0.3s;
}
.search-brow-account-select:hover {
  border-bottom-color: var(--mkui-primary-color);
}
.search-brow-account-select-left {
  display: flex;
}
.search-brow-account-select-left-text {
  width: 240px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-brow-account-select-right-icon {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.associatecertificateprefilter .mkui-form-item {
  margin-bottom: 0 !important;
  min-width: 220px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.associatemodalprefilter {
  margin: 0 24px;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  display: flex;
  gap: 8px;
}
.associatemodalprefilter-label {
  color: #3296fa;
  display: flex;
  align-items: center;
  gap: 4px;
}
.associatemodalprefilter-guide {
  padding: 12px 16px;
  background-color: #3296fa;
  border-radius: 4px;
  color: white;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 270px;
}
.associatemodalprefilter-guide-popover .mkui-popover-inner-content {
  padding: 0 !important;
}
.associatemodalprefilter-guide-popover .mkui-popover-arrow-content {
  background-color: #3296fa;
}
.associatemodalprefilter-guide-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
}
.associatemodalprefilter-guide-header-close {
  cursor: pointer;
}
.associatemodalprefilter-guide-footer {
  display: flex;
  justify-content: flex-end;
}
.associatemodalprefilter-guide-footer-btn {
  background-color: white !important;
  border-radius: 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.associatemodal .mkui-modal-content {
  min-height: 0 !important;
}
.associatemodal .mkui-modal-content .mkui-modal-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.associatemodal-inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
}
.associatemodal-inner-table {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.associatemodal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.associatemodal-footer-num {
  margin: 0 3px;
  font-weight: 600;
  color: var(--mkui-primary-6, #0088ff);
}
.associatemodal-footer-opt {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}

.new-relVoucher-filter-item {
  padding: 4.8px 11px !important;
  border: 1px solid #d9d9d9 !important;
}
.new-relVoucher-filter-select-item .mkui-select-selector {
  padding-left: 6px !important;
  border-top-color: #d9d9d9 !important;
  border-right-color: #d9d9d9 !important;
  border-left-color: #d9d9d9 !important;
}

.bill-ent-filter-item {
  width: 100%;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"billtypeselectsingle";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.billtypeselectmultiplemodal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.billtypeselectmultiple-entry {
  display: flex !important;
  width: 100% !important;
  padding-left: 12px !important;
}
.billtypeselectmultiple-entry-empty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.billtypeselectmultiple-entry-empty-placeholder {
  color: #bfbfbf;
}
.billtypeselectmultiple-entry-empty-icon {
  color: rgba(0, 0, 0, 0.44);
  margin-top: -4px;
}
.billtypeselectmultiple-entry-filled {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}
.billtypeselectmultiple-entry-filled-value {
  flex-grow: 1;
  display: flex;
  min-width: 0;
}
.billtypeselectmultiple-entry-filled-icon {
  color: rgba(0, 0, 0, 0.44);
  margin-top: -4px;
  width: 18px;
  flex: 0;
}
.billtypeselectmultiple-entry-filled-icon-close {
  transform: rotate(45deg);
  color: rgba(0, 0, 0, 0.28) !important;
  display: none !important;
}
.billtypeselectmultiple-entry-filled-icon-close:hover {
  color: rgba(0, 0, 0, 0.44) !important;
}
.billtypeselectmultiple:hover .billtypeselectmultiple-entry-filled-icon-expand {
  display: none !important;
}
.billtypeselectmultiple:hover .billtypeselectmultiple-entry-filled-icon-close {
  display: inline-block !important;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"billtypeselect";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-upload-dragger .mkui-upload.mkui-upload-drag {
  background-color: #ffffff !important;
}
.custom-upload-dragger-upload {
  width: 100%;
  height: 150px;
  margin-top: 16px;
}
.custom-upload-dragger-upload-single {
  width: 100%;
  height: 100%;
  margin-bottom: 12px;
}
.custom-upload-dragger-upload-single-upload-content-drag-icon {
  margin-bottom: 8px;
  color: var(--mkui-primary-6, #0088ff);
}
.custom-upload-dragger-upload-single-upload-content-drag-icon svg {
  width: 50px;
  height: 41px;
}
.custom-upload-dragger-upload-content {
  padding: 24px 0 8px 0;
}
.custom-upload-dragger-upload-content-drag {
  color: rgba(0, 0, 0, 0.28);
}
.custom-upload-dragger-upload-content-drag-icon {
  margin-bottom: 15px;
  color: var(--mkui-primary-6, #0088ff);
}
.custom-upload-dragger-upload-content-drag-icon svg {
  width: 50px;
  height: 41px;
}
.custom-upload-dragger-upload-content-drag-text {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  font-size: 16px;
}
.custom-upload-dragger-upload-content-drag-text.warning {
  color: #fe7a23;
}
.custom-upload-dragger-upload-content-drag-text-light {
  color: var(--mkui-primary-6, #0088ff);
}
.custom-upload-dragger-upload-content-drag-description {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.44);
}
.custom-upload-dragger-upload-content-drag-file-name {
  margin-top: 8px;
  margin-bottom: 10px;
  font-size: 12px;
}
.custom-upload-dragger-upload-content-drag-file-name svg {
  width: 20px;
  height: 24px;
}
.custom-upload-dragger-upload-content-drag-reupload {
  color: var(--mkui-primary-6, #0088ff);
  font-weight: 500;
  font-size: 16px;
}
.custom-upload-dragger-uploaded {
  position: relative;
  flex-grow: 1;
  padding: 0 0 24px 0;
}
.custom-upload-dragger-uploaded-title {
  display: inline-block;
  font-weight: bold;
}
.custom-upload-dragger-uploaded-title-max-num {
  margin-left: 12px;
  font-weight: 400;
}
.custom-upload-dragger-uploaded-title-max-num-length {
  display: inline-block;
  color: var(--mkui-primary-6, #0088ff);
}
.custom-upload-dragger-uploaded-title-max-num-length-warning {
  color: #fe7a23;
}
.custom-upload-dragger-uploaded-content-table {
  border: 1px solid #eee;
  border-radius: 4px;
}
.custom-upload-dragger-uploaded-content-table-item {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 24px;
}
.custom-upload-dragger-uploaded-content-table-item:hover {
  background-color: #f5f5f5;
}
.custom-upload-dragger-uploaded-content-table-item .file-name,
.custom-upload-dragger-uploaded-content-table-item .file-status {
  display: inline-flex;
  align-items: center;
}
.custom-upload-dragger-uploaded-content-table-item .file-name .name {
  display: contents;
}
.custom-upload-dragger-uploaded-content-table-item .file-name svg {
  width: 20px;
  height: 24px;
  margin-right: 10px;
}
.custom-upload-dragger-uploaded-content-table-item .file-status .mkicon-check-circle svg {
  position: relative;
  top: 1px;
  margin-right: 4px;
  color: #00b600;
}
.custom-upload-dragger-uploaded-content-table-item .ellipsis {
  max-width: 71%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-upload-dragger-uploaded-content-table-item .file-opt {
  text-align: right;
}
.custom-upload-dragger-uploaded-content-table-item .file-opt svg {
  width: 15px;
  height: 16px;
  color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.common-import-modal .mkui-modal-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.common-import-modal .mkui-form-item-label {
  line-height: normal;
}
.common-import-modal-content {
  height: 470px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
  overflow: auto;
}
.common-import-modal-selectTemplate label {
  width: 100%;
}
.common-import-modal-selectTemplate-labelWrap {
  display: flex;
  justify-content: space-between;
  flex: 1;
  padding-right: 12px;
}
.common-import-modal-download .mkui-btn {
  margin-top: 12px;
  margin-bottom: 12px;
  border-color: #e1e1e1;
}
.common-import-modal-star {
  color: red;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"importtoolrelationlist";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificate-list-empty {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cerficateWrapper .mkui-table .mkui-table-container .mkui-table-thead th.mkui-table-column-has-sorters {
  transition: none;
}
.cerficateWrapper-content {
  position: relative;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.uploadfilelist {
  display: inline-block;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.tablesettingguide-circle {
  position: absolute;
  right: 0px;
  top: calc(50% - 5px);
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background-color: var(--mkui-primary-6, #0088ff);
  box-shadow: 0px 0px 5px var(--mkui-primary-6, #0088ff);
}
.tablesettingguide-content {
  display: flex;
  gap: 6px;
}
.tablesettingguide-content-right {
  width: 130px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tablesettingguide-content-right-header {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.tablesettingguide-content-right-header-close {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.44);
}
.tablesettingguide-content-right-body {
  flex-grow: 1;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
}
.tablesettingguide-content-right-footer {
  display: flex;
  justify-content: flex-end;
}

/**
 * @Author: conggb
 * @Date: 2023-03-31 15:08:16
 * @LastEditors: conggb
 * @LastEditTime: 2023-09-26 15:22:22
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ecm-modal-header {
  position: relative;
  align-items: center;
  display: flex;
  padding: 12px 24px;
  color: rgba(0, 0, 0, 0.84);
  border-bottom: 1px solid #eee;
}
.ecm-modal-header-title {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  font-size: 16px;
}
.ecm-modal-header-close {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 62px;
  height: 100%;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.44);
  transition: color 0.3s;
}
.ecm-modal-header-close:hover {
  color: rgba(0, 0, 0, 0.84);
}
.ecm-modal-header-close-confirm {
  height: 30px;
  width: 30px;
  margin-right: 16px;
}

/**
 * @Author: conggb
 * @Date: 2023-09-25 14:41:42
 * @LastEditors: conggb
 * @LastEditTime: 2023-09-26 17:15:48
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificatebatchattach {
  display: inline-block;
  margin-right: 8px;
}
.certificatebatchattach-modal-wrapper .mkui-spin-nested-loading {
  height: 100%;
}
.certificatebatchattach-modal-wrapper .mkui-spin-nested-loading .mkui-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.certificatebatchattach-modal-header-alert .mkui-alert-message {
  color: rgba(0, 0, 0, 0.6) !important;
}
.certificatebatchattach-modal-inner {
  flex-grow: 1;
}
.certificatebatchattach-modal-footer {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 24px;
  gap: 8px;
  border-top: 1px solid #f0f0f0;
}
.certificatebatchattach-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px;
}
.certificatebatchattach-modal-content-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.certificatebatchattach-modal-content-section-title-sup {
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.certificatebatchattach-modal-content-section-field label {
  display: block;
  margin-bottom: 8px;
}
.certificatebatchattach-modal-content-result {
  background: #FAFAFC;
  border-radius: 2px;
  border: 1px solid #F0F1F5;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.certificatebatchattach-modal-content-result-title {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}
.certificatebatchattach-modal-content-result-title-line-success {
  color: #00ad26;
}
.certificatebatchattach-modal-content-result-title-line-fail {
  color: #f53137;
}
.certificatebatchattach-modal-content-result-reminder {
  color: rgba(0, 0, 0, 0.6);
}
.certificatebatchattach-modal-content-result-download .mkui-btn-link {
  display: flex;
  align-items: center;
}
.certificatebatchattach-modal-content-result-download .mkui-btn-link .mkicon {
  padding: 0 !important;
}
.certificatebatchattach-modal-attachmore {
  width: 300px;
  border-radius: 2px;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.certificatebatchattach-modal-attachmore-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.certificatebatchattach-modal-attachmore-left-icon {
  font-size: 14px;
  color: #1eaa39 !important;
}
.certificatebatchattach-modal-attachmore-left-text-num {
  margin: 0 5px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 600;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.input-range {
  position: relative;
  display: flex;
  height: 32px;
  border: none !important;
  border-bottom: 1px solid #d9d9d9 !important;
  border-radius: 2px !important;
}
.input-range-leftcombined {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.input-range:hover,
.input-range:active {
  border-bottom-color: #3296fa;
}
.input-range.disabled {
  color: rgba(0, 0, 0, 0.85);
  background: #f7f7f7;
  cursor: not-allowed;
}
.input-range.disabled:hover,
.input-range.disabled:active {
  border-bottom-color: 1px solid #cccccc;
}
.input-range-separator {
  display: inline-block;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 28px;
}
.input-range-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  transform: translateY(-50%);
  transition: opacity 0.3s, color 0.3s;
}
.input-range-clear {
  opacity: 0;
}
.input-range.show-clear:hover .input-range-suffix {
  opacity: 0;
}
.input-range.show-clear:hover .input-range-clear {
  cursor: pointer;
  opacity: 1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.serial-number-item-tip-icon {
  color: var(--mkui-primary-6, #0088ff) !important;
  cursor: pointer;
  margin-left: 2px;
}
.numberdeletectmodal-inner .mk-period-single-picker {
  width: 100%;
}
.numberdeletectmodal-inner .mk-period-single-picker .mk-period-picker-endmonth,
.numberdeletectmodal-inner .mk-period-single-picker .mk-period-single-picker-endmonth {
  width: 100% !important;
}
.numberdeletectmodal-inner .mk-period-single-picker .mk-period-picker-endmonth .mk-period-single-picker-endinput,
.numberdeletectmodal-inner .mk-period-single-picker .mk-period-single-picker-endmonth .mk-period-single-picker-endinput,
.numberdeletectmodal-inner .mk-period-single-picker .mk-period-picker-endmonth .mk-period-single-picker-input,
.numberdeletectmodal-inner .mk-period-single-picker .mk-period-single-picker-endmonth .mk-period-single-picker-input {
  width: 96.5% !important;
  padding-left: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.batchmodifyvoucher {
  margin-right: 8px;
}
.batchmodifyvoucher-inner-modal-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.batchmodifyvoucher-inner-modal-content-field {
  flex-shrink: 0;
}
.batchmodifyvoucher-inner-modal-content-fieldvalue {
  flex-grow: 1;
  display: flex;
}
.batchmodifyvoucher-inner-modal-content-fieldvalue * {
  flex-grow: 1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificate-detail-spin {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.5);
}
.certificate-detail-spin .mkui-spin-spinning {
  max-height: 100% !important;
}
.certificate-detail-export {
  margin-right: 8px;
}
.certificate-detail-checkstatus {
  height: 56px;
  padding-left: 8px;
}
.certificate-detail-content .layout-detail-content-inner {
  padding: 0;
}
.certificate-detail-content-tab {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 0 24px !important;
  background-color: #ffffff;
}
.certificate-detail-content-tab .mkui-tabs-nav {
  margin-bottom: 0px;
}
.certificate-detail-pad {
  display: inline-block;
  width: 9px;
}
.certificate-detail .mkui-list-item-meta-avatar .mkicon {
  width: 40px !important;
  height: 40px !important;
  color: #3296fa;
}
.certificate-detail .mkui-list-item-meta-avatar .mkicon > svg {
  width: 100% !important;
  height: 100% !important;
}
.certificate-detail .mkui-list-item {
  cursor: pointer;
  transition: all 0.2s;
}
.certificate-detail .mkui-list-item:hover {
  background-color: #edf7ff;
}
.certificate-detail .mkicon-pdf-file {
  color: #fc0d1b !important;
}
.certificate-detail .mkicon-xls-file {
  color: #28be82 !important;
}
.certificate-detail .upload-file-info .mkui-upload-list {
  display: none;
}
.certificate-detail .upload-file-info-pictures {
  display: inline-flex;
  flex-direction: column;
}
.certificate-detail .upload-file-info-pictures > div {
  display: inline-flex;
  justify-content: space-between;
  margin: 5px 0;
}
.certificate-detail .upload-file-info-pictures > div > span {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
}
.certificate-detail .upload-file-info-pictures > div > span:first-child {
  width: calc(100% - 30px);
}
.certificate-detail .upload-file-info-pictures > div > span:last-child {
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  cursor: pointer;
}
.certificate-detail .upload-file-info-pictures > div > span:last-child:hover > i {
  color: #e75318;
}
.certificate-detail .upload-file-info-pictures > div:hover {
  background-color: #add2e4;
}
.certificate-detail .upload-file-info-content {
  display: flex;
  flex-direction: column;
}
.certificate-detail .upload-file-info-content-line {
  display: inline-flex;
  flex-direction: column;
}
.certificate-detail .upload-file-info-content-line > div {
  display: inline-flex;
  width: 100%;
}
.certificate-detail .upload-file-info-content-line > div:first-child {
  margin: 5px 0;
}
.certificate-detail .upload-file-info-content-line > div:last-child {
  margin-bottom: 10px;
}
.certificate-detail .upload-file-info-content-line-drag > span {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.certificate-detail .upload-file-info-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  width: 72px;
  height: 29px;
  border: 1px solid #e1e1e1;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.certificate-detail .upload-file-info .active {
  border: 1px solid var(--mkui-primary-6, #0088ff);
  color: var(--mkui-primary-6, #0088ff);
}
.certificate-detail .spec-button {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-left: 10px;
  width: 61px;
  height: 32px;
  background-color: #f7f7f7;
  color: var(--mkui-primary-6, #0088ff);
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  cursor: pointer;
  transition: all 0.3s;
}
.certificate-detail .spec-button > span:first-child {
  left: 0;
  border-top: 20px solid #f7f7f7;
  border-bottom: 12px solid #f7f7f7;
  border-left: 10px solid #f7f7f7;
  transition: all 0.3s;
}
.certificate-detail .spec-button > span:nth-child(2) {
  display: inline-block;
  font-size: 14px;
  transform: translateX(-5px);
}
.certificate-detail .spec-button > span:last-child {
  right: -10px;
  border-top: 18px solid #ffffff;
  border-bottom: 14px solid #ffffff;
  border-left: 12px solid #f7f7f7;
  transition: all 0.3s;
}
.certificate-detail .spec-button span.pos {
  position: absolute;
  width: 0;
  height: 0;
}
.certificate-detail .spec-button-d > span:first-child {
  left: 0;
  border-top: 15px solid #f7f7f7;
  border-bottom: 16px solid #f7f7f7;
  border-left: 10px solid #ffffff;
  transition: all 0.3s;
}
.certificate-detail .spec-button-d > span:nth-child(2) {
  padding-left: 7px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.certificate-bottom {
  display: flex;
  align-items: flex-end;
}
.certificate-table .mkui-table-tbody > tr > td > span {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-bottom {
  float: left;
}
.detail-bottom-select {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  height: 20px;
}
.detail-bottom-select-logo {
  position: relative;
  display: inline-block;
  margin-right: 11px;
  width: 18px;
  height: 18px;
  border: 1px solid #e1e1e1;
}
.detail-bottom-select-logo::after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #3296fa;
  content: '';
}
.detail-bottom-select-count {
  padding: 0 3px;
  color: #3296fa;
}
.detail-bottom-operate button {
  margin-right: 8px;
}
.modal-header {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
}
.modal-header-text {
  padding: 0 24px;
}
.modal-header-text-logo {
  display: inline-block;
  margin-right: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0088ff;
}
.modal-header-text > span {
  font-weight: 700;
}
.white::after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  content: '';
}


.upload-component {
  display: flex;
  flex-direction: column;
}
.upload-component > p {
  display: inline-flex;
  justify-content: center;
  margin: 12px 0;
}
.upload-component-filelist {
  display: inline-flex;
  justify-content: space-between;
  margin: 10px 0;
  width: 100%;
}
.upload-component-filelist > span {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
}
.upload-component-filelist > span:last-child {
  flex-grow: 0;
  width: 30px;
  cursor: pointer;
}
.upload-component-filelist > span:last-child:hover {
  color: red;
}

.invoice-refs {
  display: flex;
  flex-direction: column;
}
.invoice-add-dropdown .invoice-patch-import-text {
  display: block;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mk-ad-container {
  display: flex;
}
.mk-ad-container-image {
  width: 128px;
  height: 130px;
  margin-right: 48px;
}
.mk-ad-container-title {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.84);
}
.mk-ad-container-dl-txt {
  position: relative;
  height: 22px;
  line-height: 22px;
  margin-top: 8px;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.mk-ad-container-dl-txt:before {
  position: absolute;
  content: '';
  top: 4px;
  left: 0;
  width: 14px;
  height: 14px;
  opacity: 1;
  border: 3px solid #addeff;
  border-radius: 50%;
}
.mk-ad-container-contact {
  font-size: 12px;
  color: #999999;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.abnormal-invoice-filter-wrapper {
  position: relative;
}
.abnormal-invoice-extend-header {
  position: absolute;
  right: 175px;
  top: 8px;
  font-size: 13px;
}
.abnormal-invoice-btn {
  border-color: #d9d9d9;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.alert-content {
  height: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background-color: #fffaed;
  color: #8a6e3c;
  font-size: 12px;
}
.alert-content i {
  margin: 0 5px 0 10px;
}
.alert-content span {
  display: inline-block;
  margin-left: 2px;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.link-page {
  color: #0672ca;
}
.opt > a {
  display: block;
  padding: 0;
}
.opt > span {
  display: block;
  padding: 0;
}
.mk-custome-tag {
  display: inline-block;
  padding: 0px 6px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  background-color: #ffffff;
  border: 1px solid currentColor;
  border-radius: 2px;
}
.mk-invoice-library {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.scan-list {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  width: 100%;
  height: 100%;
}
.scan-list-alert {
  border: 0;
}
.scan-list-alert span {
  color: #8a6e3c;
}
.scan-list .table-info {
  display: inline-flex;
  height: 100%;
}
.scan-list .table-info > div {
  width: 100%;
}
.scan-list .table-info .invoice-number-container {
  display: inline-flex;
  align-items: center;
  width: 200px;
}
.scan-list .table-info .invoice-number {
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scan-list .table-info .exclamation-icon {
  height: 16px;
  width: 16px;
  margin-left: 6px;
  color: #f5be15;
}
.scan-list .table-info .exclamation-icon:hover {
  cursor: pointer;
}
.scan-list .scan-list-signal {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.scan-list .scan-btns {
  margin-bottom: 10px;
}
.scan-list .scan-btns button {
  margin-right: 20px;
}
.mkui-popover-inner-content .errors::before {
  display: inline-block;
  content: ' ';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 1px;
  background: #ff7100;
}
.scaning-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  z-index: 100;
  opacity: 0.3;
}
.signal-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.custom-spin-layout .mkui-spin-nested-loading {
  height: 100%;
}
.custom-spin-layout .mkui-spin-nested-loading .mkui-spin-container {
  height: 100%;
}
.custom-spin-layout .mkui-spin-nested-loading .mkui-spin-container .empty-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.repeat-invoice-detail-header {
  align-items: center;
  background-color: #fff;
}
.repeat-invoice-detail-header-title {
  font-weight: bold;
  font-size: 15px;
}
.repeat-invoice-detail-content-inner {
  padding: 0px;
}

.upload-component {
  display: flex;
  flex-direction: column;
}
.upload-component > p {
  display: inline-flex;
  justify-content: center;
  margin: 12px 0;
}
.upload-component-filelist {
  display: inline-flex;
  justify-content: space-between;
  margin: 10px 0;
  width: 100%;
}
.upload-component-filelist > span {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
}
.upload-component-filelist > span:last-child {
  flex-grow: 0;
  width: 30px;
  cursor: pointer;
}
.upload-component-filelist > span:last-child:hover {
  color: red;
}

/**
 * @Author: conggb
 * @Date: 2023-03-15 17:25:18
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-21 16:29:04
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ocr-reminder {
  display: flex;
  align-items: center;
  padding: 4px 23px;
  border: 1px solid #ffe58f;
  background-color: #fffaed;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.ocr-reminder-num {
  margin: 0 4px;
  color: var(--mkui-primary-6, #0088ff);
}
.ocr-reminder .mkicon {
  margin-right: 8px;
  font-size: 14px;
  color: #faad14;
}

/**
 * @Author: conggb
 * @Date: 2023-03-16 19:13:30
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-17 10:54:17
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ocr-exist-receipt-modal-wrapper .mkui-modal-content {
  height: 100%;
}
.ocr-exist-receipt-modal-wrapper .mkui-modal-content .mkui-modal-body {
  padding: 0;
}
.ocr-exist-receipt-modal-wrapper .mkui-modal-content .mkui-modal-body .mkui-spin-nested-loading,
.ocr-exist-receipt-modal-wrapper .mkui-modal-content .mkui-modal-body .mkui-spin-container {
  height: 100%;
  flex-grow: 1;
}
.ocr-exist-receipt-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 24px;
}

.correct-reason-modal-alert .mkui-alert-info {
  border: none !important;
}
.correct-reason-modal-textarea {
  padding: 16px 16px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"prearchive";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.selected-text {
  font-weight: 600;
  background-color: #f5fcff;
}
.archive-typ-batch-modal-inner {
  padding: 16px 24px;
}
.archive-typ-batch-modal-list {
  margin-top: 16px;
}
.archive-typ-batch-modal-list-title {
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}
.archive-typ-batch-modal-list-item-text {
  font-family: PingFang SC;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.88);
  padding: 6px 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.archive-typ-batch-modal-list-item-text:hover {
  background-color: #f5fcff;
}
.archive-typ-batch-modal-list-item-selected {
  font-weight: 600;
  background-color: #f5fcff;
}
.archive-type-batch-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  transition: all 0.3s;
  cursor: pointer;
  height: 32px;
}
.archive-type-batch.bordered .archive-type-batch-inner {
  border-bottom: 1px solid #d9d9d9;
}
.archive-type-batch.bordered .archive-type-batch-inner:hover {
  border-bottom-color: var(--mkui-primary-6, #0088ff);
}
.archive-type-batch.bordered.readonly-controller .archive-type-batch-inner {
  border-bottom: 1px dashed #d9d9d9;
  cursor: not-allowed;
}
.archive-type-batch.bordered.readonly-controller .archive-type-batch-inner:hover {
  border-bottom-color: #d9d9d9;
}
.archive-type-batch-left {
  display: flex;
  width: calc(100% - 13px);
}
.archive-type-batch-left-text {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.archive-type-batch-left-tip-wrap .mkui-popover-inner-content {
  padding: 0px;
}
.archive-type-batch-left-tip {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow: auto;
  width: 180px;
}
.archive-type-batch-left-tip-item {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
.archive-type-batch-left-tip-item:hover {
  background-color: #fafafa;
}
.archive-type-batch-left-tip-item-delete {
  cursor: pointer;
}
.archive-type-batch-right {
  width: 13px;
}
.archive-type-batch-right-icon {
  color: rgba(0, 0, 0, 0.45) !important;
}
.archive-type-batch .mkicon-down {
  display: inline-block;
}
.archive-type-batch .mkicon-close-circle {
  display: none;
  color: rgba(0, 0, 0, 0.44);
}
.archive-type-batch:hover .mkicon-close-circle {
  display: inline-block;
}
.archive-type-batch:hover .mkicon-down {
  display: none;
}
.archive-type-batch-filter-choose-item .count {
  color: var(--mkui-primary-6, #0088ff);
}
.single-select-controller:hover .mkicon-close-circle {
  display: none;
}
.single-select-controller:hover .mkicon-down {
  display: inline-block;
}

.cascader-controller .mkui-select-selector {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
}
.cascader-dropdown-controller .mkui-cascader-menu-item-disabled {
  display: none;
}

.archive-unfinish-detail-base-info {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.archive-unfinish-detail-base-info .mkui-form-vertical {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.archive-unfinish-detail-base-info-block {
  display: inline-flex;
  flex-direction: column;
}
.archive-unfinish-detail-base-info-block-title {
  font-weight: bold;
  margin: 10px 0 5px 0;
}

.archive-unfinish-detail-table-info {
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archived-unfinish-detail {
  display: inline-flex;
}
.archived-unfinish-detail .layout-detail-content-inner {
  padding: 0;
}
.archived-unfinish-detail-tab {
  height: 100%;
}
.archived-unfinish-detail-tab .mkui-tabs-nav-list {
  margin: 0 20px;
}
.archived-unfinish-detail-tab .mkui-tabs {
  height: 100%;
  overflow: auto;
}
.archived-unfinish-detail-tab .mkui-tabs-content {
  height: 100%;
}
.archived-unfinish-detail .mkui-tabs-content-holder {
  margin: 0 20px;
}
.archived-finish-detail .layout-detail-content-inner {
  display: flex;
  flex-direction: column;
}
.archived-finish-detail-custom-header-total-count {
  margin: 0 5px;
  color: var(--mkui-primary-6, #0088ff);
}
.archived-unFinish-detail-modal .layout-detail-footer > button {
  margin-left: 16px;
  margin-right: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.bottom-box {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}
.bottom-box .bottom-box-top {
  display: inline-flex;
  align-items: center;
  height: 32px;
}
.bottom-box .bottom-box-top em {
  font-style: normal;
}
.bottom-box .bottom-box-top .mkui-checkbox-wrapper {
  margin-right: 7px;
}
.bottom-box .bottom-box-down {
  display: inline-flex;
  margin-top: 10px;
}
.bottom-box .bottom-box-down button {
  margin-right: 20px;
  margin-bottom: 10px;
  height: 40px;
  border-radius: 1px;
}
.bottom-box .bottom-box-down .btn-one {
  width: 80px;
}
.bottom-box .period-warning {
  margin-left: 15px;
  color: red;
}
.archive-confirm-modal {
  display: flex;
  flex-direction: column;
  margin: 0 20px;
}
.archive-confirm-modal > p {
  display: inline-flex;
  align-items: center;
  margin: 0;
  height: 40px;
}
.archive-confirm-modal > p > span {
  display: inline-flex;
}
.archive-confirm-modal > p > span:first-child {
  flex-shrink: 0;
  width: 80px;
}
.archive-confirm-modal .period-zoom {
  align-items: flex-start;
  margin-top: 10px;
  height: 88px;
}
.archive-confirm-modal .archive-name-line {
  display: inline-flex;
}
.archive-confirm-modal .archive-name-line > div:last-child {
  margin-left: 10px;
}
.archive-confirm-modal .archive-month-line {
  width: 110px;
}
.archive-confirm-modal .mkui-radio-group > div:last-child {
  margin-top: 10px;
}
.content-in-top-business-entity {
  margin-bottom: 0;
  flex-grow: 0;
  overflow: inherit;
}
.content-in-top-business-entity.display-none {
  display: none;
}
.content-in-top-business-entity .layout-list-content-brow {
  padding-bottom: 0;
}
.content-in-top-business-entity .layout-list-content-brow .mkui-form {
  padding-left: 0;
}
.tabs .mkui-tabs-nav-list {
  height: 44px;
}
.tabs .mkui-tabs-nav-list .mkui-tabs-tab-btn {
  font-weight: normal;
}
.all-tabs {
  display: flex;
}
.all-tabs .tabs-default {
  margin: 0 12px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: normal;
  cursor: pointer;
}
.all-tabs .tabs-active {
  margin: 0 12px;
  border-bottom: 2px solid var(--mkui-primary-6, #0088ff);
  color: var(--mkui-primary-6, #0088ff);
  font-weight: normal;
}
.no-show {
  display: none !important;
}
.pop-type {
  display: inline-block;
  margin-bottom: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #0088ff;
  border-radius: 12px;
  vertical-align: bottom;
}
.pop-type i {
  color: #0088ff;
  vertical-align: top;
  font-size: 9px;
}
.rule-page .rule-form {
  margin-bottom: 20px;
}
.rule-page .rule-form .mkui-form-item-label {
  line-height: normal;
}
.rule-page .rule-form .dang {
  margin-bottom: 0;
}
.rule-page .rule-form .nature-line-tip {
  display: inline-flex;
}
.rule-page .rule-form .nature-line-tip > div {
  display: inline-flex;
  align-items: center;
}
.rule-page .rule-form .nature-line-tip > div > span {
  display: inline-flex;
}
.rule-page .rule-form .nature-line-tip > div > span:first-child {
  margin-right: 8px;
  min-width: 70px;
}
.rule-page .rule-form .rule-same-line {
  display: flex;
}
.rule-page .rule-form .rule-same-line > div {
  display: inline-flex;
  flex-grow: 1;
}
.rule-page .rule-form .rule-same-line > div .mkui-form-item {
  width: 100%;
}
.rule-page .rule-form .rule-same-line > div:first-child {
  margin-right: 20px;
}
.rule-page .rule-form .rule-period-line {
  display: flex;
}
.rule-page .rule-form .rule-period-line > div {
  display: inline-flex;
  flex-grow: 0;
}
.rule-page .rule-form .rule-period-line > div .mkui-form-item {
  width: 100%;
}
.rule-page .rule-form .rule-period-line > div:nth-child(even) {
  margin: 0 10px;
  width: 55px;
}
.rule-page .rule-form .rule-period-line .rule-period-line-tip {
  align-items: center;
  flex-grow: 0;
  justify-content: center;
}
.rule-page .rule-form .nature-line {
  display: flex;
  align-items: center;
}
.rule-page .rule-form .nature-line .mkui-form-item {
  margin-bottom: 10px;
}
.rule-page .rule-form .nature-line > div {
  display: inline-flex;
  min-width: 80px;
}
.rule-page .rule-form .nature-line > div em {
  font-style: normal;
}
.rule-page .rule-form .nature-line > div .mkui-form-item {
  width: 100%;
}
.rule-page .rule-form .nature-line > div:nth-child(even) {
  margin: 0 10px;
}
.rule-page .rule-form .archive-data-line {
  display: flex;
  align-items: center;
}
.rule-page .rule-form .archive-data-line > div {
  display: inline-flex;
}
.rule-page .rule-form .archive-data-line > div .mkui-form-item {
  width: 100%;
}
.rule-page .rule-form .archive-data-line > div .archive-question {
  display: inline-flex;
  align-items: center;
  margin: 0 10px;
  color: #0088ff;
}
.rule-page .rule-form .archive-data-line .archive-data-line-item-spec {
  height: 40px;
}
.rule-page .rule-form .archive-data-line .archive-data-line-item {
  margin: 0 8px;
  min-width: 78px;
}
.rule-page .rule-foot {
  display: inline-flex;
  justify-content: flex-end;
  padding-top: 20px;
  width: 100%;
  border-top: 1px solid #eee;
}
.rule-page .rule-foot button {
  margin-right: 20px;
  width: 80px;
  height: 40px;
  border: 0;
  background-color: var(--mkui-primary-6, #0088ff);
  color: white;
}
.rule-page .rule-foot button span {
  font-size: 16px;
}
.rule-page .rule-foot .normal {
  background-color: #f7f7f7;
  color: #0088ff;
}
.archive-finish-modal {
  display: flex;
  flex-direction: column;
  margin: 5px 10px;
}
.archive-finish-modal > div {
  display: inline-flex;
  padding: 8px 0;
}
.archive-finish-modal > div > span {
  display: inline-flex;
}
.archive-finish-modal > div > span:first-child {
  align-items: center;
  flex-shrink: 0;
  justify-content: flex-end;
  padding-right: 8px;
  width: 80px;
}
.archive-finish-modal > div > span:last-child {
  flex-grow: 1;
  border-radius: 2px;
  background-color: #f0f2f5;
}
.prearchive-fourstatus > .status-box {
  border: 1px solid #8b96b0;
  padding: 3px 8px;
  color: #8b96b0;
  border-radius: 2px;
}
.prearchive-fourstatus > .checking {
  color: #08f;
  border-color: #08f;
}
.prearchive-fourstatus > .failed {
  color: #f53137;
  border-color: #f53137;
}
.prearchive-fourstatus > .revise {
  color: #f7b200;
  border-color: #f7b200;
}
.prearchive-fourstatus > .passed {
  color: #00ad26;
  border-color: #00ad26;
}
.mkui-preArchive-popconfirm {
  width: 300px;
}


/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"archivedsearchline";

.@{prefix-cls} {
  //
} */

/**
 * @Author: wenjwu
 * @Date: 2023-11-01 11:20:23
 * @LastEditors: wenjwu
 * @LastEditTime: 2023-11-01 11:32:39
 * @Description: TODO
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.business-entity-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  transition: all 0.3s;
  cursor: pointer;
  height: 32px;
}
.business-entity.bordered .business-entity-inner {
  border-bottom: 1px solid #d9d9d9;
}
.business-entity.bordered .business-entity-inner:hover {
  border-bottom-color: var(--mkui-primary-6, #0088ff);
}
.business-entity.bordered.readonly-controller .business-entity-inner {
  border-bottom: 1px dashed #d9d9d9;
}
.business-entity.bordered.readonly-controller .business-entity-inner:hover {
  border-bottom-color: #d9d9d9;
}
.business-entity-left {
  display: flex;
  width: calc(100% - 13px);
}
.business-entity-left-text {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.business-entity-right {
  width: 13px;
}
.business-entity-right-icon {
  color: rgba(0, 0, 0, 0.45) !important;
}
.business-entity .mkicon-down {
  display: inline-block;
}
.business-entity .mkicon-close-circle {
  display: none;
  color: rgba(0, 0, 0, 0.44);
}
.business-entity:hover .mkicon-close-circle {
  display: inline-block;
}
.business-entity:hover .mkicon-down {
  display: none;
}
.business-entity-filter-choose-item .count {
  color: var(--mkui-primary-6, #0088ff);
}
.single-select-controller:hover .mkicon-close-circle {
  display: none;
}
.single-select-controller:hover .mkicon-down {
  display: inline-block;
}
.filter-controller .business-entity-left {
  color: var(--mkui-primary-6, #0088ff);
}
.filter-controller .business-entity-right {
  display: none;
}

/**
 * @Author: conggb
 * @Date: 2023-12-26 15:29:49
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-08 16:23:16
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formitem-voucherperiod .mk-period-single-picker {
  width: 100%;
}
.formitem-voucherperiod .mk-period-single-picker .mk-period-picker-endmonth,
.formitem-voucherperiod .mk-period-single-picker .mk-period-single-picker-endmonth {
  width: 100% !important;
}
.formitem-voucherperiod .mk-period-single-picker .mk-period-picker-endmonth .mk-period-single-picker-endinput,
.formitem-voucherperiod .mk-period-single-picker .mk-period-single-picker-endmonth .mk-period-single-picker-endinput,
.formitem-voucherperiod .mk-period-single-picker .mk-period-picker-endmonth .mk-period-single-picker-input,
.formitem-voucherperiod .mk-period-single-picker .mk-period-single-picker-endmonth .mk-period-single-picker-input {
  width: 96.5% !important;
  padding-left: 0;
}
.formitem-voucherperiod-label {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formitemqueryitems";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formitembilltype-cascader .mkui-select-selector {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  padding: 0 !important;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formitemfileaccountingperiod";

.@{prefix-cls} {
  //
} */

/**
 * @Author: wenjwu
 * @Date: 2023-10-31 16:07:34
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-08 17:21:19
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.paper-transfer-modal-init {
  position: relative;
  min-height: 240px;
}
.paper-transfer-modal .mkui-modal-body {
  padding: 0;
}
.paper-transfer-modal .mkui-modal-body .mkui-alert-with-description {
  padding: 7px 15px;
}
.paper-transfer-modal .mkui-modal-body .mkui-alert-with-description .mkui-alert-icon {
  font-size: 13px;
  position: relative;
  top: 5px;
  margin-right: 10px;
}
.paper-transfer-modal .mkui-modal-body .preview-container {
  height: 76px;
  background: #fafafa;
  border-radius: 2px;
  border: 1px solid #eee;
  padding: 16px;
  margin-top: 4px;
}
.paper-transfer-modal .mkui-modal-body .preview-container-title {
  font-size: 13px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
  line-height: 18px;
  margin-bottom: 4px;
}
.paper-transfer-modal .mkui-modal-body .preview-container-content {
  display: flex;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 18px;
}
.paper-transfer-modal .mkui-modal-body .preview-container-content-num {
  font-weight: bold;
}
.paper-transfer-modal .mkui-modal-body .mkui-form {
  padding: 16px 25px;
}
.paper-transfer-modal .mkui-modal-body .add-require-img {
  margin-bottom: 0;
}
.paper-transfer-modal .mkui-modal-body .add-require-img .mkui-form-item-label label::before {
  display: inline-block;
  position: absolute;
  top: 4.5px;
  left: -8px;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 13px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.paper-transfer-modal-form .mkui-form-group:first-child {
  margin-top: 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.scan-gun-modal .mkui-modal-body {
  height: 0;
}
.scan-gun-modal .empty-contianer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.scan-gun-modal .empty-contianer .scan-gun-modal-search .mkui-select {
  width: 360px;
  margin-top: 0;
}
.scan-gun-modal .empty-contianer img {
  margin-bottom: 16px;
}
.scan-gun-modal .empty-contianer div.info {
  font-size: 16px;
  color: #8b96b0;
}
.scan-gun-modal .mkui-modal-body .input-hidden {
  position: absolute;
  width: 100%;
  opacity: 0;
}
.scan-gun-modal .mkui-modal-body .scan-gun-modal-search .mkui-select {
  width: 360px;
  margin: 16px 16px;
}
.scan-gun-modal-table {
  padding: 0 13px;
  height: calc(100% - 65px) !important;
}
.scan-gun-modal-top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.scan-gun-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.scan-gun-modal-footer .bottom-msg {
  color: rgba(0, 0, 0, 0.6);
}
.scan-gun-modal-footer .bottom-msg .light {
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-select-dropdown .scan-gun-modal-search-option .mkui-select-item-option-content {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.mkui-select-dropdown .scan-gun-modal-search-option .mkui-select-item-option-content .add-icon {
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-select-dropdown .scan-gun-modal-search-option .mkui-select-item-option-content .add-icon .mkicon-plus {
  position: relative;
  bottom: 1px;
  margin-right: 5px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.billcategorylist {
  display: flex;
  flex-shrink: 0;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 10px;
  flex-wrap: wrap;
  padding: 12px 24px;
  max-height: 90px;
  overflow: auto;
  border-bottom: 1px solid #e1e1e1;
}
.billcategorylist-item {
  display: inline-flex;
  justify-content: center;
  font-size: 13px;
  padding: 2px 12px;
  height: 26px;
  color: rgba(0, 0, 0, 0.6) !important;
}
.billcategorylist-item:focus {
  border: 1px solid #d9d9d9 !important;
}
.billcategorylist-item:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.billcategorylist-item-selected {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
  background: var(--mkui-primary-1, #f2f9ff) !important;
}
.billcategorylist-item-selected:focus {
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}
.billcategorylist-item-selected:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"papertransferdetailtable";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.paper-transfer-detail-status-tag {
  background-color: #F2F9FF;
  border: 1px solid #7ACEFF;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 2px;
  font-size: 13px;
}
.paper-transfer-detail-top-operations {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.paper-transfer-detail-top-operations-left {
  display: flex;
  gap: 8px;
}
.paper-transfer-detail-top-operations-right {
  display: flex;
  gap: 8px;
}
.paper-transfer-detail-table-operations {
  display: flex;
  gap: 8px;
}
.paper-transfer-detail-table-deleted {
  color: rgba(0, 0, 0, 0.6);
}
.paper-transfer-detail-content-empty .mkui-table-tbody > tr > td {
  border: none;
}
.paper-transfer-detail .mkui-cascader-menu {
  height: 240px !important;
  min-width: 140px !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archived-paper-transfer-detail-header {
  align-items: center;
  font-weight: bold;
}
.archived-paper-transfer-detail-header-info {
  font-weight: normal;
  margin-left: 8px;
  display: inline-block;
  align-items: center;
}
.archived-paper-transfer-detail-header-info-divider {
  width: 1px;
  height: 14px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.archived-paper-transfer-detail-method .mkui-form-item-label::before {
  display: inline-block;
  content: '*';
  color: #f50;
  font-size: 13px;
  width: 8px;
  margin-left: -8px;
  line-height: 1;
}
.archived-paper-transfer-detail-title {
  display: inline-block;
  color: #333;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 12px;
  margin-top: 20px;
  font-family: 'SimSun,sans-serif';
}
.archived-paper-transfer-detail-title:first-child {
  margin-top: 0;
}

/* @prefix-cls: ~"archived-paper-transfer";

.@{prefix-cls} {

}
 */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archive-paper-receive-detail-btn-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.archive-paper-receive-detail-compare-btn {
  color: var(--mkui-primary-6, #0088ff) !important;
  border-color: var(--mkui-primary-6, #0088ff) !important;
  margin-right: 8px;
}
.archive-paper-receive-detail-comparing-btn {
  border-color: var(--mkui-primary-6, #0088ff) !important;
  margin-right: 8px;
}
.archive-paper-receive-detail-count-btn {
  background-color: #f2f9ff !important;
  border-color: #7aceff !important;
  margin-right: 8px;
}
.archive-paper-receive-detail-count-btn:hover {
  cursor: default;
  background-color: #f2f9ff !important;
  border-color: #7aceff !important;
  color: unset !important;
}
.archive-paper-receive-detail-count-btn span {
  margin: 0 2px;
}
.archive-paper-receive-detail-count-btn .highlight {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.archive-paper-receive-detail-count-default-small-btn {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  background-color: #f2f9ff;
  border-radius: 2px;
  border: 1px solid #7aceff;
  margin-right: 8px;
}
.archive-paper-receive-detail-count-default-small-btn span {
  margin: 0 2px;
}
.archive-paper-receive-detail-count-default-small-btn .highlight {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.archive-paper-receive-detail-content .mkui-form-item {
  margin-bottom: 0 !important;
}
.archive-paper-receive-detail-transfer-location {
  display: flex;
  width: 300px;
}
.archive-paper-receive-detail-transfer-location .mkui-form-item {
  width: 205px;
  display: inline-block;
}
.archive-paper-receive-detail-transfer-location button {
  margin-left: 8px;
  display: none;
}
.archive-paper-receive-detail-transfer-location:hover {
  cursor: pointer;
}
.archive-paper-receive-detail-transfer-location:hover button {
  display: inline !important;
}
.archive-paper-receive-detail-operations {
  display: flex;
  gap: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archive-paper-transfer-detail-header {
  padding: 14px 0;
}
.archive-paper-transfer-detail-title {
  display: inline-block;
  color: #333;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 12px;
  margin-top: 20px;
}
.archive-paper-transfer-detail-content-form .archive-paper-transfer-detail-content-form-label-title > .mkui-form-item-label {
  height: 40px;
  padding: 11px 8px;
}
.archive-paper-transfer-detail-content-form .archive-paper-transfer-detail-content-form-label-title > .mkui-form-item-label span {
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
}


/**
 * @Author: conggb
 * @Date: 2022-07-27 17:09:12
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-12 14:29:39
 */
.choosesigndocument-modal .mkui-modal-body {
  height: 0;
}
.choosesigndocument-modal .mkui-flex-table {
  height: calc(100% - 45px);
}
.choosesigndocument-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.batchcreatefiling-modal .mkui-modal-body {
  padding: 0 !important;
}
.batchcreatefiling-modal-top {
  padding: 8px 16px !important;
  display: flex !important;
  align-items: center !important;
}
.batchcreatefiling-modal-top .mkicon {
  font-size: 16px !important;
  margin-right: 8px !important;
  margin-top: 1px !important;
}
.batchcreatefiling-modal-content {
  padding: 16px 24px;
}
.batchcreatefiling-modal-content .mkui-form-item-control-input {
  min-height: auto !important;
}
.batchcreatefiling-modal-content-part {
  display: flex;
  align-items: center;
  gap: 8px;
}
.batchcreatefiling-modal-content-part-radio {
  flex-shrink: 0;
}
.batchcreatefiling-modal-content-part-choose {
  max-width: 400px;
}
.batchcreatefiling-modal-content-part-choose-selected {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #eee;
  border-radius: 2px;
  padding: 0 6px;
  transition: all 0.3s;
}
.batchcreatefiling-modal-content-part-choose-selected:hover {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.batchcreatefiling-modal-content-part-choose-selected-summary {
  flex-shrink: 0;
}
.batchcreatefiling-modal-content-formitemtitle {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.84);
}
.batchcreatefiling-modal-content .mkui-flex-tablefilter {
  padding: 0 !important;
}
.batchcreatefiling-modal-content .mkui-flex-tablefilter .mkui-filteroperate-area {
  display: none !important;
}
.batchcreatefiling-modal-content .mkui-flex-tablefilter-expandcollapse {
  overflow: initial;
}

.paper-view-cover {
  display: inline-flex;
}
.paper-view-cover .mkui-modal {
  height: 90vh;
}
.paper-view-cover .mkui-modal-body {
  padding-top: 0px;
}
.paper-view-cover-content {
  height: 100%;
}
.paper-view-cover-content .mkui-tabs {
  height: 100%;
}
.paper-view-cover-content .mkui-tabs-content {
  height: 100%;
}
.paper-view-cover-content .mkui-image-viewer {
  min-height: 300px;
}

.filling-record-export-select-modal {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.filling-record-export-select-modal-tip {
  margin-bottom: 6px;
}
.filling-record-export-select-modal-content .mkui-checkbox-group-item {
  margin-right: 38px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archivedpaperfilingrecord-operations {
  display: flex;
  align-items: center;
  gap: 8px;
}
.archivedpaperfilingrecord-operations > * {
  margin: 0 !important;
}

/**
 * @Author: conggb
 * @Date: 2022-08-23 14:22:39
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-30 18:02:49
 */
.addmodal-header {
  display: flex;
  align-items: center;
}
.addmodal-header-origin {
  font-weight: normal;
  font-size: 13px;
  display: flex;
  margin-left: 16px;
  color: rgba(0, 0, 0, 0.4);
}

/**
 * @Author: conggb
 * @Date: 2022-08-23 14:22:39
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-23 16:45:02
 */
.addmodal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/**
 * @Author: conggb
 * @Date: 2022-08-23 14:22:39
 * @LastEditors: conggb
 * @LastEditTime: 2022-09-07 13:55:37
 */
.cabinet-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 12px;
  border-radius: 4px;
  cursor: pointer;
}
.cabinet-item.cabinet-item-active {
  border: 1px solid #0088FF;
  background-color: #F2F9FF;
}
.cabinet-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f7f7f7;
  cursor: not-allowed;
}
.cabinet-item-title {
  display: flex;
  align-items: center;
}
.cabinet-item-title-text {
  margin-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cabinet-item-status {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
  margin-top: 4px;
}

/**
 * @Author: conggb
 * @Date: 2022-08-23 14:22:39
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-26 14:22:56
 */
.addmodal-left {
  padding: 12px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.addmodal-left .mkui-collapse-header {
  display: flex;
  align-items: center;
  padding: 12px 0 !important;
}
.addmodal-left .mkui-collapse-header .mkui-collapse-arrow {
  margin-right: 8px !important;
}
.addmodal-left .mkui-collapse-content-box {
  padding: 0 2px !important;
}
.addmodal-left-result {
  overflow: auto;
}
.addmodal-left-itemlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.addmodal-left-itemlist-item {
  width: calc(50% - 6px);
  margin-bottom: 8px;
}
.addmodal-left-itemlist-item:last-child,
.addmodal-left-itemlist-item:nth-last-child(2) {
  margin-bottom: 0;
}

/**
 * @Author: conggb
 * @Date: 2022-08-25 11:22:17
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-26 10:14:10
 */
.addmodal-right-guide {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
}
.addmodal-right-guide-img {
  height: 510px;
}

/**
 * @Author: conggb
 * @Date: 2022-08-23 14:22:39
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-26 13:44:47
 */
.addmodal-right-header {
  display: flex;
  justify-content: space-between;
}
.addmodal-right-header .mkicon {
  font-size: 14px;
}
.addmodal-right-header-left-explain {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.4);
}
.addmodal-right-header-right {
  color: #8B96B0;
  display: flex;
  align-items: center;
}
.addmodal-right-header-status-img {
  width: 240px;
}

/**
 * @Author: conggb
 * @Date: 2022-08-23 14:22:39
 * @LastEditors: conggb
 * @LastEditTime: 2022-09-07 15:21:25
 */
.lattice-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100px;
  height: 40px;
  background-color: #ffffff;
  cursor: pointer;
}
.lattice-item-receive {
  width: 185px;
}
.lattice-item-disabled {
  opacity: 0.7;
  background-color: #f7f7f7;
  cursor: not-allowed;
}
.lattice-item-left {
  display: flex;
  align-items: center;
}
.lattice-item-icon {
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.08);
  color: white;
  justify-content: center;
  padding-left: 0px;
  height: 12px;
  width: 12px;
  border-radius: 7px;
  font-size: 10px;
  padding-top: 0px;
}
.lattice-item-icon-checked {
  background-color: #0088FF;
}
.lattice-item-text {
  margin-left: 8px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.64);
  font-family: Bebas;
}
.lattice-item-right {
  display: flex;
  align-items: center;
}
.lattice-item-right-capacity {
  margin-top: 1px;
  font-size: 12px;
}
.lattice-item-right-counter {
  display: flex;
  align-items: center;
  color: #0088FF;
  justify-content: center;
  height: 14px;
  width: 14px;
  border-radius: 7px;
  font-size: 12px;
  padding-top: 1px;
  background-color: rgba(0, 136, 255, 0.1);
}

/**
 * @Author: conggb
 * @Date: 2022-08-23 14:22:39
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-29 13:59:31
 */
.addmodal-right-content {
  margin-top: 12px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.addmodal-right-content-line {
  margin-bottom: 12px;
  display: flex;
}
.addmodal-right-content-line:last-child {
  margin: 0;
}
.addmodal-right-content-line-item {
  margin-left: 8px;
}
.addmodal-right-content-line-item:first-child {
  margin: 0;
}

/**
 * @Author: conggb
 * @Date: 2022-08-23 14:22:39
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-25 17:03:47
 */
.addmodal-right {
  display: flex;
  flex-direction: column;
  padding: 12px 24px;
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #F0F1F5;
}
.addmodal-right .block-mask {
  background-color: transparent;
}

/**
 * @Author: conggb
 * @Date: 2022-07-27 17:09:12
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-24 17:05:22
 */
.warehouse-addmodal-modal .mkui-modal-content {
  height: 100% !important;
}
.warehouse-addmodal-modal .mkui-modal-content .mkui-modal-body {
  height: 100% !important;
}
.warehouse-addmodal-content {
  display: flex;
  height: 100%;
  position: relative;
}
.warehouse-addmodal-content-left {
  width: 40%;
  height: 100%;
}
.warehouse-addmodal-content-right {
  width: 60%;
  height: 100%;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"onoffshelfmodal";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.choosepaperreceive {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
}
.choosepaperreceive-table {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.choosepaperfilingdetailcontent {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
  position: relative;
}
.choosepaperfilingdetailcontent-table {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.choosepaperfilingdetail {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
  position: relative;
}
.choosepaperfilingdetail-billtype {
  display: flex;
  flex-shrink: 0;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 10px;
  flex-wrap: wrap;
  padding: 12px 24px;
  max-height: 90px;
  overflow: scroll;
  border-bottom: 1px solid #e1e1e1;
}
.choosepaperfilingdetail-billtype-item {
  display: inline-flex;
  justify-content: center;
  font-size: 13px;
  padding: 2px 12px;
  height: 26px;
  color: rgba(0, 0, 0, 0.6) !important;
}
.choosepaperfilingdetail-billtype-item:focus {
  border: 1px solid #d9d9d9 !important;
}
.choosepaperfilingdetail-billtype-item:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.choosepaperfilingdetail-billtype-item-selected {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
  background: var(--mkui-primary-1, #f2f9ff) !important;
}
.choosepaperfilingdetail-billtype-item-selected:focus {
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}
.choosepaperfilingdetail-billtype-item-selected:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}

.paper-filing-addmodal-modal .mkui-modal-content {
  min-height: 0 !important;
}
.paper-filing-addmodal-modal .mkui-modal-content .mkui-modal-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.paper-filing-addmodal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.paper-filing-detail-table-operations {
  display: flex;
}
.paper-filing-detail-content-empty .mkui-table-tbody > tr > td {
  border: none;
}
.paper-filing-detail-dropdown .scan-dropdown-text {
  position: relative;
  display: block;
  margin: 0 -12px;
  padding: 0 12px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archived-paper-filing-detail-header {
  align-items: center;
  font-weight: bold;
}
.archived-paper-filing-detail-header-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.archived-paper-filing-detail-header-title .layout-detail-header-title {
  min-height: auto !important;
  padding: initial !important;
}
.archived-paper-filing-detail-title {
  display: inline-block;
  color: #333;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 12px;
  margin-top: 20px;
  font-family: 'SimSun,sans-serif';
}
.archived-paper-filing-detail-title:first-child {
  margin-top: 0;
}
.archived-paper-filing-detail-footer .footer-bottom-line-group {
  display: flex;
  gap: 8px;
}
.archived-paper-filing-detail-footer .footer-bottom-line-group > button {
  margin: 0;
}
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper,
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper {
  border: 1px solid transparent;
  border-bottom-color: #d9d9d9;
  border-radius: 0;
  padding: 4px 10px 4px 0;
}
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper:not(.mkui-input-affix-wrapper-disabled):hover,
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper:not(.mkui-input-affix-wrapper-disabled):hover {
  border: 1px solid transparent;
  border-bottom: 1px solid var(--mkui-primary-5, #29a2ff);
}
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper-disabled,
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper-disabled {
  background-color: #fff;
  border: 1px solid transparent;
  border-bottom: 1px dashed #d9d9d9;
  padding: 4px 10px 4px 0;
}
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper-disabled .mkui-input.mkui-input-li,
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper-disabled .mkui-input.mkui-input-li {
  border-color: transparent !important;
}
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper-disabled:hover,
.archived-paper-filing-detail-content-inner .mkui-input-affix-wrapper-disabled:hover {
  border: 1px solid transparent;
  border-bottom: 1px dashed #d9d9d9;
}
.archived-paper-filing-detail-content-inner .mkui-form-item-has-error .mkui-input-affix-wrapper,
.archived-paper-filing-detail-content-inner .mkui-form-item-has-error .mkui-input-affix-wrapper {
  border: 1px solid transparent !important;
  border-bottom-color: #f53137 !important;
}
.archived-paper-filing-detail-content-inner .mkui-form-item-has-error .mkui-input-affix-wrapper .mkui-input.mkui-input-li,
.archived-paper-filing-detail-content-inner .mkui-form-item-has-error .mkui-input-affix-wrapper .mkui-input.mkui-input-li {
  border-color: transparent !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.workbench {
  height: auto !important;
}
.workbench-content {
  overflow: hidden !important;
}
.workbench-header {
  display: flex;
  align-items: center;
  height: 80px;
}
.workbench-header-end-content {
  padding-right: 16px;
  color: #999999;
  font-weight: 400;
}
.workbench-header-end-content-icon {
  margin-right: 3px;
}
.workbench-header-content {
  display: flex;
  align-items: center;
  flex: 1;
}
.workbench-header-content-title {
  padding-left: 8px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: initial !important;
}
.workbench-header-content-title-hello {
  height: 24px;
  font-size: 18px;
}
.workbench-header-content-title-name {
  padding-left: 1px;
  color: #777;
  font-size: 13px;
}
.workbench-header-content-title-name span {
  display: inline-block;
  margin-right: 10px;
}
.workbench-header-content-title-name-login {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  padding-left: 8px;
}
.workbench-header-content-title-name-login::after {
  position: absolute;
  top: 13px;
  left: 0px;
  width: 1px;
  height: 15px;
  background: #777;
  content: '';
}
.workbench-card-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.workbench-card-content-item {
  position: relative;
  width: 25%;
  height: 88px;
  background: #f0f2f5;
  cursor: pointer;
}
.workbench-card-content-item .null::after {
  position: absolute;
  top: 22px;
  left: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fe7a23;
  content: '';
}
.workbench-card-content-item-body {
  position: absolute;
  padding: 16px 24px;
  width: 100%;
  height: 100%;
  background: #ffffff;
  transition: all 0.3s;
}
.workbench-card-content-item-body-tex {
  color: #808080;
  font-size: 14px;
}
.workbench-card-content-item-body-count {
  color: rgba(0, 0, 0, 0.84);
  font-size: 24px;
}
.workbench-card-content-item-body-count > span {
  font-size: 24px;
}
.workbench-card-content-item-body-count > strong {
  font-weight: initial !important;
  font-size: 14px;
}
.workbench-card-content-item-body:hover {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1012);
}
.workbench-card-content .right {
  border-right: 15px solid #f0f2f5;
}
.workbench-card-hr {
  width: 100%;
  height: 16px;
  background: #f0f2f5;
}
.workbench-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.workbench-chart > i {
  font-size: 40px;
}
.workbench-chart-loading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75%;
  height: 100%;
}
.workbench-chart-loading #id {
  width: 100% !important;
  height: 100%;
}
.workbench-chart-loading-title {
  position: absolute;
  top: 24px;
  left: 38px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.workbench-chart-loading-logo {
  position: absolute;
  top: 24px;
  right: 23px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
}
.workbench-chart-loading-logo-grenn {
  position: relative;
  margin: 0 30px;
}
.workbench-chart-loading-logo-grenn::after {
  position: absolute;
  top: 1px;
  left: -18px;
  width: 14px;
  height: 14px;
  background: #3296fa;
  content: '';
}
.workbench-chart-loading-logo-blue {
  position: relative;
}
.workbench-chart-loading-logo-blue::after {
  position: absolute;
  top: 1px;
  left: -18px;
  width: 14px;
  height: 14px;
  background: #34d134;
  content: '';
}
.workbench-chart-reimburse {
  width: 25%;
}
.workbench-chart-reimburse-header {
  padding: 0 20px;
  height: 56px;
  border-bottom: 1px solid #e1e1e1;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 700;
  font-size: 14px;
  line-height: 56px;
}
.workbench-chart-reimburse-content {
  overflow-y: scroll;
  padding: 24px 20px;
  height: 100%;
}
.workbench-chart-reimburse-content-item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  width: 100%;
  height: 24px;
}
.workbench-chart-reimburse-content-item-time {
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
}
.workbench-chart-reimburse-content-item-count {
  position: relative;
  flex: 1px;
  height: 100%;
  background: #f8f8f8;
}
.workbench-chart-reimburse-content-item-count > span {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  padding: 0 16px 0 8px;
  height: 100%;
  color: #ffffff;
  font-size: 12px;
}
.workbench-chart-reimburse-content-item-count > span::after {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: #67b3ff;
  content: '';
  animation-name: spanMove;
  animation-duration: 3s;
}
.workbench-chart-reimburse-content-item-count > span > span {
  position: absolute;
  z-index: 10;
}
.workbench-chart .border-right {
  border-right: 15px solid #f0f2f5;
}
@keyframes spanMove {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.amount-statistics-modal-content {
  padding: 0px 10px 10px 10px;
}
.amount-statistics-modal .modal-header {
  border: 0px;
  padding-bottom: 0px;
  min-height: 20px;
  padding-top: 10px;
}
.amount-statistics-modal .modal-header-text .modal-middle-text {
  padding-left: 24px;
}
.amount-statistics-modal .modal-header-text span {
  font-weight: 400;
  margin: 0 5px;
}
.trans {
  color: var(--mkui-primary-6, #0088ff);
}

.receipts-table .rel-dropdown-icon {
  margin-left: 6px;
}
.receipts-add-menu .mkui-dropdown-menu-item {
  padding: 0;
}
.receipts-add-menu .ocr-modal-title {
  display: block;
}
.receipts-add-menu-inner {
  padding: 5px 12px;
}
.bank-receipt span.ellipsis-text {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * @Author: yjf
 * @Date: 2021-12-23 10:56:40
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-17 10:28:56
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ocr-modal-title {
  display: inline-block;
}
.ocr-modal-ing {
  text-align: center;
  padding-top: 22px;
  border-radius: 5px;
}
.ocr-modal-ing-img {
  width: 160px;
  height: 160px;
  margin-bottom: 10px;
}
.ocr-modal-ing-result {
  line-height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.ocr-modal-ing-result-success {
  margin: 0 4px;
  color: #3296fa;
}
.ocr-modal-ing-result-fail {
  margin: 0 4px;
  color: #fe7a23;
}
.ocr-modal-ing .mkui-modal-close {
  display: none;
}
.ocr-modal-ing .mkui-modal-content {
  height: 260px;
  border-radius: 5px;
}
.ocr-modal-ing .mkui-modal-body {
  font-size: 16px;
  font-weight: 600;
  color: #3296fa;
}
.ocr-modal-ing .mkui-modal-footer {
  display: none;
}

/**
 * @Author: yjf
 * @Date: 2021-12-21 15:31:17
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-17 17:18:00
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-form-list-ocr .layout-detail-content-inner {
  padding: 0;
}
.custom-form-list-ocr-spin {
  height: 100%;
}
.custom-form-list-ocr-spin .mkui-spin-container {
  height: 100%;
}
.custom-form-list-ocr-data-error {
  display: flex;
}
.custom-form-list-ocr-data-error p {
  margin: 0;
  word-break: break-all;
}
.custom-form-list-ocr-data-error .mkicon {
  margin-left: 8px;
  display: flex;
  align-items: center;
  color: #f5be15;
}
.custom-form-list-ocr-identify-num {
  padding-bottom: 16px;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.custom-form-list-ocr-identify-num-total {
  margin: 0 4px;
  display: inline-block;
  color: var(--mkui-primary-6, #0088ff);
}
.custom-form-list-ocr-identify-num-fail {
  margin: 0 4px;
  display: inline-block;
  color: #f78800;
}
.custom-form-list-ocr-slot-title {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.custom-form-list-ocr-slot-title .mkicon {
  margin: 0 4px 0 12px;
  font-size: 14px;
  color: var(--mkui-primary-6, #0088ff);
}
.custom-form-list-ocr-slot-title-limit {
  color: var(--mkui-primary-6, #0088ff);
}
.custom-form-list-ocr-slot-title-refresh {
  width: 62px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  margin-left: 12px;
  background-color: #f7f7f7;
  font-size: 12px;
  color: var(--mkui-primary-6, #0088ff);
}
.custom-form-list-ocr-slot-title-refresh .mkicon {
  margin: 0;
  margin-right: 4px;
  font-size: 13px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.file-page {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 20px;
  height: 100%;
}
.file-page .file-out-put {
  display: inline-flex;
}
.file-page .file-btns {
  display: inline-flex;
  padding: 0 20px;
  width: 100%;
  height: 72px;
}
.file-page .file-btns .foot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-top: 1px solid #e1e1e1;
}
.file-page .file-btns .foot button {
  width: 112px;
  height: 44px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.file-page .upload-zoom {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.file-page .upload-zoom .upload-zoom-left {
  display: inline-flex;
  margin-right: 20px;
}
.file-page .upload-zoom .upload-zoom-left > span {
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 50px;
  background-color: #bcbcbc;
  color: white;
  line-height: 56px;
}
.file-page .upload-zoom .upload-zoom-right {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.file-page .upload-zoom .upload-zoom-right > span {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.6);
  font-style: 18px;
}
.file-page .upload-zoom .upload-zoom-right > span:last-child {
  color: #999999;
  font-size: 12px;
}

/**
 * @Author: conggb
 * @Date: 2023-04-25 17:01:25
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-26 11:38:08
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.expand-all {
  color: rgba(0, 0, 0, 0.5) !important;
}
.expand-all .mkicon {
  transform: rotate(-180deg);
}

/**
 * @Author: conggb
 * @Date: 2023-04-26 11:47:10
 * @LastEditors: conggb
 * @LastEditTime: 2023-05-05 10:53:25
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-form-group-billlist-bill {
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
}
.custom-form-group-billlist-bill:last-child {
  border: none;
}
.custom-form-group-billlist-bill:hover {
  background-color: #f7f7f7;
}
.custom-form-group-billlist-bill-num,
.custom-form-group-billlist-bill-date {
  flex: 1;
  color: rgba(0, 0, 0, 0.44);
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.custom-form-group-billlist-bill-num-content,
.custom-form-group-billlist-bill-date-content {
  color: rgba(0, 0, 0, 0.84);
}
.custom-form-group-billlist-bill-header {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 360px;
}
.custom-form-group-billlist-bill-header-icon {
  font-size: 20px;
  min-width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: var(--mkui-primary-6, #0088ff);
}
.custom-form-group-billlist-bill-header-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.custom-form-group-billlist-bill-header-info-text {
  font-size: 14px;
}
.custom-form-group-billlist-bill-header-info-ocr {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #666666;
}
.custom-form-group-billlist-bill-header-info-ocr .mkicon {
  font-size: 18px;
  color: var(--mkui-primary-6, #0088ff);
}

/**
 * @Author: conggb
 * @Date: 2023-04-24 18:47:28
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-28 10:25:21
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-form-group {
  cursor: pointer;
}
.custom-form-group .mkui-collapse {
  background-color: #ffffff;
}
.custom-form-group .mkui-collapse .mkui-collapse-header {
  padding: 0 !important;
}
.custom-form-group-expand .custom-form-group-header-navi {
  transform: rotate(90deg) !important;
}
.custom-form-group-header {
  display: flex;
  align-items: center;
  padding: 10px 16px;
}
.custom-form-group-header-navi {
  transition: all 0.3s;
}
.custom-form-group-header-title {
  font-weight: bold;
  margin-left: 4px;
}
.custom-form-group-header-count {
  color: rgba(0, 0, 0, 0.44);
  margin-left: 8px;
}
.custom-form-group .mkui-collapse-content-box {
  padding: 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-form-category .mkui-spin-nested-loading {
  height: 100%;
}
.custom-form-category .mkui-spin-nested-loading .mkui-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.custom-form-category-content {
  padding: 16px 24px;
}
.custom-form-category-content-header {
  display: flex;
  align-items: center;
  gap: 24px;
}
.custom-form-category-content-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
  overflow: auto;
}

/**
 * @Author: conggb
 * @Date: 2023-09-25 14:41:42
 * @LastEditors: conggb
 * @LastEditTime: 2023-09-26 17:15:48
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.customformbatchattach {
  display: inline-block;
}
.customformbatchattach-modal-wrapper .mkui-spin-nested-loading {
  height: 100%;
}
.customformbatchattach-modal-wrapper .mkui-spin-nested-loading .mkui-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.customformbatchattach-modal-header-alert .mkui-alert-message {
  color: rgba(0, 0, 0, 0.6) !important;
}
.customformbatchattach-modal-inner {
  flex-grow: 1;
}
.customformbatchattach-modal-footer {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 24px;
  gap: 8px;
  border-top: 1px solid #f0f0f0;
}
.customformbatchattach-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px;
}
.customformbatchattach-modal-content-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.customformbatchattach-modal-content-section-title-sup {
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.customformbatchattach-modal-content-section-title-sub {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.customformbatchattach-modal-content-section-field label {
  display: block;
  margin-bottom: 8px;
}
.customformbatchattach-modal-content-result {
  background: #FAFAFC;
  border-radius: 2px;
  border: 1px solid #F0F1F5;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.customformbatchattach-modal-content-result-title {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}
.customformbatchattach-modal-content-result-title-line-success {
  color: #00ad26;
}
.customformbatchattach-modal-content-result-title-line-fail {
  color: #f53137;
}
.customformbatchattach-modal-content-result-reminder {
  color: rgba(0, 0, 0, 0.6);
}
.customformbatchattach-modal-content-result-download .mkui-btn-link {
  display: flex;
  align-items: center;
}
.customformbatchattach-modal-content-result-download .mkui-btn-link .mkicon {
  padding: 0 !important;
}
.customformbatchattach-modal-attachmore {
  width: 300px;
  border-radius: 2px;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}
.customformbatchattach-modal-attachmore-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.customformbatchattach-modal-attachmore-left-icon {
  font-size: 14px;
  color: #1eaa39 !important;
}
.customformbatchattach-modal-attachmore-left-text-num {
  margin: 0 5px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 600;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-form-bottom .btn {
  margin-top: 5px;
}
.custom-form-complete {
  display: inline-block;
  padding: 4px 10px;
}
.custom-form-complete-check {
  border: 1px solid #06b600;
  color: #06b600;
}
.custom-form-complete-uncheck {
  border: 1px solid #fe7a23;
  color: #fe7a23;
}
.detail-bottom-operate {
  display: flex;
}
.td-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.custom-patch-relation-button {
  display: inline-block;
  margin-left: 5px;
}
.mkui-table-cell .mkui-link-btn span {
  display: inline-block;
  width: 200px;
  min-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mkui-word-break .mkui-tooltip-inner {
  word-break: break-all;
}
.mkui-link-input-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  color: var(--mkui-primary-6, #0088ff);
}

/**
 * @Author: conggb
 * @Date: 2022-10-28 11:36:25
 * @LastEditors: conggb
 * @LastEditTime: 2022-10-28 16:11:35
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.input-company-name {
  position: relative;
  height: 66px;
}
.input-company-name-footer {
  display: flex;
  justify-content: right;
  align-items: center;
  margin-top: 8px;
  position: absolute;
  right: 0;
  top: 33px;
}
.input-company-name-footer-divider {
  width: 1px;
  height: 13px;
  background: #eee;
  margin-left: 8px;
}

/**
 * @Author: conggb
 * @Date: 2022-10-28 10:55:06
 * @LastEditors: conggb
 * @LastEditTime: 2022-10-28 14:51:00
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.history-name-list-tag {
  margin-top: 8px !important;
}
.history-name-list-tag:first-child {
  margin-top: 12px !important;
}
.history-name-list-tag-saved {
  background: #f7f7f7 !important;
}
.history-name-list-tag-add {
  cursor: pointer;
}

/**
 * @Author: conggb
 * @Date: 2022-10-28 11:36:25
 * @LastEditors: conggb
 * @LastEditTime: 2022-10-28 16:18:23
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.company-name-line .mkui-input-group-addon {
  border-top: none;
  border-right: none;
  border-left: none;
}

.company-detail {
  position: relative;
  min-height: 420px;
}
.company-detail .mkui-form label {
  font-size: 12px;
}
.mkui-modal-title {
  border-left: 0 !important;
}

/**
 * @Author: conggb
 * @Date: 2023-01-04 09:47:04
 * @LastEditors: conggb
 * @LastEditTime: 2023-01-04 17:01:37
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.company-head-item {
  padding: 24px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  width: 320px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.3;
  border-radius: 4px;
}
.company-head-item.clickable:hover {
  box-shadow: rgba(0, 0, 0, 0.01) 1px 1px 1px 0px, rgba(0, 0, 0, 0.01) 2px 2px 2px 0px, rgba(0, 0, 0, 0.01) 4px 4px 4px 0px, rgba(0, 0, 0, 0.02) 8px 8px 8px 0px;
  transform: translateY(-4px);
}
.company-head-item-up,
.company-head-item-down {
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.company-head-item-up-header {
  color: rgba(0, 0, 0, 0.84);
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.company-head-item-up-header-icon {
  color: #0088ff !important;
}
.company-head-item-up-subheader {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}
.company-head-item-down {
  border-top: solid 1px #e1e1e1;
  background-color: #f7f7f7;
  flex-grow: 1;
}
.company-head-item-down-line {
  display: flex;
  align-items: center;
  gap: 8px;
}
.company-head-item-down-line-left {
  color: rgba(0, 0, 0, 0.28);
  font-size: 16px;
  display: flex;
}
.company-head-item-down-line-right {
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  overflow: hidden;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.company-head {
  padding: 12px 24px;
  gap: 24px;
}
.company-head-bar {
  display: flex;
  justify-content: space-between;
}
.company-head-search {
  display: inline-block;
  vertical-align: middle;
}
.company-head-search .mkui-form-item {
  margin-bottom: 0;
}
.company-head-search .mkui-form-item .mkui-form-item-label {
  width: auto;
}
.company-head-btns {
  display: inline-block;
}
.company-head-btns button {
  margin-right: 8px;
  height: 32px;
}
.company-head-table {
  display: inline-flex;
  overflow-y: auto;
  align-content: flex-start;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: calc(-1 * 6px);
  padding-top: 6px;
}
.company-head-page {
  display: inline-flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
  padding-right: 20px;
  height: 40px;
  border-top: 1px solid #eee;
}
.company-head-number-tips {
  flex-shrink: 0;
  padding: 0 8px;
  height: 32px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
}
.company-head-number-normal {
  background-color: #edf7ff;
}
.company-head-number-warning-number {
  color: red;
}
.company-head-number-warning {
  color: #8a6e3c;
  background-color: #fffaed;
}
.del-confirm .mkui-modal-body {
  padding: 20px !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-rules-toolbar {
  height: 56px;
  line-height: 56px;
}
.account-rules-toolbar-search.mkui-input-group-wrapper {
  width: 240px;
  top: 12px;
  position: relative;
}
.account-rules-drawer-footer {
  display: flex;
  justify-content: flex-end;
}
.account-rules-table .mkui-tag.enable {
  color: #00b600;
  border: 1px solid #00b600;
}
.account-rules-table .mkui-tag.unenable {
  color: #999999;
  border: 1px solid #999999;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configmigration-entrybtn {
  display: flex !important;
  align-items: center !important;
}
.configmigration-popover {
  z-index: 1000 !important;
}
.configmigration-popover .mkui-popover-inner-content {
  padding: 12px 8px !important;
}
.configmigration-popinner {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.configmigration-popinner-header {
  padding: 0 8px;
}
.configmigration-popinner-header-title {
  font-weight: 600;
}
.configmigration-popinner-content {
  display: flex;
  flex-direction: column;
}
.configmigration-popinner-content .mkui-upload-select {
  display: block !important;
}
.configmigration-popinner-content-item {
  cursor: pointer;
  border-radius: 4px;
  padding: 6px 8px;
  transition: all 0.3s;
}
.configmigration-popinner-content-item:hover {
  background: #f7f7f7;
}
.configmigration-popinner-content-item-note {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  border-bottom: 1px solid #eee;
  background-color: #f7f7f7;
  font-size: 14px;
}
.dynamic-form-design-header-left {
  padding-left: 15px;
  width: 260px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.dynamic-form-design-header-left-back {
  margin-right: 6px;
  color: #999 !important;
  font-weight: normal;
  cursor: pointer;
}
.dynamic-form-design-header-left-show {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dynamic-form-design-header-left-edit {
  margin-left: 5px;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.dynamic-form-design-header-left .mkui-input {
  width: 180px;
  border-bottom: 1px dashed;
  background-color: transparent;
}
.dynamic-form-design-header-center {
  flex-grow: 1;
  text-align: center;
  font-weight: bold;
}
.dynamic-form-design-header-right {
  padding-right: 24px;
  text-align: right;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 300px;
  justify-content: flex-end;
}
.dynamic-form-design-header-right-api {
  display: flex;
  align-items: center;
  margin-right: 8px !important;
}
.dynamic-form-design-header .btn-name {
  position: relative;
  display: inline-flex;
}
.dynamic-form-design-header .btn-name .dot {
  color: red;
  font-size: 54px;
  position: absolute;
  top: -23px;
  right: -28px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-attribute-panel-form-option-sources {
  margin: 0;
  padding: 0;
}
.dynamic-form-design-attribute-panel-form-option-sources-item {
  list-style: none;
}
.dynamic-form-design-attribute-panel-form-option-sources-item-input {
  margin-right: 5px !important;
  width: 180px !important;
  font-size: 13px !important;
}
.dynamic-form-design-attribute-panel-form-option-sources-item-opt {
  display: inline-block;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.44);
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.dynamic-form-design-attribute-panel-form-section {
  display: inline-block;
  font-weight: bold;
}
.dynamic-form-design-attribute-panel-form-pdf-setting {
  height: 40px;
  line-height: 40px;
}
.dynamic-form-design-attribute-panel-form-pdf-setting-text {
  margin-right: 10px;
}
.dynamic-form-design-attribute-panel-form-pdf-setting .mkui-form-item {
  display: inline-block;
}
.dynamic-form-design-attribute-panel-form-edit-select {
  padding-bottom: 4px;
  border-bottom: 1px solid #e1e1e1;
}
.dynamic-form-design-attribute-panel-form-batch-options-modal .mkui-modal-body {
  padding-top: 12px;
}
.dynamic-form-design-attribute-panel-form-batch-options-modal .mkui-modal-body .mkui-input {
  margin-top: 8px;
  height: 400px !important;
}
.dynamic-form-design-attribute-panel-form-reference-invoice .mkui-radio-wrapper {
  margin-top: 10px;
}
.connect-flow-icon {
  color: #0088ff;
  margin: 0 2px;
  display: inline-block;
}
.connect-flow-dot {
  color: red;
  display: inline-block;
  padding-left: 2px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-attribute-panel-form-system .section {
  display: inline-block;
  margin: 8px 0;
  font-weight: bold;
}
.dynamic-form-design-attribute-panel-form-system-popover {
  width: 172px;
  text-align: center;
}
.dynamic-form-design-attribute-panel-form-system-popover .mkui-popover-inner-content {
  padding: 4px;
}
.dynamic-form-design-attribute-panel-form-system .mkicon {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.28);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-attribute-panel {
  height: 100%;
  border-left: 1px solid #eee;
  background-color: #ffffff;
  transition: transform 0.3s ease-out;
  transform: translateX(100%);
}
.dynamic-form-design-attribute-panel-header {
  padding: 0 20px;
  height: 50px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  font-size: 14px;
  line-height: 50px;
}
.dynamic-form-design-attribute-panel-body {
  padding: 5px 20px;
  background-color: #ffffff;
}
.dynamic-form-design-attribute-panel-in {
  transform: translateX(0);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-form-control {
  position: relative;
  padding: 3px 18px;
  line-height: 1.4;
}
.dynamic-form-design-component-form-control-label {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
}
.dynamic-form-design-component-form-control-label-icons {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dynamic-form-design-component-form-control-required .dynamic-form-design-component-form-control-label-text:after {
  display: inline-block;
  margin-left: 4px;
  color: #f11212;
  content: '*';
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
}
.dynamic-form-design-component-form-control-normal {
  height: 55px;
}
.dynamic-form-design-component-form-control-normal .dynamic-form-design-component-form-control-control {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-form-control-free {
  position: relative;
  overflow-x: auto;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-multiple-text-input {
  display: inline-block;
  padding: 3px;
  width: 100%;
  height: 50px;
  border: 1px solid #eee;
  border-radius: 3px;
}
.dynamic-form-design-component-multiple-text-input-placeholder {
  color: #bcbcbc;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-popedit {
  position: relative;
  display: inline-block;
  width: 100%;
}
.dynamic-form-design-component-popedit-placeholder {
  color: #bcbcbc;
}
.dynamic-form-design-component-popedit .mkicon {
  position: absolute;
  top: 50%;
  right: 4px;
  color: #d9d9d9;
  transform: translateY(-50%);
}

.dynamic-form-design-component-radio {
  position: relative;
}
.dynamic-form-design-component-radio::after {
  z-index: 100;
  display: block;
  content: '';
  height: 100%;
  width: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-attachment {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}
.dynamic-form-design-component-attachment-action {
  color: var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-component-attachment-action-icon {
  margin-right: 3px;
}
.dynamic-form-design-component-attachment-text {
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-form-detail-narrow-insert-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 48px;
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.dynamic-form-design-form-detail-narrow-insert-placeholder > span {
  position: relative;
  display: block;
  height: 50%;
  width: 2px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-form-detail-narrow-insert-placeholder > span:first-child:before {
  position: absolute;
  top: 0;
  left: -4px;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid var(--mkui-primary-6, #0088ff);
  content: '';
}
.dynamic-form-design-form-detail-narrow-insert-placeholder > span:last-child:after {
  position: absolute;
  bottom: 0;
  right: -4px;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-bottom: 10px solid var(--mkui-primary-6, #0088ff);
  border-right: 5px solid transparent;
  content: '';
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-detailed-input-field-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  min-width: 48px;
  height: 100%;
  background-color: #edf7ff;
}
.dynamic-form-design-component-detailed-input-field-item-selectable:hover {
  z-index: 1;
  box-shadow: 1px 0px 19px 2px #e9e9e9;
}
.dynamic-form-design-component-detailed-input-field-item-active {
  z-index: 1;
  box-shadow: 1px 0px 19px 2px #e9e9e9;
}
.dynamic-form-design-component-detailed-input-field-item-active .dynamic-form-design-component-detailed-input-field-item-remove {
  display: block;
}
.dynamic-form-design-component-detailed-input-field-item-active:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  border-left: 3px solid var(--mkui-primary-6, #0088ff);
  content: ' ';
}
.dynamic-form-design-component-detailed-input-field-item-required:after {
  margin-left: 2px;
  color: #f11212;
  content: '*';
  font-size: 12px;
  line-height: 1;
}
.dynamic-form-design-component-detailed-input-field-item-remove {
  position: absolute;
  right: 6px;
  bottom: -12px;
  z-index: 1;
  display: none;
  width: 26px;
  height: 26px;
  border: 1px solid transparent;
  border-radius: 13px;
  background-color: #ffffff;
  box-shadow: 0px 1px 1px 1px #eee;
  color: #f11212;
  vertical-align: middle;
  text-align: center;
  line-height: 26px;
}
.dynamic-form-design-component-detailed-input-field-item-disable-masker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fafafa;
  opacity: 0.5;
}
.dynamic-form-design-component-detailed-input-field-item-close {
  position: absolute;
  display: none;
  right: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
  background-color: var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-component-detailed-input-field-item:hover {
  border: 1px dashed var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-component-detailed-input-field-item:hover .dynamic-form-design-component-detailed-input-field-item-close {
  display: inline-block;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-detailed-input-drag-item {
  flex-shrink: 0;
  margin: -1px 0;
  min-width: 92px;
  border: 1px solid #eee;
  border-left: 0;
}
.dynamic-form-design-component-detailed-input-drag-item-hide {
  display: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-detailed-input {
  position: relative;
  background-color: #ffffff;
  cursor: pointer;
  overflow-x: hidden;
}
.dynamic-form-design-component-detailed-input-main {
  position: relative;
  overflow-x: auto;
}
.dynamic-form-design-component-detailed-input-label {
  padding-left: 15px;
  line-height: 36px;
  height: 36px;
}
.dynamic-form-design-component-detailed-input-fields {
  display: flex;
  height: 48px;
  background: #f7f7f7;
  color: rgba(0, 0, 0, 0.6);
}
.dynamic-form-design-component-detailed-input-fields-over {
  background-color: #f0f9ff;
}
.dynamic-form-design-component-detailed-input-empty {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.dynamic-form-design-component-detailed-input-empty-extra {
  color: #999999;
}
.dynamic-form-design-component-detailed-input-actions {
  padding: 11px 0 11px 0;
  background: #ffffff;
  color: var(--mkui-primary-6, #0088ff);
  text-align: center;
}
.dynamic-form-design-component-detailed-input-selectable:hover {
  z-index: 1;
  box-shadow: 1px 0px 19px 2px #e9e9e9;
}
.dynamic-form-design-component-detailed-input-active {
  z-index: 1;
  box-shadow: 1px 0px 19px 2px #e9e9e9;
}
.dynamic-form-design-component-detailed-input-active .dynamic-form-design-component-detailed-input-remove {
  display: block;
}
.dynamic-form-design-component-detailed-input-active:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  height: 100%;
  border-left: 3px solid var(--mkui-primary-6, #0088ff);
  content: ' ';
}
.dynamic-form-design-component-detailed-input-remove {
  position: absolute;
  right: 6px;
  bottom: -12px;
  z-index: 1;
  display: none;
  width: 26px;
  height: 26px;
  border: 1px solid transparent;
  border-radius: 13px;
  background-color: #ffffff;
  box-shadow: 0px 1px 1px 1px #eee;
  color: #f11212;
  vertical-align: middle;
  text-align: center;
  line-height: 26px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.connect-flow {
  margin: 15px;
}
.connect-flow > div {
  padding: 15px;
  border: 1px dotted #e1e1e1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  color: var(--mkui-primary-6, #0088ff);
}
.connect-flow > div > span {
  display: inline-flex;
  padding-left: 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-normal-field {
  position: relative;
  background-color: #ffffff;
  cursor: pointer;
}
.dynamic-form-design-component-normal-field-size-3 {
  width: 25%;
}
.dynamic-form-design-component-normal-field-size-6 {
  width: 50%;
}
.dynamic-form-design-component-normal-field-size-9 {
  width: 75%;
}
.dynamic-form-design-component-normal-field-size-12 {
  width: 100%;
}
.dynamic-form-design-component-normal-field-selectable:hover {
  z-index: 2;
  box-shadow: 1px 0px 19px 2px #e9e9e9;
}
.dynamic-form-design-component-normal-field-active {
  z-index: 2;
  box-shadow: 1px 0px 19px 2px #e9e9e9;
}
.dynamic-form-design-component-normal-field-active .dynamic-form-design-component-normal-field-remove {
  display: block;
}
.dynamic-form-design-component-normal-field-active:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  border-left: 3px solid var(--mkui-primary-6, #0088ff);
  content: ' ';
  z-index: 1;
}
.dynamic-form-design-component-normal-field-remove {
  position: absolute;
  right: 6px;
  bottom: -12px;
  z-index: 1;
  display: none;
  width: 26px;
  height: 26px;
  border: 1px solid transparent;
  border-radius: 13px;
  background-color: #ffffff;
  box-shadow: 0px 1px 1px 1px #eee;
  color: #f11212;
  vertical-align: middle;
  text-align: center;
  line-height: 26px;
}
.dynamic-form-design-component-normal-field-disable-masker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fafafa;
  opacity: 0.5;
}
.dynamic-form-design-component-normal-field-close {
  position: absolute;
  display: none;
  right: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
  background-color: var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-component-normal-field .deprecated-name {
  display: flex;
  justify-content: space-between;
}
.dynamic-form-design-component-normal-field .deprecated-name .mkui-tag {
  opacity: 0;
  margin-right: -10px;
  margin-top: -3px;
}
.dynamic-form-design-component-normal-field:hover {
  border: 1px dashed var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-component-normal-field:hover .dynamic-form-design-component-normal-field-close {
  display: inline-block;
}
.dynamic-form-design-component-normal-field:hover .deprecated-name .mkui-tag {
  opacity: 1;
}
.dynamic-form-design-component-normal-field-edit-disabled {
  cursor: not-allowed;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-form-narrow-insert-placeholder {
  display: flex;
  align-items: center;
  height: 55px;
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.dynamic-form-design-form-narrow-insert-placeholder > span {
  position: relative;
  width: 50%;
  height: 2px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-form-narrow-insert-placeholder > span:first-child:before {
  position: absolute;
  top: -4px;
  left: 0;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid var(--mkui-primary-6, #0088ff);
  content: '';
}
.dynamic-form-design-form-narrow-insert-placeholder > span:last-child:after {
  position: absolute;
  top: -4px;
  right: 0;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 10px solid var(--mkui-primary-6, #0088ff);
  border-bottom: 5px solid transparent;
  content: '';
}
.dynamic-form-design-form-narrow-insert-placeholder-narrow {
  padding: 5px 0;
  height: auto;
}

.dynamic-form-design-component-drag-item-size-3 {
  width: 25%;
}
.dynamic-form-design-component-drag-item-size-6 {
  width: 50%;
}
.dynamic-form-design-component-drag-item-size-9 {
  width: 75%;
}
.dynamic-form-design-component-drag-item-size-12 {
  width: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-placeholder-block {
  position: relative;
  height: 55px;
  background-color: transparent;
  cursor: pointer;
}
.dynamic-form-design-component-placeholder-block-size-3 {
  width: 25%;
}
.dynamic-form-design-component-placeholder-block-size-6 {
  width: 50%;
}
.dynamic-form-design-component-placeholder-block-size-9 {
  width: 75%;
}
.dynamic-form-design-component-placeholder-block-size-12 {
  width: 100%;
}
.dynamic-form-design-component-placeholder-block-deleted {
  display: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-qrcode {
  height: 100px;
  width: 100px;
  padding: 12px;
  background-color: #ffffff;
}
.dynamic-form-design-component-qrcode-content {
  width: 100%;
  height: 100%;
  border: 1px dashed rgba(0, 0, 0, 0.28);
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dynamic-form-design-component-qrcode-content .mkicon {
  margin-right: 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-component-system-field {
  position: relative;
  background-color: #ffffff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.dynamic-form-design-component-system-field-active {
  z-index: 2;
  box-shadow: 1px 0px 19px 2px #e9e9e9;
}
.dynamic-form-design-component-system-field-active .dynamic-form-design-component-system-field-remove {
  display: block;
}
.dynamic-form-design-component-system-field-active:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  border-left: 3px solid var(--mkui-primary-6, #0088ff);
  content: ' ';
  z-index: 1;
}
.dynamic-form-design-component-system-field-remove {
  position: absolute;
  right: 6px;
  bottom: -12px;
  z-index: 1;
  display: none;
  width: 26px;
  height: 26px;
  border: 1px solid transparent;
  border-radius: 13px;
  background-color: #ffffff;
  box-shadow: 0px 1px 1px 1px #eee;
  color: #f11212;
  vertical-align: middle;
  text-align: center;
  line-height: 26px;
}
.dynamic-form-design-component-system-field-disable-masker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fafafa;
  opacity: 0.5;
}
.dynamic-form-design-component-system-field-close {
  position: absolute;
  display: none;
  right: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
  background-color: var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-component-system-field-inner:hover {
  border: 1px dashed var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-component-system-field-inner:hover .dynamic-form-design-component-system-field-close {
  display: inline-block;
}
.dynamic-form-design-component-system-field-edit-disabled {
  cursor: not-allowed;
}
.dynamic-form-design-component-system-field-size-4 {
  width: 25%;
}
.dynamic-form-design-component-system-field-size-6 {
  width: 50%;
}
.dynamic-form-design-component-system-field-size-8 {
  width: 75%;
}
.dynamic-form-design-component-system-field-size-12 {
  width: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-form-panel-custom-area-system-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.84);
}
.dynamic-form-design-form-panel-custom-area-system-empty-popover {
  width: 172px;
  text-align: center;
}
.dynamic-form-design-form-panel-custom-area-system-empty-popover .mkui-popover-inner-content {
  padding: 4px;
}
.dynamic-form-design-form-panel-custom-area-system-empty .mkicon {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.28);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-form-panel-custom-area-system-placeholder {
  display: flex;
  align-items: center;
  background: rgba(50, 150, 250, 0.1);
  position: relative;
}
.dynamic-form-design-form-panel-custom-area-system-placeholder-line {
  width: 100%;
  height: 2px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-form-panel-custom-area-system-placeholder-line::before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  transform: translateY(-50%);
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid var(--mkui-primary-6, #0088ff);
  content: '';
}
.dynamic-form-design-form-panel-custom-area-system-placeholder-line::after {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translateY(-50%);
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid var(--mkui-primary-6, #0088ff);
  content: '';
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-form-panel-custom-area-system {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border: 1px dashed #f8f8f8;
  background-color: #f7f7f7;
  margin: 8px 12px 12px 12px;
  min-height: 50px;
}
.dynamic-form-design-form-panel-custom-area-system-data {
  border: 1px solid #e1e1e1;
  background-color: #f7f7f7;
}
.dynamic-form-design-form-panel-custom-area-system-dragging {
  border: none;
  background-color: #f0f9ff;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-form-panel-custom-area {
  margin: 0 auto;
  padding-top: 8px;
  border: 15px solid #f8f8f8;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 19px 2px #e9e9e9;
  flex-grow: 1;
}
.dynamic-form-design-form-panel-custom-area-fieldarea {
  display: flex;
  flex-wrap: wrap;
}
.dynamic-form-design-form-panel-custom-area-empty-text {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 14px;
  height: 200px;
  width: 100%;
}
.dynamic-form-design-form-panel-custom-area-custom-field-head {
  background: #f1f8ff;
  padding: 8px 16px;
  width: 100%;
  margin-top: 10px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-form-panel {
  display: flex;
  flex-grow: 1;
}
.dynamic-form-design-form-panel-form {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  min-height: 0;
}
.dynamic-form-design-form-panel-attribute-panel-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  flex-shrink: 0;
  width: 300px;
}
.dynamic-form-design-form-panel-container {
  display: flex;
  min-height: 0;
  flex-grow: 1;
}
.dynamic-form-design-form-panel-top-bar {
  margin: 5px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.dynamic-form-design-form-panel-top-bar .mkui-switch {
  margin-left: 5px;
}
.dynamic-form-design-form-panel-body {
  display: flex;
  flex-grow: 1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.systemmarker {
  width: 14px;
  height: 14px;
  line-height: 14px;
  border: 1px solid rgba(0, 0, 0, 0.44);
  font-size: 8px;
  color: #ffffff;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.systemmarker-text {
  transform: scale(60%);
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-normal-item {
  text-align: left;
  width: 115px;
  float: left;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: rgba(0, 0, 0, 0.02);
  border: 1px dashed #eee;
  padding: 4px 12px;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}
.dynamic-form-design-normal-item-dragging {
  opacity: 0.5;
}
.dynamic-form-design-normal-item-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dynamic-form-design-normal-item:not(.dynamic-form-design-normal-item-disabled):hover {
  border-color: var(--mkui-primary-6, #0088ff);
  color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design-left-panel {
  overflow-y: auto;
  flex-shrink: 0;
  width: 260px;
  border-right: 1px solid #eee;
  background-color: #ffffff;
}
.dynamic-form-design-left-panel-add-btn {
  overflow: hidden;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  padding: 8px 12px;
  width: 124px;
  border: 1px dashed #eee;
  color: var(--mkui-primary-6, #0088ff);
  text-align: left;
  text-overflow: ellipsis;
  cursor: pointer;
}
.dynamic-form-design-left-panel-add-btn:hover {
  border-color: var(--mkui-primary-6, #0088ff);
}
.dynamic-form-design-left-panel-add-btn i {
  margin-right: 3px;
}
.dynamic-form-design-left-panel .mkui-tabs-nav {
  padding: 0 16px;
}
.dynamic-form-design-left-panel .mkui-tabs-content-holder {
  padding: 0 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dy-upload-file {
  margin-bottom: 20px;
  position: relative;
}
.dy-upload-file-upload {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dy-upload-file-upload > div {
  display: inline-flex;
}
.dy-upload-file-upload > div:last-child {
  flex-direction: column;
}
.dy-upload-file-upload > div:last-child > p {
  display: inline-flex;
  justify-content: flex-start;
}
.dy-upload-file-upload > div:last-child > p:last-child {
  font-size: 12px;
  color: #a2a2a2;
}
.dy-upload-file-upload-logo {
  font-size: 30px;
  margin-right: 15px;
}
.dy-upload-file-other {
  height: 50px;
  display: flex;
  width: 100%;
  border: 1px dashed #e1e1e1;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.dy-upload-file-other-first > div {
  margin-right: 10px;
}
.dy-upload-file-other-icon {
  font-size: 30px;
  color: #3296fa;
}
.dy-upload-file-other > div {
  display: inline-flex;
  align-items: center;
}
.dy-upload-file-menu a {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.dy-upload-file-normal {
  display: inline-flex;
}
.dy-upload-file-normal .mkui-upload {
  padding: 6px 0 !important;
}
.dy-upload-file-noshow {
  height: 0px !important;
  width: 0px !important;
  position: relative;
  overflow: hidden;
  display: none;
}
.dy-upload-file-error {
  display: inline-flex;
  position: absolute;
  top: 3px;
  width: calc(100% - 2px);
  left: 1px;
  height: 46px;
  justify-content: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
}
.dy-upload-file-error-icon {
  font-size: 26px;
  color: #ca0505 !important;
  margin-right: 15px;
}
.dy-upload-file-error > div {
  display: inline-flex;
  flex-direction: column;
}
.dy-upload-file-error-word-up {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
}
.dy-upload-file-error-word-down {
  font-size: 12px;
  color: #cacaca;
}

/**
 * @Author: conggb
 * @Date: 2023-03-30 16:12:44
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-31 15:44:42
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.select-overlay {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  margin: 0;
  padding: 8px;
  min-width: 240px;
  text-align: left;
  list-style-type: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.select-overlay-list {
  max-height: calc(32px * 6.5);
  overflow: auto;
}
.select-overlay-list-item {
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 4px;
}
.select-overlay-list-item:hover {
  transition: background 0.3s ease;
  background: #f7f7f7;
  cursor: pointer;
}

/**
 * @Author: conggb
 * @Date: 2023-03-28 17:38:17
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-10 15:23:21
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-form-config-index .mkui-modal-body {
  padding: 0 !important;
}
.custom-form-config-index-inner {
  min-height: 254px;
  position: relative;
}
.custom-form-config-index-inner-alert {
  border: none !important;
  display: flex !important;
  align-items: baseline !important;
}
.custom-form-config-index-inner-alert .mkui-alert-icon {
  position: relative;
  top: 3px;
  font-size: 15px;
}
.custom-form-config-index-inner-content {
  padding: 16px 24px;
}
.custom-form-config-index-inner-content-list {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
  max-height: calc((44px + 12px) * 6.5);
}
.custom-form-config-index-inner-content-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.84);
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  padding: 0 16px;
  height: 44px;
  line-height: 44px;
}
.custom-form-config-index-inner-content-list-item-disabled {
  border: 1px dashed #f53137;
  color: #f53137;
  background: #fff1f1;
}
.custom-form-config-index-inner-content-list-item-delete {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: -6px;
}

/**
 * @Author: conggb
 * @Date: 2023-03-29 16:43:12
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-29 17:23:19
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.form-field-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.form-field-label-title {
  color: rgba(0, 0, 0, 0.6);
}
.form-field-label-subtitle,
.form-field-label-icon {
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
}
.form-field-label-icon {
  cursor: pointer;
}

/**
 * @Author: conggb
 * @Date: 2023-03-28 15:08:52
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-10 15:22:24
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-form-index {
  position: relative;
}
.custom-form-index-field {
  display: flex;
  border: 1px dashed #e1e1e1;
  justify-content: space-between;
  padding: 12px;
  margin-top: 8px;
  gap: 24px;
  min-height: 48px;
}
.custom-form-index-field .block-mask-box-effect .mkicon {
  font-size: 36px !important;
}
.custom-form-index-field .block-mask-box-text {
  display: none !important;
}
.custom-form-index-field-list {
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.custom-form-index-field-list-tag {
  background: #f7f7f7;
  padding: 2px 8px;
  color: rgba(0, 0, 0, 0.84);
  border: 1px solid #eee;
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.custom-form-index-field-list-tag-disabled {
  border: 1px dashed #f53137;
  color: #f53137;
  background: #fff1f1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.form-config-content {
  overflow: auto;
  max-height: 500px;
  padding: 0 16px;
}
.form-config-content-title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.examples-dot {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.examples-dot-desc {
  display: inline-flex;
  align-items: center;
}
.examples-dot-desc-name {
  padding-right: 6px;
  font-size: 13px;
}
.examples-dot-desc-toogle {
  font-size: 14px;
  cursor: pointer;
}
.examples-dot-desc-toogle > a {
  color: var(--mkui-primary-6, #0088ff);
}
.examples-dot-desc-toogle em {
  display: inline-block;
  padding-right: 2px;
  font-style: normal;
}
.examples-dot-content {
  display: none;
}
.examples-dot .show {
  display: inline-flex;
}
.examples-dot-single-case {
  font-size: 12px;
  color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.input-module {
  display: flex;
  flex-direction: column;
}
.input-module-title {
  display: inline-flex;
  padding-bottom: 11px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
  font-size: 14px;
}
.input-module-title > span {
  margin-left: 6px;
  color: rgba(0, 0, 0, 0.28);
  font-weight: 300;
}
.input-module-content {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.input-module-content-btn {
  position: absolute;
  top: 21px;
  right: 10px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.view-api-content {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 480px;
  padding: 0 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.upgradewarn {
  flex-shrink: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dynamic-form-design {
  position: relative;
  height: 100%;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.dynamic-form-design-header-left-back .mkicon {
  transform: scaleX(0.9) scaleY(0.9);
  padding-right: 2px;
}
.dynamic-form-design-body {
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.dynamic-form-design-body-inner {
  display: flex;
  min-height: 0;
  background-color: #f9f9f9;
  flex-grow: 1;
}
.dynamic-form-design-custom-area-collapse {
  width: 100%;
  background-color: #fbfbfb !important;
}
.dynamic-form-design-custom-area-collapse .mkui-collapse-header {
  padding: 8px 16px !important;
  background-color: #f4f4f4 !important;
}
.dynamic-form-design-custom-area-collapse .mkui-collapse-content > .mkui-collapse-content-box {
  padding: 0px;
}
.dynamic-form-design-custom-area-collapse .mkui-collapse-item {
  border-bottom: none !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.org-tree {
  height: 100%;
}
.org-tree .mkui-tree-treenode {
  width: 100%;
}
.org-tree .mkui-tree-treenode-motion {
  width: 100%;
}
.org-tree .tree-search {
  padding: 7px 14px 6px 14px;
  border-bottom: 1px solid #eee;
}
.org-tree .search-tree {
  height: 100%;
}
.org-tree-section {
  overflow: auto;
  padding: 14px;
  height: calc(100% - 61px);
}
.org-tree-section .no-data {
  margin-top: 50px;
  color: #999999;
  text-align: center;
}
.org-tree-section .tree-search-list .tree-search-list-item {
  padding: 2px 0;
  cursor: pointer;
  transition: background-color 0.4s;
}
.org-tree-section .tree-search-list .tree-search-list-item:hover {
  background-color: #edf7ff;
}
.org-tree-section .tree-search-list .tree-search-list-item.active {
  background-color: #bae7ff;
}
.org-tree-section .tree-search-list .tree-search-list-item .mkicon {
  float: left !important;
  margin-right: 10px;
  margin-left: 10px;
  color: var(--mkui-primary-6, #0088ff);
  line-height: 30px;
}
.org-tree-section .tree-search-list .tree-search-list-item div p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 15px;
}
.org-tree-section .tree-search-list .tree-search-list-item div p.org-tree-path {
  color: #999999;
}
.org-tree .org-tree-content {
  position: relative;
}
.org-tree .org-tree-content .org-tree-icon {
  color: var(--mkui-primary-6, #0088ff);
}
.org-tree .org-tree-content .org-tree-icon.m-right {
  margin-left: 5px;
}
.org-tree .org-tree-content .mkui-tree-node-content-wrapper {
  padding: 0;
  height: 24px;
}
.org-tree .org-tree-content .mkui-tree-node-content-wrapper .mkui-tree-title {
  display: inline-flex;
  width: calc(100% - 24px);
}
.org-tree .org-tree-content .mkui-tree-node-content-wrapper .mkui-tree-title .tree-node {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
}
.org-tree .org-tree-content .mkui-tree-node-content-wrapper .mkui-tree-title .tree-node-icon {
  width: 40px;
  flex: none;
}
.org-comfirm .mkui-modal-body {
  padding: 13px 16px !important;
}
.org-comfirm .mkui-modal-body .mkui-modal-confirm-content {
  margin-top: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.select-box {
  margin: 4px 10px 0 0;
  cursor: pointer;
  height: auto !important;
  border-radius: 2px !important;
  border: 1px solid #e1e1e1 !important;
  padding: 0 0 3px 4px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}
.select-box:hover {
  border-color: var(--mkui-primary-6, #0088ff) !important;
}
.select-box .placeholder {
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.28);
  display: inline-block;
}
.select-box > span {
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
}
.select-box .select-box-item {
  background: #f7f7f7;
  border: 1px solid #eeeeee;
  height: 20px;
  font-weight: 400;
  color: #555555;
  font-size: 12px;
  margin-right: 4px !important;
  letter-spacing: normal !important;
  margin-top: 3px;
  border-radius: 1px;
  padding: 0 4px;
}
.select-box .select-box-item.noselect {
  border: 1px solid #fff;
  background: #fff;
  color: #bcbcbc;
  font-size: 13px;
  line-height: 18px;
  margin-right: 4px;
}
.select-box .select-box-item span {
  color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.select-radio {
  padding: 4px 0;
  height: 32px;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}
.select-radio-input {
  cursor: pointer;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.org-form-loading {
  height: 100%;
}
.org-form-loading .mkui-spin-container {
  height: 100%;
}
.org-form {
  height: 100%;
  overflow: auto;
  padding-bottom: 60px;
}
.org-form.loading {
  opacity: 0;
  transition: opacity 0.3s;
}
.org-form .title {
  position: sticky;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0 25px;
  width: 100%;
  border-bottom: 1px solid #eee;
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.6);
  line-height: 49px;
}
.org-form .org-form-section {
  padding: 24px 24px 0;
}
.org-form-button {
  margin-top: 10px;
}
.org-form-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 12px 24px;
  width: 100%;
  border-top: 1px solid #eee;
  background-color: #ffffff;
}
.org-form .mkicon-question-circle {
  margin-left: 5px;
  color: #999999;
}
.org-form .select-radio {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.org-spin {
  width: 100%;
  height: 300px;
  line-height: 300px !important;
}

.org-modal .mkui-modal-body {
  padding: 20px !important;
}
.org-modal .mkui-modal-body .mkui-btn-link {
  padding: 0;
  height: 16px;
  border: 0;
}
.org-modal .mkui-modal-body .mkui-breadcrumb-separator {
  margin: 0 2px;
}
.member-modal .mkui-checkbox-wrapper-disabled {
  display: none;
}
.member-modal .mkui-checkbox-wrapper-disabled + .icon {
  margin-left: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.organization {
  height: 100%;
}
.organization .left {
  float: left;
  margin-right: 0;
  width: 330px;
  height: 100%;
}
.organization .right {
  position: relative;
  overflow: auto;
  width: calc(100% - 330px);
  height: 100%;
  border-left: 1px solid #eee;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.node-moving-modal {
  width: 560px !important;
}
.node-moving-modal .node-moving-tree-section {
  padding: 18px 16px;
  height: 344px;
  overflow: auto;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  margin: 0 24px 16px 24px;
}
.node-moving-modal .node-moving-tree-section .mkui-tree-treenode {
  width: 100%;
  height: 30px;
}
.node-moving-modal .node-moving-tree-section .mkui-tree-treenode.mkui-tree-treenode-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.node-moving-modal .node-moving-tree-section .mkui-tree-treenode.mkui-tree-treenode-disabled .mkui-tree-node-content-wrapper .doc-tree-icon {
  color: rgba(0, 0, 0, 0.25);
}
.node-moving-modal .node-moving-tree-section .mkui-tree-treenode-motion {
  width: 100%;
}
.node-moving-modal .node-moving-tree-section .mkui-tree-title {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content {
  overflow: auto;
  padding-right: 14px;
  height: 100%;
  position: relative;
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .doc-tree-icon {
  color: var(--mkui-primary-6, #0088ff);
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .doc-tree-icon span.mkui-radio + * {
  padding-left: 2px;
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .left-tree-name {
  width: calc(100% - 180px);
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .tree-node {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .tree-node-moving .gray {
  color: rgba(0, 0, 0, 0.44);
  margin-right: 8px;
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .mkui-tree-node-content-wrapper {
  display: inline-flex;
  padding: 0;
  width: calc(100% - 24px);
  height: 30px;
  text-align: left;
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .mkui-tree-node-content-wrapper.mkui-tree-node-selected .border-bottom-line {
  opacity: 0;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .mkui-tree-node-content-wrapper.mkui-tree-node-selected .border-bottom-line.opacity1 {
  opacity: 1;
  left: 7px;
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .mkui-tree-node-content-wrapper.mkui-tree-node-selected .border-bottom-line.opacity1.sub {
  left: 25px;
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .mkui-tree-node-content-wrapper.mkui-tree-node-selected .arrow {
  opacity: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: var(--mkui-primary-6, #0088ff);
}
.node-moving-modal .node-moving-tree-section .node-moving-tree-content .mkui-tree-node-content-wrapper.mkui-tree-node-selected .arrow.opacity1 {
  opacity: 1;
  position: relative;
  bottom: 12px;
  left: 4px;
  display: inline-block;
  transform: scale(1, 0.8);
}
.node-moving-modal-footer {
  width: 100%;
  height: 56px;
  padding: 12px 24px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 2px 2px;
}
.node-moving-modal-footer .submit {
  margin-left: 8px;
}

.doc-search-filter .search {
  border-top: 1px solid #e8e8e8;
}
.doc-search-filter .search button {
  margin: 15px 20px 10px;
}
.doc-search-filter .mkui-table-filter-head-info-total {
  display: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.doc-tree {
  height: 100%;
}
.doc-tree .mkui-tree-treenode {
  width: 100%;
}
.doc-tree .mkui-tree-treenode .mkui-tree-switcher {
  line-height: 30px;
}
.doc-tree .mkui-tree-treenode .mkui-tree-iconEle {
  line-height: 30px !important;
  height: 30px !important;
}
.doc-tree .mkui-tree-treenode .mkui-tree-title {
  line-height: 30px;
}
.doc-tree .mkui-tree-treenode-motion {
  width: 100%;
}
.doc-tree .tree-search {
  padding: 9px 14px;
  border-bottom: 1px solid #eee;
}
.doc-tree .tree-search .search {
  width: calc(100% - 25px);
}
.doc-tree .tree-search .search .mkicon.mkicon-search {
  padding-top: 0;
}
.doc-tree .tree-search .search-filter {
  margin-left: 8px;
  cursor: pointer;
  transition: color 0.3s;
  line-height: 36px;
  color: #a3abbe;
}
.doc-tree .tree-search .search-filter:hover {
  color: #0088ff;
}
.doc-tree .search-tree {
  height: 100%;
}
.doc-tree .search-tree .search-tree-title {
  margin-bottom: -10px;
  padding: 15px 15px 0 15px;
}
.doc-tree .search-tree .search-tree-title .mkicon {
  margin-right: 5px;
  color: var(--mkui-primary-6, #0088ff);
}
.doc-tree-section {
  padding: 14px 0 14px 14px;
  height: calc(100% - 98px);
}
.doc-tree-section .no-data {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.doc-tree-section .no-data .mkui-empty {
  margin-bottom: 12px;
}
.doc-tree-section .tree-search-list .tree-search-list-item {
  padding: 2px 0;
  cursor: pointer;
  transition: background-color 0.4s;
}
.doc-tree-section .tree-search-list .tree-search-list-item-text {
  position: relative;
  top: -1px;
}
.doc-tree-section .tree-search-list .tree-search-list-item:hover {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.doc-tree-section .tree-search-list .tree-search-list-item.active {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.doc-tree-section .tree-search-list .tree-search-list-item .mkicon {
  float: left !important;
  margin-right: 10px;
  margin-left: 10px;
  color: var(--mkui-primary-6, #0088ff);
  line-height: 30px;
}
.doc-tree-section .tree-search-list .tree-search-list-item p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 30px;
}
.doc-tree .doc-tree-content {
  overflow: auto;
  padding-right: 14px;
  height: 100%;
  position: relative;
}
.doc-tree .doc-tree-content .doc-tree-icon {
  color: var(--mkui-primary-6, #0088ff);
}
.doc-tree .doc-tree-content .doc-tree-icon.m-right {
  margin-right: 5px;
}
.doc-tree .doc-tree-content .tree-node {
  display: inline-block;
  width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doc-tree .doc-tree-content .tree-node-icon {
  float: right;
  margin-right: 4px;
}
.doc-tree .doc-tree-content .mkui-tree-node-content-wrapper {
  flex-grow: 1;
  min-width: 0;
  padding: 0;
  height: 30px;
}
.search-filter-menu {
  width: 600px;
}
.search-filter-menu .mkui-table-filter-head {
  margin: 0;
}
.search-filter-menu .mkui-table-filter-body-normal {
  padding: 0;
}
.doc-comfirm .mkui-modal-body {
  padding: 13px 16px !important;
}
.doc-comfirm .mkui-modal-body .mkui-modal-confirm-content {
  margin-top: 0;
}
.doc-tree-popover .mkui-popover-inner-content {
  padding: 0;
}
.mkui-popover.doc-tree-popover {
  z-index: 10;
}
.doc-tree-operator {
  list-style-type: none;
  height: 34px;
  line-height: 34px;
  width: 102px;
  padding-left: 16px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.doc-tree-operator:hover {
  background: var(--mkui-primary-1, #f2f9ff);
  color: var(--mkui-primary-6, #0088ff);
}
.tree-node-container {
  display: inline-block;
  width: calc(100% - 24px);
  background-color: #ffffff;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.hover-tag {
  color: rgba(0, 0, 0, 0.65);
}
.hover-tag:hover {
  color: rgba(0, 0, 0, 0.65);
}
.hover-tag .mkicon-re-check {
  position: relative;
  bottom: -2px;
  color: var(--mkui-primary-6, #0088ff);
  margin-left: 6px;
}
.edit-tag-modal .mkui-modal-body {
  padding: 10px 24px;
}
.edit-tag-modal .mkui-modal-body .item-row {
  line-height: 25px;
  text-align: left;
}
.edit-tag-modal .mkui-modal-body .item-row .mkui-input {
  width: 80%;
}
.edit-tag-modal .mkui-modal-body .input-num {
  text-align: right;
  color: #d9d9d9;
  position: relative;
  right: 5%;
}
.edit-tag-modal .mkui-modal-body .input-num .light {
  color: var(--mkui-primary-6, #0088ff);
}
.edit-tag-modal .mkui-modal-body .input-num .red {
  color: #ff2825;
}
.edit-tag-modal .mkui-modal-header {
  border-bottom: none;
}
.edit-tag-modal .mkui-modal-footer {
  border-top: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.doc-table {
  height: calc(100% - 52px);
}
.doc-table .mkui-modal-mask {
  background-color: rgba(0, 0, 0, 0.5);
}
.doc-table .mkui-modal-body {
  padding: 0;
}
.doc-table .mkui-modal-close-x {
  width: 38px;
  height: 38px;
  color: #ffffff;
  line-height: 38px;
}
.doc-table .mkui-table-cell.name .mkicon {
  margin-right: 5px;
}
.doc-table .operation .export {
  margin-right: 12px;
}

/**
 * @Author: conggb
 * @Date: 2023-07-07 14:26:57
 * @LastEditors: conggb
 * @LastEditTime: 2023-07-07 16:14:32
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.edit-field-input {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 13px;
}
.edit-field-input-edit {
  color: var(--mkui-primary-6, #0088ff) !important;
  cursor: pointer;
  display: none !important;
}
.edit-field-input:hover .edit-field-input-edit {
  display: block !important;
}

/**
 * @Author: conggb
 * @Date: 2023-07-06 16:54:29
 * @LastEditors: conggb
 * @LastEditTime: 2023-07-07 15:41:10
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.file-list-qr-result .mkui-modal-body {
  height: 0;
}
.file-list-qr-result .mkui-flex-table {
  height: calc(100% - 51px);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.file-list {
  height: 100%;
}
.file-list-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  margin-top: 16px;
}
.file-list-top-left {
  display: flex;
  gap: 8px;
}
.doc-list .mkui-modal-body {
  height: 0;
}
.doc-list .mkui-modal-body .mkui-table {
  border-bottom: none !important;
}
.doc-list .mkui-modal-body .mkui-flex-table {
  height: calc(100% - 190px);
}
.doc-list .mkui-upload-drag {
  height: 112px !important;
  margin-bottom: 16px;
}
.doc-list .mkui-upload-drag .mkui-upload {
  padding: 0 !important;
}
.doc-list .mkui-upload-drag .ant-upload-drag-icon {
  color: var(--mkui-primary-6, #0088ff);
  font-size: 20px;
}
.doc-list .mkui-upload-drag .ant-upload-text {
  font-weight: 600;
  margin-bottom: 8px;
}
.doc-list .mkui-upload-drag .ant-upload-text .blue {
  color: var(--mkui-primary-6, #0088ff);
}
.doc-list .mkui-upload-drag .ant-upload-big-file {
  color: #f5222d;
}
.doc-list .mkui-upload-drag .ant-upload-normal-file {
  color: #3296fa;
}
.doc-list-title {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.6);
}
.doc-list-tip {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
.doc-list-file-warning {
  color: #f5222d;
}
.doc-list-file-warning .mkicon {
  margin-left: 6px;
  color: #f5be15;
}
.file-name-text {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 188px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.doc-sys {
  height: 100%;
}
.doc-sys .left {
  float: left;
  margin-right: 0;
  width: 330px;
  height: 100%;
}
.doc-sys .right {
  position: relative;
  overflow: auto;
  width: calc(100% - 330px);
  height: 100%;
  border-left: 1px solid #eee;
}
.doc-sys .right .doc-preview-detail {
  margin-top: 50px;
  padding: 0 16px 16px 16px;
  height: calc(100% - 50px);
}
.doc-sys .right .doc-preview-detail-box {
  height: 100%;
  background-color: #f0f2f5;
  text-align: center;
}
.doc-sys .right .doc-preview-detail-box p {
  margin-bottom: 5px;
  padding-top: 120px;
  font-size: 14px;
}
.doc-sys .right .doc-preview-detail-box a {
  font-size: 14px;
}
.doc-sys .right .path {
  color: rgba(0, 0, 0, 0.6);
  padding: 9px 14px;
  height: 55px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  max-width: calc(100% - 200px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doc-sys .right .path .search {
  width: calc(100% - 25px);
}
.doc-sys .right .path .search .mkicon.mkicon-search {
  padding-top: 0;
}
.doc-sys .right .path .search-filter {
  margin-left: 8px;
  cursor: pointer;
  transition: color 0.3s;
  line-height: 36px;
}
.doc-sys .right .path .search-filter:hover {
  color: #0088ff;
}
.doc-sys .right .mkui-tabs-nav {
  padding-left: 16px;
  height: 50px;
}
.doc-sys .ani {
  padding: 0 16px;
  height: calc(100% - 67px);
}
.doc-sys .ani .fade-leave {
  display: none;
}
.doc-sys-modal .mkui-modal-body {
  padding: 20px !important;
}
.doc-sys-modal .mkui-modal-body .mkui-btn-link {
  padding: 0;
  height: 16px;
  border: 0;
}
.doc-manage-preview-modal .mkui-modal-body {
  padding: 0 !important;
}


/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-form-footer {
  text-align: right;
}
.account-form-footer button {
  margin-left: 8px;
}
.account-form .choose-item {
  display: inline-flex;
  cursor: pointer;
}
.account-form .choose-item .full {
  display: inline-flex;
  background-color: #f9f9f9;
  flex-wrap: wrap;
}
.account-form .choose-item .full > span {
  display: inline-flex;
  margin: 4px;
  padding: 0 4px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  color: rgba(0, 0, 0, 0.6);
}
.account-form .choose-item span.empty {
  display: inline-flex;
  padding: 0 4px;
  background-color: #f9f9f9;
  color: rgba(0, 0, 0, 0.6);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.bank-account {
  padding: 12px;
  height: 100%;
  background-color: #f0f2f5;
  margin: 0 !important;
}
.bank-account > div {
  background-color: white;
}
.bank-account-opt button {
  margin-right: 8px;
}
.bank-account .table-option a:first-child {
  margin-right: 5px;
}
.bank-account .contact {
  word-break: break-all;
  font-size: 14px;
}
.bank-account .call-me {
  color: #f7b52c;
}
.bank-account .tips {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bank-title {
  align-items: center;
  height: 48px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.bank-account {
  padding: 12px;
  height: 100%;
  background-color: #f0f2f5;
  margin: 0 !important;
}
.bank-account > div {
  background-color: white;
}
.bank-account-opt button {
  margin-right: 8px;
}
.bank-account .table-option a:first-child {
  margin-right: 5px;
}
.bank-account .contact {
  word-break: break-all;
  font-size: 14px;
}
.bank-account .call-me {
  color: #f7b52c;
}
.bank-account .tips {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bank-title {
  align-items: center;
  height: 48px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.size-dragger {
  position: absolute;
  height: 100%;
  cursor: col-resize;
}
.size-dragger-inner {
  width: 2px;
  height: 100%;
  margin: 0 2px;
}
.size-dragger:hover .size-dragger-inner {
  background-color: #3296fa;
}

/**
 * @Author: conggb
 * @Date: 2021-12-24 15:05:05
 * @LastEditors: conggb
 * @LastEditTime: 2022-01-05 15:58:58
 * @Description: 角色管理
 */
/**
 * @Author: conggb
 * @Date: 2022-01-05 15:44:02
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-10-11 14:17:10
 * @Description: 角色管理 和 数据权限组 公用的左侧样式
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.role-menu {
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid #eee;
  flex-direction: column;
  /* begin : common */
  /* end : common */
}
.role-menu .ml8 {
  margin-left: 8px;
}
.role-menu .widthfull {
  width: 100%;
}
.role-menu .overflowtext {
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
  cursor: pointer;
  max-width: calc(100% - 20px);
  flex-shrink: 1;
}
.role-menu .system-label {
  max-width: calc(100% - 100px);
}
.role-menu .system {
  padding: 2px 6px;
  border: 1px solid var(--mkui-primary-6, #0088ff);
  background-color: var(--mkui-primary-1, #f2f9ff);
  color: var(--mkui-primary-6, #0088ff);
  font-size: 12px;
}
.role-menu-icon {
  color: #3296fa;
}
.role-menu-add {
  padding: 8px 23px;
  height: 48px;
  border-bottom: 1px solid #eee;
}
.role-menu-add-btn {
  color: #3296fa !important;
  border-color: #3296fa !important;
}
.role-menu-content {
  display: inline-flex;
  overflow-y: auto;
  flex-direction: column;
  padding: 10px 20px;
  height: 100%;
}
.role-menu-content-zoom {
  display: inline-flex;
  flex-direction: column;
  margin-top: 10px;
}
.role-menu-content-zoom-empty {
  height: 100%;
  color: #999999;
  align-items: center;
  justify-content: center;
}
.role-menu-content-zoom-item {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
  height: 40px;
  color: rgba(0, 0, 0, 0.84);
}
.role-menu-content-zoom-item-left {
  flex-grow: 1;
  width: calc(100% - 90px);
  display: flex;
  align-items: center;
}
.role-menu-content-zoom-item-right {
  flex-grow: 0;
  height: 40px;
  display: none;
  align-items: center;
}
.role-menu-content-zoom-item-right > span {
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
}
.role-menu-content-zoom-item-right > span:hover {
  background-color: #ebedee;
}
.role-menu-content-zoom-item-right-delete:hover {
  color: white;
  background-color: red !important;
}
.role-menu-content-zoom-item:hover {
  background-color: #f7f7f7;
}
.role-menu-content-zoom-item:hover .role-menu-content-zoom-item-right {
  display: flex;
}
.role-menu-content-zoom-item-choosed {
  background-color: var(--mkui-primary-1, #f2f9ff) !important;
}
.role-menu-content-zoom-item-choosed .role-menu-content-zoom-item-right {
  display: flex;
}
.role-menu-content-zoom-item-choosed .mkui-input-group-addon {
  padding: 0;
}
.role-menu-content-zoom-item-choosed .mkui-input-group-addon .mkicon-check {
  padding: 8px 11px;
}
.role-menu {
  width: 100%;
}
.role-menu .notsave {
  color: #fe7a23;
  margin-left: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rightsContent {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.rightsContent .mkui-checkbox-disabled + span {
  color: #555 !important;
}
.rightsContent-footer {
  position: sticky;
  bottom: -2px;
  height: 48px;
  background-color: #fff;
  flex: 0 0 auto;
  padding: 8px 24px;
  border-top: 1px solid #eeeeee;
  z-index: 2;
}
.rightsContent .content-name {
  display: inline-flex;
}
.rightsContent .content-permissions {
  display: inline-flex;
  flex-direction: column;
  padding: 0 24px;
}
.rightsContent .content-permissions .content-permissions-name {
  display: inline-flex;
  margin: 15px 0;
  font-size: 13px;
}
.rightsContent .content-permissions .content-permissions-table {
  display: inline-flex;
  flex-direction: column;
}
.rightsContent .content-permissions .content-permissions-table .table-header {
  display: inline-flex;
  padding: 0 20px;
  font-size: 13px;
  background: #f9f9fb;
  border-bottom: 1px solid #e6e6e6;
}
.rightsContent .content-permissions .content-permissions-table .table-header > div {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.84);
  height: 40px;
  line-height: 40px;
}
.rightsContent .content-permissions .content-permissions-table .table-header .module {
  flex-grow: 1;
  width: 34%;
  border-right: 1px solid #e6e6e6;
}
.rightsContent .content-permissions .content-permissions-table .table-header .permission {
  width: 66%;
  padding-left: 16px;
}
.rightsContent .content-permissions .content-permissions-table .table-tree {
  flex-direction: column;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-header {
  display: inline-flex;
  align-items: center;
  padding: 0 20px;
  height: 48px;
  background-color: #f7f7f7;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  border-bottom: 1px solid #eee;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children-item {
  padding: 12px 0;
  width: 66%;
  padding-left: 16px;
  display: flex;
  gap: 30px;
  margin-left: -1px;
  border-left: 1px solid #eee;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children-item .mkui-checkbox-wrapper {
  margin: 0 !important;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children-item-blockall {
  flex-shrink: 0;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children-item-blockdetail {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children-item-checkAll {
  position: relative;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children-item-checkAll::after {
  position: absolute;
  display: block;
  content: '';
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children-item-check {
  margin-right: 18px;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children-title {
  border-right: 1px solid #eee;
  padding: 12px 0;
  width: 34%;
}
.rightsContent .content-permissions .content-permissions-table .table-tree .table-tree-children-checkbox-title {
  display: inline-block;
  vertical-align: bottom;
  width: 210px;
  min-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rightsContent .top .tips {
  margin-bottom: 8px;
  padding-left: 16px;
  height: 32px;
  background-color: #edf7ff;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 32px;
}
.rightsContent .top .tips i {
  padding-right: 2px;
  color: #3296fa;
}
.rightsContent .top .el-ck {
  padding-left: 10px;
}
.rightsContent .top > span {
  float: right;
  margin-right: 10px;
  color: #878787;
  font-size: 14px;
}
.rightsContent .r-content {
  padding-left: 10px;
}
.rightsContent .head-part {
  display: block;
  margin: 5px 0;
  background-color: white;
  line-height: 30px;
}
.rightsContent .head-part .ck {
  display: block;
}
.rightsContent .head-part .btns {
  display: inline-block;
  padding-left: 20px;
}
.rightsContent .head-part .head-child {
  display: block;
  padding-left: 20px;
}
.rightsContent .content-part {
  padding-left: 20px;
  height: 40px;
  background-color: white;
  line-height: 40px;
}
.mkui-collapse-permissions {
  border: none !important;
}
.mkui-collapse-permissions .mkui-collapse-content .mkui-collapse-content-box {
  padding: 0;
}
.mkui-collapse-permissions > .mkui-collapse-item {
  border-bottom: none !important;
}
.mkui-collapse-permissions .mkui-collapse-content {
  border-top: none !important;
}
.inner-table-tree .mkui-collapse-header {
  background-color: #fff;
}
.inner-table-tree .mkui-collapse-content {
  background-color: #fafafa;
}

.role-selectedList {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
.role-selectedList-add {
  display: inline-flex;
  flex-grow: 0;
  padding-bottom: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.role-member {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.role-member-tabs {
  display: inline-flex;
  flex-shrink: 0;
  padding: 0 20px;
  height: 48px;
  border-bottom: 1px solid #e1e1e1;
}
.role-member-content {
  display: inline-flex;
  overflow-y: auto;
  flex-grow: 1;
}
.role-member .mkui-tabs-nav {
  padding-left: 24px;
  height: 48px;
  margin-bottom: 10px;
}
.role-member .mkui-tabs-content {
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.role-manage {
  display: flex;
  height: 100%;
}
.role-manage .role-manage-menu {
  position: relative;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  border-right: 1px solid #e1e1e1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 320px;
}
.role-manage .role-manage-menu .role-menu {
  width: 100%;
}
.role-manage .role-manage-content {
  display: inline-flex;
  flex-grow: 1;
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rights-member-list {
  display: flex;
}
.rights-member-list-hr {
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 72px;
}
.rights-member-list-member {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
}
.rights-member-list-member-zoom {
  display: inline-flex;
  overflow-y: auto;
  max-height: 450px;
  height: 100%;
}
.rights-member-list-member-zoom-block {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.rights-member-list-member-zoom-block-ck {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 8px;
}
.rights-member-list-member-zoom-block-ck i {
  margin-right: 8px;
}
.rights-member-list-member-zoom-block-ck button {
  width: 100%;
  border: none;
}
.rights-member-list-member-zoom-block-ck-lf {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
}
.rights-member-list-member-zoom-block-ck-rt {
  display: inline-flex;
  flex-grow: 0;
  color: rgba(241, 78, 78, 0.815);
  cursor: pointer;
}
.rights-member-list-member-zoom-block-tpl {
  padding: 5px;
}
.rights-member-list-member-zoom-block-tpl:hover {
  background-color: rgba(100, 199, 245, 0.548);
}
.rights-member-list-choosed {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
}
.rights-member-list-search {
  padding: 20px 0;
}
.rights-member-list-title {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  height: 32px;
}
.rights-member-list-title-tip {
  display: inline-block;
  padding: 0 15px 10px 15px;
  border-bottom: 4px solid var(--mkui-primary-6, #0088ff);
  font-size: 14px;
}
.rights-member-list-title-tip em {
  padding-left: 8px;
  color: var(--mkui-primary-6, #0088ff);
  font-weight: bold;
  font-style: normal;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.condition {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.condition-types {
  display: inline-flex;
  margin: 10px;
}
.condition-types > div {
  display: inline-flex;
  align-items: center;
}
.condition-types > div:first-child {
  width: 60px;
}
.condition-types > div:last-child {
  width: 150px;
}
.condition-source .mkui-select.mkui-select-li .mkui-select-selector {
  border-bottom: 0px !important;
}
.condition-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px;
}
.condition-content-value {
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
  padding: 5px;
  border-radius: 3px;
  background-color: #eee;
}
.condition-content > div {
  display: inline-flex;
  align-items: center;
}
.condition-content > div > span {
  display: inline-flex;
}
.condition-content > div > span:first-child {
  justify-content: flex-start;
  width: 70px;
  flex-shrink: 0;
}
.condition-content .mk-period-single-picker {
  width: 230px !important;
}
.condition-content .mk-period-single-picker .mk-period-single-picker-month {
  width: 230px !important;
}
.condition-content .mk-period-single-picker .mk-period-single-picker-month .mk-period-single-picker-single-input {
  width: 200px !important;
}
.condition-content .mk-period-picker {
  width: 230px !important;
}
.condition-content .mk-period-picker .mk-period-picker-month {
  width: 95px !important;
}
.condition-content .mk-period-picker .mk-period-picker-month .mk-period-picker-endinput {
  width: 80px !important;
}
.condition-abnormal {
  color: rgba(0, 0, 0, 0.44);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.no-bordered .mkui-select-selection {
  border: 0 !important;
}

/**
 * @Author: conggb
 * @Date: 2023-07-04 11:54:02
 * @LastEditors: conggb
 * @LastEditTime: 2023-07-04 14:39:28
 */
.tag-group .mkui-tag {
  margin-top: 6px;
}
.tag-group-add {
  border-style: dashed !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rights-setting-data {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.rights-setting-data .mkui-tree-iconEle,
.rights-setting-data .mkui-tree-switcher-noop {
  display: none !important;
}
.rights-setting-data-single-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rights-setting-data-tree {
  margin-top: 10px;
}
.rights-setting-data-tree-title {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  font-size: 13px;
}
.rights-setting-data-tree-title > div {
  display: inline-flex;
  align-items: center;
}
.rights-setting-data-tree-title > div > i {
  color: red;
}
.rights-setting-data-tree-title > div:last-child {
  margin-left: 5px;
  font-size: 13px;
}
.rights-setting-data-tree-title .total {
  color: var(--mkui-primary-6, #0088ff);
}
.rights-setting-data-tree .mkui-tree-node-content-wrapper {
  display: inline-flex;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  width: calc(100% - 24px);
}
.rights-setting-data-tree .mkui-tree-title {
  display: inline-flex;
  width: 100%;
}
.rights-setting-data-block:first-child {
  border-right: 1px solid #e1e1e1;
}
.rights-setting-data-block {
  display: inline-flex;
  overflow-x: auto;
  flex: 1;
  flex-direction: column;
}
.rights-setting-data-block-top {
  display: inline-flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 2px;
  height: 48px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 14px;
}
.rights-setting-data-block-top > button {
  margin-right: 10px;
  padding: 2px 5px;
}
.rights-setting-data-block-top > button:hover {
  color: #ffffff;
  background-color: var(--mkui-primary-5, #29a2ff);
}
.rights-setting-data-block-top > span {
  margin-left: 20px;
}
.rights-setting-data-block-top > span > i {
  padding-right: 5px;
}
.rights-setting-data-block-top span.spec {
  color: #3296fa;
  cursor: pointer;
}
.rights-setting-data-block-top-left {
  margin-left: 15px;
}
.rights-setting-data-block-content {
  display: inline-flex;
  overflow-x: hidden;
  flex-direction: column;
  flex-grow: 1;
  padding: 2px 13px;
  height: 420px;
}
.rights-setting-data-block-content-tree-title-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rights-setting-data .mkui-tree-node-content-wrapper-normal {
  width: 100%;
}
.rights-setting-data .mkui-tree-node-selected {
  background-color: #bae7ff;
}
.rights-setting-data-modal .mkui-modal-body {
  padding: 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.rights-setting-data-modal .mkui-modal-footer {
  border-top: 0;
}
.rights-setting-data-modal .mkui-tree {
  margin-top: 10px;
}
.rights-setting-data-modal .mkui-btn {
  font-size: 14px !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rights-datas {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.rights-datas .mkui-radio-disabled + span {
  color: #555 !important;
}
.rights-datas-header {
  display: inline-flex;
  align-items: center;
  line-height: 40px;
  padding: 0 20px;
  font-size: 13px;
  background: #f9f9fb;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 20px;
}
.rights-datas-header-left {
  flex-grow: 1;
  width: 34%;
  color: rgba(0, 0, 0, 0.84);
  border-right: 1px solid #e6e6e6;
}
.rights-datas-header-right {
  flex-grow: 1;
  width: 66%;
  color: rgba(0, 0, 0, 0.84);
  padding-left: 16px;
}
.rights-datas-footer {
  position: sticky;
  bottom: -2px;
  height: 48px;
  background-color: #fff;
  flex: 0 0 auto;
  padding: 8px 24px;
  border-top: 1px solid #eeeeee;
}
.rights-datas-content {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 20px;
}
.rights-datas-content-block {
  display: inline-flex;
  flex-direction: column;
  border: none !important;
}
.rights-datas-content-block .mkui-collapse-item {
  border: none !important;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-header {
  height: 40px;
  display: flex;
  align-items: center;
  border: none;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-header .mkui-collapse-arrow {
  left: 20px;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content {
  border-top: none !important;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box {
  padding: 0;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content > div {
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content > div > span {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
  padding-left: 10px;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content > div > span:first-child {
  flex-grow: 0;
  flex-shrink: 0;
  width: 34%;
  padding-left: 0;
  border-right: 1px solid #eee;
  height: 48px;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse {
  border: 0;
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
  padding: 0;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse .mkui-collapse-item {
  width: 100%;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse .mkui-collapse-header {
  --tempWidth: calc(100% - 2 * 20px);
  width: calc(var(--tempWidth) * 0.34);
  padding-left: 0;
  margin: 0 20px;
  border-right: 1px solid #eeeeee;
  height: 48px;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse .mkui-collapse-arrow {
  font-size: 14px;
  margin-right: 6px;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse .rights-datas-subcollapse-content {
  background-color: #f7f7f7;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse .rights-datas-subcollapse-content > div {
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse .rights-datas-subcollapse-content > div > span {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
  padding-left: 10px;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse .rights-datas-subcollapse-content > div > span:first-child {
  flex-grow: 0;
  flex-shrink: 0;
  width: 34%;
  padding-left: 0;
  border-right: 1px solid #eee;
  height: 48px;
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse .rights-datas-subcollapse-content div {
  /* > span:first-child {
                      padding-left: 20px;
                    } */
}
.rights-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .rights-datas-content-block-content .rights-datas-subcollapse .rights-datas-subcollapse-content div:last-child {
  border: 0;
}
.rights-datas-set {
  padding-left: 10px;
  color: var(--mkui-primary-6, #0088ff);
}
.rights-datas-set > [role='img'] {
  margin-right: 5px;
}
.batch-edit-rights-modal-content .mkui-alert {
  border: 0 !important;
  padding: 6px 10px !important;
  margin: -16px -24px 0 -24px !important;
}
.batch-edit-rights-modal-content .mkui-select-dropdown {
  width: auto !important;
}
.batch-edit-rights-modal-partSetting {
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}

.rights-members {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
.rights-members-add {
  display: inline-flex;
  flex-grow: 0;
  padding-bottom: 16px;
}

.rights-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.rights-tabs .mkui-tabs-nav {
  padding-left: 24px;
  height: 48px;
  margin-bottom: 10px;
}
.rights-tabs .mkui-tabs-content {
  height: 100%;
}

/**
 * @Author: conggb
 * @Date: 2021-12-24 15:05:05
 * @LastEditors: conggb
 * @LastEditTime: 2022-01-05 15:57:19
 * @Description: 数据权限组
 */
/**
 * @Author: conggb
 * @Date: 2022-01-05 15:44:02
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-10-11 14:17:10
 * @Description: 角色管理 和 数据权限组 公用的左侧样式
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rights-list {
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid #eee;
  flex-direction: column;
  /* begin : common */
  /* end : common */
}
.rights-list .ml8 {
  margin-left: 8px;
}
.rights-list .widthfull {
  width: 100%;
}
.rights-list .overflowtext {
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
  cursor: pointer;
  max-width: calc(100% - 20px);
  flex-shrink: 1;
}
.rights-list .system-label {
  max-width: calc(100% - 100px);
}
.rights-list .system {
  padding: 2px 6px;
  border: 1px solid var(--mkui-primary-6, #0088ff);
  background-color: var(--mkui-primary-1, #f2f9ff);
  color: var(--mkui-primary-6, #0088ff);
  font-size: 12px;
}
.rights-list-icon {
  color: #3296fa;
}
.rights-list-add {
  padding: 8px 23px;
  height: 48px;
  border-bottom: 1px solid #eee;
}
.rights-list-add-btn {
  color: #3296fa !important;
  border-color: #3296fa !important;
}
.rights-list-content {
  display: inline-flex;
  overflow-y: auto;
  flex-direction: column;
  padding: 10px 20px;
  height: 100%;
}
.rights-list-content-zoom {
  display: inline-flex;
  flex-direction: column;
  margin-top: 10px;
}
.rights-list-content-zoom-empty {
  height: 100%;
  color: #999999;
  align-items: center;
  justify-content: center;
}
.rights-list-content-zoom-item {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
  height: 40px;
  color: rgba(0, 0, 0, 0.84);
}
.rights-list-content-zoom-item-left {
  flex-grow: 1;
  width: calc(100% - 90px);
  display: flex;
  align-items: center;
}
.rights-list-content-zoom-item-right {
  flex-grow: 0;
  height: 40px;
  display: none;
  align-items: center;
}
.rights-list-content-zoom-item-right > span {
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
}
.rights-list-content-zoom-item-right > span:hover {
  background-color: #ebedee;
}
.rights-list-content-zoom-item-right-delete:hover {
  color: white;
  background-color: red !important;
}
.rights-list-content-zoom-item:hover {
  background-color: #f7f7f7;
}
.rights-list-content-zoom-item:hover .rights-list-content-zoom-item-right {
  display: flex;
}
.rights-list-content-zoom-item-choosed {
  background-color: var(--mkui-primary-1, #f2f9ff) !important;
}
.rights-list-content-zoom-item-choosed .rights-list-content-zoom-item-right {
  display: flex;
}
.rights-list-content-zoom-item-choosed .mkui-input-group-addon {
  padding: 0;
}
.rights-list-content-zoom-item-choosed .mkui-input-group-addon .mkicon-check {
  padding: 8px 11px;
}
.rights-list .notsave {
  color: #fe7a23;
  margin-left: 8px;
}

/**
 * @Author: conggb
 * @Date: 2021-12-21 17:01:43
 * @LastEditors: conggb
 * @LastEditTime: 2021-12-24 15:46:09
 * @Description: 数据权限组样式
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.setting-data-rights {
  display: flex;
  height: 100%;
}
.setting-data-rights-menu {
  position: relative;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  border-right: 1px solid #e1e1e1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 320px;
}
.setting-data-rights-menu .role-menu {
  width: 100%;
}
.setting-data-rights-content {
  display: inline-flex;
  flex-grow: 1;
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.field-config-datas {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.field-config-datas .mkui-radio-disabled + span {
  color: #555 !important;
}
.field-config-datas-header {
  display: inline-flex;
  align-items: center;
  line-height: 40px;
  padding: 0 20px;
  font-size: 13px;
  background: #f9f9fb;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 20px;
}
.field-config-datas-header-left {
  flex-grow: 1;
  width: 34%;
  color: rgba(0, 0, 0, 0.84);
  border-right: 1px solid #e6e6e6;
}
.field-config-datas-header-right {
  flex-grow: 1;
  width: 66%;
  color: rgba(0, 0, 0, 0.84);
  padding-left: 16px;
}
.field-config-datas-footer {
  position: sticky;
  bottom: -2px;
  height: 48px;
  background-color: #fff;
  flex: 0 0 auto;
  padding: 8px 24px;
  border-top: 1px solid #eeeeee;
}
.field-config-datas-content {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 20px;
}
.field-config-datas-content-block {
  display: inline-flex;
  flex-direction: column;
  border: none !important;
}
.field-config-datas-content-block .mkui-collapse-item {
  border: none !important;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-header {
  height: 40px;
  display: flex;
  align-items: center;
  border: none;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-header .mkui-collapse-arrow {
  left: 20px;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content {
  border-top: none !important;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box {
  padding: 0;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content > div {
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content > div > span {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
  padding-left: 10px;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content > div > span:first-child {
  flex-grow: 0;
  flex-shrink: 0;
  width: 34%;
  padding-left: 0;
  border-right: 1px solid #eee;
  height: 48px;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse {
  border: 0;
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
  padding: 0;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse .mkui-collapse-item {
  width: 100%;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse .mkui-collapse-header {
  --tempWidth: calc(100% - 2 * 20px);
  width: calc(var(--tempWidth) * 0.34);
  padding-left: 0;
  margin: 0 20px;
  border-right: 1px solid #eeeeee;
  height: 48px;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse .mkui-collapse-arrow {
  font-size: 14px;
  margin-right: 6px;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse .field-config-datas-subcollapse-content {
  background-color: #f7f7f7;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse .field-config-datas-subcollapse-content > div {
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse .field-config-datas-subcollapse-content > div > span {
  display: inline-flex;
  align-items: center;
  flex-grow: 1;
  padding-left: 10px;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse .field-config-datas-subcollapse-content > div > span:first-child {
  flex-grow: 0;
  flex-shrink: 0;
  width: 34%;
  padding-left: 0;
  border-right: 1px solid #eee;
  height: 48px;
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse .field-config-datas-subcollapse-content div {
  /* > span:first-child {
                      padding-left: 20px;
                    } */
}
.field-config-datas-content-block .mkui-collapse-item .mkui-collapse-content .mkui-collapse-content-box .field-config-datas-content-block-content .field-config-datas-subcollapse .field-config-datas-subcollapse-content div:last-child {
  border: 0;
}
.field-config-datas-set {
  padding-left: 10px;
  color: var(--mkui-primary-6, #0088ff);
}
.field-config-datas-set > [role='img'] {
  margin-right: 5px;
}
.batch-edit-field-config-modal-content .mkui-alert {
  border: 0 !important;
  padding: 6px 10px !important;
  margin: -16px -24px 0 -24px !important;
}
.batch-edit-field-config-modal-content .mkui-select-dropdown {
  width: auto !important;
}
.batch-edit-field-config-modal-partSetting {
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}

.field-config-members {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  width: 100%;
  height: 100%;
  position: relative;
}
.field-config-members-add {
  display: inline-flex;
  flex-grow: 0;
  padding-bottom: 16px;
}

.fieldConfig-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.fieldConfig-tabs .mkui-tabs-nav {
  padding-left: 24px;
  height: 48px;
  margin-bottom: 10px;
}
.fieldConfig-tabs .mkui-tabs-content {
  height: 100%;
}

/**
 * @Author: conggb
 * @Date: 2021-12-24 15:05:05
 * @LastEditors: conggb
 * @LastEditTime: 2022-01-05 15:57:19
 * @Description: 数据权限组
 */
/**
 * @Author: conggb
 * @Date: 2022-01-05 15:44:02
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-10-11 14:17:10
 * @Description: 角色管理 和 数据权限组 公用的左侧样式
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.field-config-list {
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid #eee;
  flex-direction: column;
  /* begin : common */
  /* end : common */
}
.field-config-list .ml8 {
  margin-left: 8px;
}
.field-config-list .widthfull {
  width: 100%;
}
.field-config-list .overflowtext {
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
  cursor: pointer;
  max-width: calc(100% - 20px);
  flex-shrink: 1;
}
.field-config-list .system-label {
  max-width: calc(100% - 100px);
}
.field-config-list .system {
  padding: 2px 6px;
  border: 1px solid var(--mkui-primary-6, #0088ff);
  background-color: var(--mkui-primary-1, #f2f9ff);
  color: var(--mkui-primary-6, #0088ff);
  font-size: 12px;
}
.field-config-list-icon {
  color: #3296fa;
}
.field-config-list-add {
  padding: 8px 23px;
  height: 48px;
  border-bottom: 1px solid #eee;
}
.field-config-list-add-btn {
  color: #3296fa !important;
  border-color: #3296fa !important;
}
.field-config-list-content {
  display: inline-flex;
  overflow-y: auto;
  flex-direction: column;
  padding: 10px 20px;
  height: 100%;
}
.field-config-list-content-zoom {
  display: inline-flex;
  flex-direction: column;
  margin-top: 10px;
}
.field-config-list-content-zoom-empty {
  height: 100%;
  color: #999999;
  align-items: center;
  justify-content: center;
}
.field-config-list-content-zoom-item {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
  height: 40px;
  color: rgba(0, 0, 0, 0.84);
}
.field-config-list-content-zoom-item-left {
  flex-grow: 1;
  width: calc(100% - 90px);
  display: flex;
  align-items: center;
}
.field-config-list-content-zoom-item-right {
  flex-grow: 0;
  height: 40px;
  display: none;
  align-items: center;
}
.field-config-list-content-zoom-item-right > span {
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
}
.field-config-list-content-zoom-item-right > span:hover {
  background-color: #ebedee;
}
.field-config-list-content-zoom-item-right-delete:hover {
  color: white;
  background-color: red !important;
}
.field-config-list-content-zoom-item:hover {
  background-color: #f7f7f7;
}
.field-config-list-content-zoom-item:hover .field-config-list-content-zoom-item-right {
  display: flex;
}
.field-config-list-content-zoom-item-choosed {
  background-color: var(--mkui-primary-1, #f2f9ff) !important;
}
.field-config-list-content-zoom-item-choosed .field-config-list-content-zoom-item-right {
  display: flex;
}
.field-config-list-content-zoom-item-choosed .mkui-input-group-addon {
  padding: 0;
}
.field-config-list-content-zoom-item-choosed .mkui-input-group-addon .mkicon-check {
  padding: 8px 11px;
}
.field-config-list .notsave {
  color: #fe7a23;
  margin-left: 8px;
}

/**
 * @Author: zhujing
 * @Date: 2025-05-16 17:01:43
 * @LastEditors: zhujing
 * @LastEditTime: 2021-12-24 15:46:09
 * @Description: 字段显隐
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.setting-data-field-config {
  display: flex;
  height: 100%;
}
.setting-data-field-config-menu {
  position: relative;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  border-right: 1px solid #e1e1e1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 320px;
}
.setting-data-field-config-menu .role-menu {
  width: 100%;
}
.setting-data-field-config-content {
  display: inline-flex;
  flex-grow: 1;
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.scan-list {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  width: 100%;
  height: 100%;
}
.scan-list-alert {
  border: 0;
}
.scan-list-alert span {
  color: #8a6e3c;
}
.scan-list .table-info {
  display: inline-flex;
}
.scan-list .table-info > div {
  width: 100%;
}
.scan-list .table-info .invoice-number-container {
  display: inline-flex;
  align-items: center;
}
.scan-list .table-info .exclamation-icon {
  height: 16px;
  width: 16px;
  margin-left: 6px;
  color: #f5be15;
}
.scan-list .table-info .exclamation-icon:hover {
  cursor: pointer;
}
.scan-list .scan-list-signal {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.scan-list .scan-btns {
  margin-bottom: 10px;
}
.scan-list .scan-btns button {
  margin-right: 20px;
}
.mkui-popover-inner-content .errors::before {
  display: inline-block;
  content: ' ';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 1px;
  background: #ff7100;
}
.signal-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.custom-spin-layout .mkui-spin-nested-loading {
  height: 100%;
}
.custom-spin-layout .mkui-spin-nested-loading .mkui-spin-container {
  height: 100%;
}
.custom-spin-layout .mkui-spin-nested-loading .mkui-spin-container .empty-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.checked-modal {
  display: flex;
  flex-direction: column;
}
.checked-modal > div {
  display: inline-flex;
}
.checked-modal-tip {
  align-items: center;
  justify-content: space-evenly;
  height: 32px;
  background-color: #edf7ff;
}
.checked-modal-tip > strong {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
}
.checked-modal-date {
  align-items: center;
  margin-top: 8px;
  height: 40px;
}
.checked-modal-date > span {
  display: inline-flex;
}
.checked-modal-date > span:first-child {
  margin-right: 8px;
  width: 65px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.abnormal-invoice-filter-wrapper {
  position: relative;
}
.abnormal-invoice-extend-header {
  position: absolute;
  right: 175px;
  top: 8px;
  font-size: 13px;
}
.abnormal-invoice-btn {
  border-color: #d9d9d9;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoice-bag-detail-header {
  align-items: center;
  font-weight: bold;
}
.invoice-bag-detail-title {
  display: inline-block;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 12px;
  margin-top: 20px;
}
.invoice-bag-detail-title:first-child {
  margin-top: 0;
}

/**
 * @Author: wenjwu
 * @Date: 2022-12-11 21:25:56
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-12-27 16:47:23
 * @Description:
 */
.invoice-bag-table-ellipsis {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archives-list {
  margin-bottom: 0;
  padding: 8px 16px;
  list-style: none;
  overflow: auto;
}
.archives-list .mkui-tag {
  padding: 0 6px !important;
}
.archives-list-item {
  padding: 0 20px;
  line-height: 32px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.archives-list-item .mkicon {
  margin-right: 8px;
  color: var(--mkui-primary-6, #0088ff);
}
.archives-list-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.archives-list-item:hover .archives-list-item-delete {
  opacity: 1;
}
.archives-list-item.active {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.archives-list-item-delete {
  width: 10px;
  text-align: center;
  color: #999999 !important;
  opacity: 0;
}
.archives-list-item-delete:hover {
  color: #ff4d4f !important;
}
.archives-list-item-operation .mkui-btn-primary {
  display: none;
}
.archives-list-notsave {
  display: inline-block;
  margin-left: 8px;
  height: 20px;
  line-height: 20px;
  color: #f78800;
}
.archives-list-delete-modal .mkui-modal-body {
  padding: 24px;
}
.archives-list-add-btn {
  color: var(--mkui-primary-6, #0088ff) !important;
  border-color: var(--mkui-primary-6, #0088ff) !important;
}
.archives-add-type {
  padding: 10px 16px 7px 16px;
  border-bottom: 1px solid #eee;
}
.archives-add-type-button {
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px dashed #cccccc;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
  background: #f7f7f7;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.unenable {
  color: #a9a9a9 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archives-type-detail-table {
  display: flex;
  overflow: auto;
  flex-flow: column;
  flex-grow: 1;
  padding: 20px 24px;
}
.archives-type-detail-table h2 {
  margin-top: 0;
  font-weight: normal;
  font-size: 14px;
}
.archives-type-detail-table-toolbar {
  padding-left: 0;
}
.archives-type-detail-table .business-entity {
  padding: 4px 6px;
  background-color: #f7f7f7;
  line-height: 16px;
}
.archives-type-detail-table .business-entity-count {
  margin-left: 8px;
  font-weight: 400;
  line-height: 16px;
}
.archives-type-detail-table .business-entity-number {
  color: var(--mkui-primary-6, #0088ff);
}
.archives-type-detail-table-button {
  position: absolute;
  left: -9999px;
}
.archives-type-detail-table-footer {
  padding: 8px 24px;
  border-top: 1px solid #e1e1e1;
  cursor: pointer;
}
.business-type-selector-value {
  display: inline-block;
  background: #f7f7f7;
  padding: 0 6px;
  border-radius: 2px;
  line-height: 24px;
  color: #333;
  cursor: pointer;
}
.business-type-selector-count {
  display: inline-block;
  margin-left: 8px;
}
.business-type-selector-count span {
  color: #3296fa;
}
.business-type-selector-small-title {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.popover-select-ul {
  margin: -12px -16px;
  padding-left: 0;
  width: 200px;
  height: 320px;
  overflow-y: auto;
}
.popover-select-item {
  padding: 0 12px;
  height: 40px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.84);
  font-size: 13px;
  list-style-type: none;
  cursor: pointer;
}
.popover-select-item:hover {
  background-color: #edf7ff;
}
.popover-select-disable-item {
  background-color: #f9f9f9;
  color: #999999;
}
.popover-select-active {
  position: relative;
  background-color: #edf7ff;
}
.popover-select-checked {
  float: right;
  color: #3296fa;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archives-customize-type {
  display: flex;
  overflow-y: auto;
  flex-flow: column;
  flex-grow: 1;
  padding: 20px 24px;
}
.archives-customize-type-title {
  height: 50px;
  line-height: 50px;
  padding-left: 24px;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}
.archives-customize-type h2 {
  margin: 10px 0;
  font-weight: normal;
  font-size: 14px;
}
.archives-customize-type-toolbar {
  padding-left: 0;
}
.archives-customize-type .business-entity {
  padding: 4px 6px;
  background-color: #f7f7f7;
  line-height: 16px;
}
.archives-customize-type .business-entity-count {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}
.archives-customize-type-button {
  position: absolute;
  left: -9999px;
}
.archives-customize-type-line {
  width: 80px;
  margin-bottom: 15px;
}
.archives-customize-type-icon {
  color: rgba(0, 0, 0, 0.5);
}
.archives-customize-type-tabel-container {
  max-height: 380px;
  min-height: 230px;
}
.archives-customize-type h2 {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 14px;
}
.archives-customize-type .input-edit-text {
  width: auto;
}
.archives-customize-type-footer {
  padding: 8px 24px;
  border-top: 1px solid #e1e1e1;
  cursor: pointer;
}
.business-type-selector-value {
  display: inline-block;
  background: #f7f7f7;
  padding: 0 6px;
  border-radius: 2px;
  line-height: 24px;
  color: #999;
  cursor: pointer;
}
.business-type-selector-value.selected {
  color: #333;
}
.business-type-selector-count {
  display: inline-block;
  margin-left: 8px;
}
.business-type-selector-count span {
  color: #3296fa;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archives-type-content-content-inner {
  flex-flow: row !important;
}
.archives-type-content-content-inner .title {
  margin-bottom: 0;
  padding: 0 24px;
  border-bottom: 1px solid #eee;
  color: rgba(0, 0, 0, 0.84);
  font-weight: normal;
  font-size: 14px;
  line-height: 49px;
}
.archives-type-content-content-inner .left-content {
  flex-shrink: 0;
  width: 320px;
  display: flex;
  flex-direction: column;
}
.archives-type-content-content-inner .right-content {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-flow: column;
  flex-grow: 1;
  border-left: 1px solid #eee;
}
.archives-type-disable-delete a {
  cursor: not-allowed;
  color: #cccccc;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.maycur-paper-cover-toolbar-keyword {
  font-size: 14px;
  font-weight: 500;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.maycur-paper-cover-field-modal-text {
  margin-top: 16px;
}
.maycur-paper-cover-upload-btn {
  padding: 4px 0px !important;
}
.maycur-paper-cover-small-title {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
}
.maycur-paper-cover-upload-file .mkui-upload-list {
  display: none;
}
.maycur-paper-cover-file-item {
  width: 440px;
  height: 48px;
  padding: 0 16px;
  margin: 4px 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 48px;
  font-size: 13px;
  border-radius: 2px;
  cursor: pointer;
}
.maycur-paper-cover-file-item-btn {
  float: right;
}
.maycur-paper-cover-file-item-text {
  color: var(--mkui-primary-6, #0088ff);
  margin-left: 12px;
}
.maycur-paper-cover-archive-container {
  position: relative;
}
.maycur-paper-cover-archive-container-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.maycur-paper-cover-right-icon {
  position: absolute;
  right: 0;
  bottom: 5px;
  color: #bcbcbc !important;
}
.maycur-paper-cover-archive-list-container {
  border-bottom: 1px solid #bcbcbc;
}
.maycur-paper-cover-file-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 18px;
}
.maycur-paper-cover-file-name-box {
  display: inline-block;
  vertical-align: middle;
  max-width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.maycur-paper-cover-file-typename {
  display: inline-block;
  vertical-align: middle;
}
.maycur-paper-cover-archive-text {
  display: inline-block;
  vertical-align: middle;
  max-width: 360px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.maycur-paper-cover-archive-count {
  display: inline-block;
  vertical-align: middle;
}
.maycur-paper-cover-radio-icon {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
.maycur-paper-cover-radio-icon:hover {
  color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.fond-setting-toolbar {
  height: 56px;
  line-height: 56px;
}
.fond-setting-toolbar-search.mkui-input-group-wrapper {
  width: 240px;
  top: 12px;
  position: relative;
}
.fond-setting-drawer-footer {
  display: flex;
  justify-content: flex-end;
}
.fond-setting-table .mkui-tag.enable {
  color: #00b600;
  border: 1px solid #00b600;
}
.fond-setting-table .mkui-tag.unenable {
  color: #999999;
  border: 1px solid #999999;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archived-center-setting-toolbar {
  height: 56px;
  line-height: 56px;
}
.archived-center-setting-toolbar-search.mkui-input-group-wrapper {
  width: 240px;
  top: 12px;
  position: relative;
}
.archived-center-setting-drawer-footer {
  display: flex;
  justify-content: flex-end;
}
.archived-center-setting-table .mkui-tag.enable {
  color: #00b600;
  border: 1px solid #00b600;
}
.archived-center-setting-table .mkui-tag.unenable {
  color: #999999;
  border: 1px solid #999999;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.code-rule-add-btn {
  padding: 10px 20px 7px 20px;
  border-bottom: 1px solid #eee;
}
.code-rule-add-btn .mkui-btn {
  color: var(--mkui-primary-6, #0088ff) !important;
  border-color: var(--mkui-primary-6, #0088ff) !important;
}
.code-rule-list {
  margin-bottom: 0;
  padding: 8px 16px;
  list-style: none;
  overflow: auto;
  font-size: 14px;
}
.code-rule-list-empty {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.4);
}
.code-rule-list-item {
  padding: 0 20px;
  line-height: 32px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(0, 0, 0, 0.8);
}
.code-rule-list-item .notsave {
  color: #fe7a23;
  margin-left: 8px;
}
.code-rule-list-item .mkicon {
  margin-right: 8px;
}
.code-rule-list-item .mkicon.enabled {
  color: var(--mkui-primary-6, #0088ff);
}
.code-rule-list-item .mkicon.un-enable {
  color: rgba(0, 0, 0, 0.44);
}
.code-rule-list-item > div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.code-rule-list-item .copy-btn {
  opacity: 0;
  margin-top: 2px;
  line-height: inherit;
  line-height: 18px;
  margin-left: 5px;
  color: var(--mkui-primary-6, #0088ff);
}
.code-rule-list-item .delete-btn {
  opacity: 0;
  margin-top: 2px;
  line-height: inherit;
  line-height: 18px;
  margin-right: 0;
  color: #ff4d4f;
}
.code-rule-list-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.code-rule-list-item:hover .copy-btn,
.code-rule-list-item:hover .delete-btn {
  opacity: 1;
}
.code-rule-list-item.active {
  background-color: var(--mkui-primary-1, #f2f9ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.connect-paper-custom-item {
  display: flex;
  padding: 4px 24px 4px 0;
}
.connect-paper-custom-item .mkui-row.mkui-form-item {
  margin-bottom: 0 !important;
}
.connect-paper-custom-item-first {
  width: 160px;
}
.connect-paper-custom-item-quot {
  width: 28px;
  color: rgba(0, 0, 0, 0.84);
  text-align: center;
  line-height: 30px;
}
.connect-paper-custom-item-quot.small {
  padding-left: 5px;
  width: auto;
}
.connect-paper-custom-item-middle {
  min-width: 243px;
}
.connect-paper-custom-item-middle .mkui-form-item {
  width: 100%;
}
.connect-paper-custom-item:hover .connect-paper-custom-item-last .mkicon {
  opacity: 1;
}
.connect-paper-custom-item-last {
  flex-grow: 1;
  text-align: right;
  line-height: 32px;
}
.connect-paper-custom-item-last .mkicon {
  opacity: 0;
  transition: opacity 0.2s;
}
.connect-paper-custom-item-serial {
  display: flex;
}
.connect-paper-custom-item .serial-number-item-tip-icon {
  color: var(--mkui-primary-6, #0088ff);
  line-height: 33px;
  margin-left: 2px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.drag-form-item.dragover .drag-div {
  background-color: #f7f7f7;
}
.drag-form-item .drag-div {
  transition: background-color 0.3s;
}
.drag-form-item .drag-div:focus {
  outline: none;
}
.drag-form-item .drag-div.dragging {
  background-color: #edf7ff;
}
.drag-form-item .drag-div:hover {
  background-color: #f7f7f7;
}

.transfer-select {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding-right: 6px;
  transition: all 0.3s;
}
.transfer-select:hover {
  border-bottom-color: var(--mkui-primary-color);
}
.transfer-select-disabled {
  border-bottom: 1px dashed #d9d9d9 !important;
  background-color: #fff !important;
  color: rgba(0, 0, 0, 0.85) !important;
  cursor: not-allowed !important;
}
.transfer-select-disabled .transfer-select-right {
  display: none !important;
}
.transfer-select-left {
  display: flex;
}
.transfer-select-left-text {
  max-width: 600px;
  margin-right: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.transfer-select-right-icon {
  color: rgba(0, 0, 0, 0.45) !important;
}
.achive-center-modal-title {
  display: flex;
}
.achive-center-modal-title-tips {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.custom-rule-set-detail {
  display: flex;
  overflow-y: auto;
  flex-flow: column;
  flex-grow: 1;
  padding: 16px 24px 20px 24px;
}
.custom-rule-set-detail .mkui-alert {
  border: none;
}
.custom-rule-set-detail-tip {
  display: flex;
  padding: 10px 16px;
  margin-top: 8px;
  margin-bottom: 0;
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.6);
  white-space: normal;
  font-size: 13px;
}
.custom-rule-set-detail-tip-label {
  flex: 0 0 auto;
}
.custom-rule-set-detail-tip-content {
  flex: 1 1 auto;
  padding-right: 8px;
  white-space: normal;
  word-break: break-all;
}
.custom-rule-set-detail-tip-length {
  flex: 0 0 auto;
}
.custom-rule-set-detail-last-option {
  width: 250px;
  margin-left: 28px;
  position: relative;
  bottom: -4px;
}
.custom-rule-set-detail-add-btn {
  margin-top: 8px;
}
.custom-rule-set-detail-footer {
  padding: 8px 24px;
  border-top: 1px solid #e1e1e1;
}
.custom-rule-set-detail-desc {
  color: var(--mkui-primary-6, #0088ff) !important;
  cursor: pointer;
  margin-left: 2px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.code-rule-left-tree-container {
  padding: 14px 6px;
  height: 100%;
  overflow: auto;
}
.code-rule-left-tree-container .mkui-tree {
  font-size: 14px;
}
.code-rule-left-tree-container .tree-title {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
  margin-left: 10px;
}
.code-rule-left-tree-container .mkui-tree-switcher {
  line-height: 28px;
}
.code-rule-left-tree-container .mkui-tree-switcher .mkicon-caret-down {
  vertical-align: 0px !important;
  color: rgba(0, 0, 0, 0.4) !important;
}
.code-rule-left-tree-container .mkui-tree-treenode {
  width: 100%;
}
.code-rule-left-tree-container .mkui-tree-treenode .mkui-tree-node-content-wrapper {
  flex: 1 1 auto;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.code-rule-left-tree-container .mkui-tree-treenode .mkui-tree-node-content-wrapper .mkui-btn-text {
  display: block;
}
.code-rule-left-tree-container .mkui-tree-switcher-noop {
  width: 0;
}
.code-rule-left-tree-container .mkui-tree-iconEle {
  height: 28px !important;
  line-height: 28px !important;
}
.code-rule-left-tree-container .mkui-tree-treenode-switcher-close .mkui-tree-title,
.code-rule-left-tree-container .mkui-tree-treenode-switcher-open .mkui-tree-title {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.code-rule-left-tree-container .enabled {
  color: var(--mkui-primary-6, #0088ff);
}
.code-rule-left-tree-container .un-enable {
  color: rgba(0, 0, 0, 0.44);
}
.code-rule-left-tree-container .mkui-btn-text {
  display: none;
  width: 22px;
  height: 22px;
  padding: 0;
  margin-top: 3px;
  margin-right: 2px;
}
.code-rule-left-tree-container .mkui-btn-text:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.code-rule-left-tree-container .notsave {
  color: #fe7a23;
  margin-left: 8px;
}
.code-rule-add-btn {
  padding: 10px 20px 7px 20px;
  border-bottom: 1px solid #eee;
}
.code-rule-add-btn .mkui-btn {
  color: var(--mkui-primary-6, #0088ff) !important;
  border-color: var(--mkui-primary-6, #0088ff) !important;
}
.code-rule-list {
  margin-bottom: 0;
  padding: 8px 16px;
  list-style: none;
  overflow: auto;
}
.code-rule-list-empty {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.4);
}
.code-rule-list-item {
  padding: 0 20px;
  line-height: 32px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(0, 0, 0, 0.8);
}
.code-rule-list-item .notsave {
  color: #fe7a23;
  margin-left: 8px;
}
.code-rule-list-item .mkicon {
  margin-right: 8px;
}
.code-rule-list-item .mkicon.enabled {
  color: var(--mkui-primary-6, #0088ff);
}
.code-rule-list-item .mkicon.un-enable {
  color: rgba(0, 0, 0, 0.44);
}
.code-rule-list-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.code-rule-list-item:hover .archives-list-item-delete {
  opacity: 1;
}
.code-rule-list-item.active {
  background-color: var(--mkui-primary-1, #f2f9ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archived-code-rule-custom-item {
  display: flex;
  padding: 4px 24px 4px 0;
}
.archived-code-rule-custom-item .mkui-row.mkui-form-item {
  margin-bottom: 0 !important;
}
.archived-code-rule-custom-item-first {
  width: 250px;
}
.archived-code-rule-custom-item-quot {
  width: 28px;
  color: rgba(0, 0, 0, 0.84);
  text-align: center;
  line-height: 30px;
}
.archived-code-rule-custom-item-quot.small {
  padding-left: 5px;
  width: auto;
}
.archived-code-rule-custom-item-middle {
  min-width: 243px;
}
.archived-code-rule-custom-item-middle .mkui-form-item {
  width: 100%;
}
.archived-code-rule-custom-item-middle .mkui-form-item.mkui-row {
  margin-bottom: 0 !important;
}
.archived-code-rule-custom-item:hover .archived-code-rule-custom-item-last .mkicon {
  opacity: 1;
}
.archived-code-rule-custom-item-last {
  flex-grow: 1;
  text-align: right;
  line-height: 32px;
}
.archived-code-rule-custom-item-last .mkicon {
  opacity: 0;
  transition: opacity 0.2s;
}
.archived-code-rule-custom-item-last .mkicon.mkicon-delete {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.archived-code-rule-custom-item-serial {
  display: flex;
}
.archived-code-rule-custom-item .serial-number-item-tip-icon {
  color: var(--mkui-primary-6, #0088ff);
  line-height: 33px;
  margin-left: 2px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.drag-form-item.dragover .drag-div {
  background-color: #f7f7f7;
}
.drag-form-item .drag-div {
  transition: background-color 0.3s;
}
.drag-form-item .drag-div:focus {
  outline: none;
}
.drag-form-item .drag-div.dragging {
  background-color: #edf7ff;
}
.drag-form-item .drag-div:hover {
  background-color: #f7f7f7;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rule-set-detail {
  display: flex;
  overflow-y: auto;
  flex-flow: column;
  flex-grow: 1;
  padding: 16px 24px 20px 24px;
}
.rule-set-detail-form-item-tips {
  font-size: 13px;
  color: #999999;
}
.rule-set-detail-tip {
  display: flex;
  padding: 10px 16px;
  margin-top: 8px;
  margin-bottom: 0;
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.6);
  white-space: normal;
  font-size: 13px;
}
.rule-set-detail-tip-label {
  flex: 0 0 auto;
}
.rule-set-detail-tip-content {
  flex: 1 1 auto;
  padding-right: 8px;
  white-space: normal;
  word-break: break-all;
}
.rule-set-detail-tip-length {
  flex: 0 0 auto;
}
.rule-set-detail-last-option {
  width: 250px;
  margin-left: 28px;
  position: relative;
  bottom: -4px;
}
.rule-set-detail-add-btn {
  margin-top: 8px;
}
.rule-set-detail-footer {
  padding: 8px 24px;
  border-top: 1px solid #e1e1e1;
}

/**
 * @Author: wenjwu
 * @Date: 2022-07-12 13:54:16
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-10-14 10:25:25
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archive-code-rule-setting-content {
  flex-flow: row !important;
}
.archive-code-rule-setting-content .title {
  margin-bottom: 0;
  padding: 0 24px;
  border-bottom: 1px solid #eee;
  color: rgba(0, 0, 0, 0.84);
  font-weight: normal;
  font-size: 14px;
  line-height: 49px;
}
.archive-code-rule-setting-content .left-content {
  flex-shrink: 0;
  width: 320px;
  display: flex;
  flex-direction: column;
}
.archive-code-rule-setting-content .right-content {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-flow: column;
  flex-grow: 1;
  border-left: 1px solid #eee;
}
.archive-code-rule-setting-content .right-content h1.title {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.archive-code-rule-setting-content .right-content .top-info.mkui-alert {
  align-items: baseline;
  border: none;
  margin: 8px 16px 0 16px;
}
.archive-code-rule-setting-content .right-content .top-info.mkui-alert .mkui-alert-icon {
  position: relative;
  top: 2px;
}
.archive-code-rule-setting-disable-delete a {
  cursor: not-allowed;
  color: #cccccc;
}
.archive-code-headtab {
  display: block;
  width: 100%;
  height: 48px;
  background-color: #fff;
  padding-inline-start: 0px;
  padding-left: 8px;
  margin-bottom: 0;
  font-size: 14px;
}
.archive-code-headtab li {
  display: inline-block;
  line-height: 48px;
  margin: 0 16px;
  cursor: pointer;
}
.archive-code-headtab .archive-code-headtab-active {
  color: var(--mkui-primary-6, #0088ff);
  border-bottom: 2px solid var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archive-file-directory-tree-setting-toolbar {
  height: 50px;
  line-height: 50px;
}
.archive-file-directory-tree-setting-toolbar-title {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.archive-file-directory-tree-setting-toolbar-title .note {
  font-weight: 400;
  color: #999999;
  display: inline-block;
}
.archive-file-directory-tree-setting-container {
  padding-left: 24px;
}
.archive-file-directory-tree-setting-container .check-icon {
  position: absolute;
  top: -1px;
  left: -1px;
  font-size: 32px;
  color: var(--mkui-primary-6, #0088ff);
}
.archive-file-directory-tree-setting-container .tree-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 608px;
  height: 168px;
  border-radius: 4px;
  background: #ffffff;
  padding: 16px 32px;
  border: 1px solid #e1e1e1;
  margin-bottom: 16px;
}
.archive-file-directory-tree-setting-container .tree-item.clickable:hover {
  border: 1px solid var(--mkui-primary-6, #0088ff);
}
.archive-file-directory-tree-setting-container .tree-item.active {
  border: 1px solid var(--mkui-primary-6, #0088ff);
}
.archive-file-directory-tree-setting-container .tree-item-left .mkicon-xuanzhong {
  position: relative;
  top: -17px;
  right: 35px;
}
.archive-file-directory-tree-setting-container .tree-item-left .mkicon-xuanzhong svg {
  width: 31px;
  height: 26px;
  fill: var(--mkui-primary-6, #0088ff);
}
.archive-file-directory-tree-setting-container .tree-item-left .title {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
  margin-bottom: 12px;
}
.archive-file-directory-tree-setting-container .tree-item-left .info {
  color: #999999;
}
.archive-file-directory-tree-setting-container .tree-item-right {
  padding: 10px 12px;
  background: #f7f7f7;
  border-radius: 4px;
}
.archive-file-directory-tree-setting-container .tree-item-right .rule-img {
  width: 206px;
  height: 116px;
  background: #f7f7f7;
  border-radius: 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.connect-paper-left-list {
  display: flex;
  flex-flow: column;
  width: 360px;
  height: 100%;
  border-right: 1px solid #eee;
}
.connect-paper-left-list-add-btn {
  padding: 8px 24px;
  border-bottom: 1px solid #eee;
}
.connect-paper-left-list-add-btn .mkui-btn {
  width: 100%;
  color: #3296fa !important;
  border-color: #3296fa !important;
}
.connect-paper-left-list-list {
  overflow: auto;
  flex-grow: 1;
  padding: 10px;
}
.connect-paper-left-list-item {
  display: flex;
  padding: 5px 14px;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.3s;
}
.connect-paper-left-list-item.active {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.connect-paper-left-list-item.active .connect-paper-left-list-item-btn.mkicon {
  visibility: visible;
}
.connect-paper-left-list-item-icon.mkicon {
  margin-top: 3px;
  color: var(--mkui-primary-6, #0088ff);
  line-height: 17px;
}
.connect-paper-left-list-item-text {
  overflow: auto;
  flex-grow: 1;
  margin: 0 10px;
  white-space: nowrap;
  line-height: 20px;
}
.connect-paper-left-list-item-btn.mkicon {
  visibility: hidden;
  margin-top: 2px;
  line-height: inherit;
  line-height: 18px;
}
.connect-paper-left-list-item-btn.mkicon.copy {
  margin-right: 5px;
  color: var(--mkui-primary-6, #0088ff);
}
.connect-paper-left-list-item-btn.mkicon.delete {
  color: #ff4d4f;
}
.connect-paper-left-list-delete-modal .mkui-modal-body {
  padding: 24px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.connect-paper-custom-item {
  display: flex;
  padding: 4px 24px 4px 0;
}
.connect-paper-custom-item .mkui-form-item {
  margin-bottom: 0;
}
.connect-paper-custom-item-first {
  width: 160px;
}
.connect-paper-custom-item-quot {
  width: 28px;
  color: rgba(0, 0, 0, 0.84);
  text-align: center;
  line-height: 30px;
}
.connect-paper-custom-item-quot.small {
  padding-left: 5px;
  width: auto;
}
.connect-paper-custom-item-middle {
  min-width: 243px;
}
.connect-paper-custom-item-middle .mkui-form-item {
  width: 100%;
}
.connect-paper-custom-item:hover .connect-paper-custom-item-last .mkicon {
  opacity: 1;
}
.connect-paper-custom-item-last {
  flex-grow: 1;
  text-align: right;
  line-height: 32px;
}
.connect-paper-custom-item-last .mkicon {
  opacity: 0;
  transition: opacity 0.2s;
}
.connect-paper-custom-item-serial {
  display: flex;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.connect-paper-drag-item.dragover .drag-div {
  background-color: #f7f7f7;
}
.connect-paper-drag-item .drag-div {
  transition: background-color 0.3s;
}
.connect-paper-drag-item .drag-div:focus {
  outline: none;
}
.connect-paper-drag-item .drag-div.dragging {
  background-color: #edf7ff;
}
.connect-paper-drag-item .drag-div:hover {
  background-color: #f7f7f7;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.connect-paper-form-preview-tip {
  display: flex;
  margin-bottom: 0;
  padding: 0 24px;
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  font-size: 13px;
  line-height: 40px;
}
.connect-paper-form-preview-tip-middle {
  overflow: hidden;
  flex-grow: 1;
  color: rgba(0, 0, 0, 0.84);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.connect-paper-form-preview-tip .error {
  color: #ef0000;
  font-size: 14px;
}
.connect-paper-form-preview-error {
  margin-bottom: 0;
  padding: 0 24px;
  background-color: #ffefef;
  color: #8a6e3c;
  font-size: 12px;
  line-height: 32px;
}
.connect-paper-form-preview-error .mkicon {
  margin-right: 6px;
  color: #ef0000;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.connect-paper-right-content {
  display: flex;
  overflow: auto;
  flex-flow: column;
  flex-grow: 1;
}
.connect-paper-right-content-title {
  padding: 0 24px;
  border-bottom: 1px solid #eee;
  line-height: 48px;
}
.connect-paper-right-content .mkui-spin-nested-loading {
  overflow: auto;
  flex-grow: 1;
}
.connect-paper-right-content .mkui-spin-nested-loading .mkui-spin-container {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.connect-paper-right-content .mkui-spin-nested-loading .mkui-spin-container .layout-list-bottom {
  border-top: 1px solid #eee;
}
.connect-paper-form.mkui-form {
  overflow: auto;
  flex-grow: 1;
  padding: 10px 24px !important;
  max-width: 1000px;
}
.connect-paper-form.mkui-form .connect-paper-form .connect-paper-form-radio .mkui-radio-wrapper {
  width: 100%;
}
.connect-paper-form.mkui-form .connect-paper-form .connect-paper-form-radio .mkui-radio-wrapper .mkicon {
  margin-left: 5px;
  color: #0088ff;
}
.connect-paper-form.mkui-form-list {
  padding-left: 25px;
}
.connect-paper-form.mkui-form .help {
  margin-left: 5px;
  color: var(--mkui-primary-6, #0088ff);
}

.connect-paper {
  display: flex;
  height: 100%;
}
.connect-paper-no-data {
  margin-top: 150px;
  text-align: center;
}
.connect-paper .mkui-select-selector {
  padding-left: 11px !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.member-manage-detail-content .dept-item .dept-item-li {
  display: flex;
  position: relative;
  height: 72px;
  margin-top: 0;
  padding: 12px 13px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.84);
  line-height: 20px;
}
.member-manage-detail-content .dept-item .dept-item-li .mkicon-auto-get-hierarchy {
  position: relative;
  top: 3px;
  color: rgba(0, 0, 0, 0.44);
}
.member-manage-detail-content .dept-item .dept-item-li .label {
  color: rgba(0, 0, 0, 0.44);
}
.member-manage-detail-content .dept-item .dept-item-li p {
  margin: 8px 0 0;
}
.member-manage-detail-content .dept-item .dept-item-li .info {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
  width: 100%;
}
.member-manage-detail-content .dept-item .dept-item-li .info .label {
  margin-top: 4px;
}
.member-manage-detail-content .dept-item .dept-add-btn {
  margin-bottom: 16px;
  width: 100%;
}
.member-manage-detail-content .dept-item .dept-add-btn-small {
  position: absolute;
  top: -29px;
  left: 70px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.member-manage-detail-content-top {
  background-color: #f0f2f5;
  padding: 12px 12px 0 12px;
}
.member-manage-detail-content-top-short-info {
  display: flex;
  align-items: center;
  height: 80px;
  padding: 19px 27px;
  background: #ffffff;
  border-radius: 4px;
}
.member-manage-detail-content-top-short-info .mkicon-me02 {
  margin-right: 15px;
}
.member-manage-detail-content-top-short-info .mkicon-me02 svg {
  width: 48px;
  height: 48px;
}
.member-manage-detail-content-top-short-info .mkicon-me02.resign svg {
  fill: #999999;
}
.member-manage-detail-content-top-short-info .mkicon-me02.not-resign svg {
  fill: #0088ff;
}
.member-manage-detail-content-top-short-info .right-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.member-manage-detail-content-top-short-info .right-content .name {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 20px;
  margin-bottom: 4px;
}
.member-manage-detail-content-top-short-info .right-content .name .mkui-tag {
  margin-left: 6px;
  font-weight: 400;
}
.member-manage-detail-content-top-short-info .right-content .employeeNo,
.member-manage-detail-content-top-short-info .right-content .handover {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.44);
  font-weight: 400;
  line-height: 18px;
}
.member-manage-detail-content-top-short-info .right-content .handover {
  margin-left: 24px;
}
.member-manage-detail-content-form h3:not(:first-child) {
  margin-top: 14px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dept-item .dept-item-li {
  position: relative;
  margin-top: 16px;
  padding: 16px;
  border: 1px dashed #e1e1e1;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.84);
  line-height: 20px;
}
.dept-item .dept-item-li .label {
  color: rgba(0, 0, 0, 0.6);
}
.dept-item .dept-item-li p {
  margin: 8px 0 0;
}
.dept-item .dept-item-li .delete-btn {
  text-align: right;
  opacity: 0;
  transition: opacity 0.2s;
}
.dept-item .dept-item-li:hover .delete-btn {
  opacity: 1;
}
.dept-item .dept-add-btn {
  margin-bottom: 16px;
  width: 100%;
}
.dept-item .dept-add-btn-small {
  position: absolute;
  top: -30px;
  left: 70px;
}

.change-item {
  position: relative;
}
.change-item .mkui-input {
  padding-right: 80px;
}
.change-item .change-item-btn {
  position: absolute;
  top: 4px;
  right: 4px;
}
.change-item-modal .form-footer {
  margin-top: 32px;
  text-align: right;
}
.change-item-modal .form-footer .mkui-btn {
  margin-left: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mobile-form .validate-code {
  position: absolute;
  top: 28px;
  right: 4px;
}
.mobile-form .validate-code a {
  line-height: 20px;
}
.mobile-form .validate-code span {
  display: inline-block;
  width: 70px;
  background-color: #f7f7f7;
  color: #999999;
  text-align: center;
  line-height: 20px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mobile-form .image-code {
  position: absolute;
  top: 22px;
  right: 4px;
}
.mobile-form .image-code img {
  width: 64px;
  height: 25px;
}
.mobile-form .validate-code {
  position: absolute;
  top: 28px;
  right: 4px;
}
.mobile-form .validate-code a {
  line-height: 20px;
}
.mobile-form .validate-code span {
  display: inline-block;
  width: 70px;
  background-color: #f7f7f7;
  color: #999999;
  text-align: center;
  line-height: 20px;
}


/**
 * @Author: conggb
 * @Date: 2022-12-29 14:20:22
 * @LastEditors: conggb
 * @LastEditTime: 2023-01-04 10:26:34
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.card-box {
  padding: 24px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.card-box.clickable:hover {
  box-shadow: rgba(0, 0, 0, 0.01) 1px 1px 1px 0px, rgba(0, 0, 0, 0.01) 2px 2px 2px 0px, rgba(0, 0, 0, 0.01) 4px 4px 4px 0px, rgba(0, 0, 0, 0.02) 8px 8px 8px 0px;
  transform: translateY(-4px);
}
.card-box.card-box-size-medium {
  width: 300px;
  height: 114px;
}
.card-box.card-box-size-large {
  width: 340px;
  height: 132px;
}
.card-box-header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.card-box-header-title {
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.84);
  width: auto;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-box-icon {
  color: #ffffff;
  font-size: 22px;
}
.card-box-icon-outline {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.card-box-line-desc {
  font-size: 13px !important;
  color: #999999 !important;
  margin-bottom: 0 !important;
}

/**
 * @Author: conggb
 * @Date: 2023-01-03 15:56:25
 * @LastEditors: conggb
 * @LastEditTime: 2023-01-03 16:07:31
 */
.party-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.third-party-top-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.third-party-top-title-grid {
  display: inline-block;
  height: 14px;
  width: 3px;
  margin-right: 5px;
  background-color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.sync-date-modal-modal-content {
  padding: 6px 24px;
  width: 100%;
  background: #edf7ff;
}
.sync-date-modal-modal-content-title {
  display: flex;
}
.sync-date-modal-modal-content-title > span {
  margin-left: 6px;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-size: 12px;
}
.sync-date-modal-modal-content-title > .mkicon {
  margin-top: 2px;
  margin-left: 0;
}
.sync-date-modal-modal .mkui-modal-title {
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 700;
  font-size: 14px;
}
.sync-date-modal-modal .mkui-form-item-control-input-content {
  margin-top: 9px;
}
.sync-date-modal-modal .mkui-picker.mkui-picker-range.mkui-picker-li {
  width: 100% !important;
}
.sync-date-modal-modal .mkui-modal-body {
  padding: 0 !important;
}
.sync-date-modal-modal .mkui-form-item-control {
  width: 100%;
}
.mkui-table-row.disabled-all {
  background-color: #f0f2f5;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.tax-allocation-third-record-detail-modal .mkui-modal-content {
  height: 100%;
}
.tax-allocation-third-record-detail-modal .mkui-flex-table {
  height: calc(100% - 40px);
}
.tax-allocation-third-record-detail-modal-title {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.6);
  background-color: #edf7ff;
  text-align: left;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  padding-left: 16px;
}
.tax-allocation-third-record-detail-modal-title .mkicon-info-circle {
  margin-right: 6px;
}
.tax-allocation-third-record-detail-modal-title .mkicon-info-circle svg {
  fill: #3296fa;
}
.tax-allocation-third-record-detail-modal-title-invoice-total {
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
}
.tax-allocation-third-record-detail-modal-expand-table .mkui-table-row-level-1 td {
  background-color: #f7f7f7;
}
.expand-info-row .mkui-table-row-indent {
  padding-left: 0 !important;
}

.tax-allocation-third-record .table-business {
  display: flex;
  justify-content: space-between;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.tax-allocation-record-detail-modal .mkui-modal-content {
  height: 100%;
}
.tax-allocation-record-detail-modal .mkui-flex-table {
  height: calc(100% - 40px);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.tax-allocation-abnormal-disabled-text {
  color: #999999;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.nuonuo-invoice-header {
  padding: 14px 0;
}
.nuonuo-invoice-import {
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #eee;
}
.nuonuo-invoice-tilte {
  display: inline-block;
  margin-left: 38px;
  height: 20px;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.nuonuo-invoice-content-inner {
  padding: 0px 28px;
}
.nuonuo-invoice-content-input {
  display: inline-flex !important;
  margin-right: 16px !important;
  width: calc(50% - 16px);
}
.nuonuo-invoice-content-input .mkui-form-item-required {
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.nuonuo-invoice-content-input {
  display: inline-flex !important;
  margin-right: 16px !important;
  width: calc(50% - 16px);
}
.nuonuo-invoice-content-input .mkui-form-item-required {
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.nuonuo-invoice-content-get-data .mkui-form-item-required {
  display: inline-block;
  margin: 10px 0 !important;
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 13px !important;
  line-height: 16px !important;
}
.nuonuo-invoice-content-timing {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-size: 13px;
  line-height: 16px;
}
.nuonuo-invoice-content .mkui-picker {
  display: inline-flex !important;
  width: 160px !important;
}
.nuonuo-invoice-content .mkui-picker-input {
  padding-left: 8px;
  color: rgba(0, 0, 0, 0.84) !important;
  font-size: 13px !important;
  line-height: 16px;
}
.nuonuo-invoice-content .mkui-input-number {
  display: inline-flex !important;
  margin-left: 8px;
  width: 50px !important;
}
.nuonuo-invoice-content .mkui-input-number-input {
  color: rgba(0, 0, 0, 0.84) !important;
  font-size: 13px !important;
  line-height: 16px;
}
.nuonuo-invoice-content-timing-select {
  margin-left: 12px !important;
  width: 80px !important;
}
.nuonuo-invoice-content-timing-select-selector {
  padding: 0 5px !important;
}
.nuonuo-invoice-content-timing-select-selection-item {
  color: rgba(0, 0, 0, 0.84) !important;
  font-size: 13px !important;
  line-height: 16px;
}
.nuonuo-invoice-content-table .mkui-select {
  width: 100% !important;
}
.nuonuo-invoice-content-table .mkui-select-selector {
  padding: 0 !important;
  border: 0 !important;
}
.nuonuo-invoice-content-table .mkui-select-selector:hover {
  border-bottom: 1px solid #e1e1e1 !important;
}
.nuonuo-invoice-content-table-contacts {
  color: #333;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
}
.nuonuo-invoice-content-table-email {
  color: #fe7a23;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
}
.nuonuo-invoice-content .layout-detail-content-inner-hr {
  margin-top: 0 !important;
  margin-bottom: 18px;
  height: 8px;
}
.nuonuo-invoice-content-service {
  margin-bottom: 7px;
  width: 64px;
  height: 24px;
  color: rgba(0, 0, 0, 0.84);
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.mkui-table-row.disabled-all {
  background-color: #f0f2f5;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.weiside-invoice-header {
  padding: 14px 0;
}
.weiside-invoice-tilte {
  display: inline-fl;
  margin-left: 38px;
  height: 20px;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.weiside-invoice-content-inner {
  padding: 0px 28px;
}
.weiside-invoice-content-import {
  display: flex !important;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 8px;
  width: 100%;
}
.weiside-invoice-content-import > span {
  width: 82px;
  height: 32px;
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #0088ff;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.weiside-invoice-content-search {
  display: inline-flex;
}
.weiside-invoice-content-input .mkui-form-item-required {
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.weiside-invoice-content-get-data .mkui-form-item-required {
  display: inline-flex;
  margin-top: 10px !important;
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 13px !important;
  line-height: 16px !important;
}
.weiside-invoice-content-timing {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-size: 13px;
  line-height: 16px;
}
.weiside-invoice-content .mkui-picker {
  display: inline-flex !important;
  width: 160px !important;
}
.weiside-invoice-content .mkui-picker-input {
  padding-left: 8px;
  color: rgba(0, 0, 0, 0.84) !important;
  font-size: 13px !important;
  line-height: 16px;
}
.weiside-invoice-content .mkui-input {
  border: 0;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-size: 13px;
  line-height: 17px;
}
.weiside-invoice-content .mkui-input:focus {
  border: 1px solid #e1e1e1;
  border-radius: 1px;
}
.weiside-invoice-content .mkui-input-number {
  display: inline-flex !important;
  margin-left: 8px;
  width: 50px !important;
}
.weiside-invoice-content .mkui-input-number-input {
  color: rgba(0, 0, 0, 0.84) !important;
  font-size: 13px !important;
  line-height: 16px;
}
.weiside-invoice-content .mkui-select {
  margin-left: 12px;
  width: 80px !important;
}
.weiside-invoice-content .mkui-select-selector {
  padding: 0 5px !important;
}
.weiside-invoice-content .mkui-select-selection-item {
  color: rgba(0, 0, 0, 0.84) !important;
  font-size: 13px !important;
  line-height: 16px;
}
.weiside-invoice-content .layout-detail-content-inner-hr {
  margin-top: 15px;
  margin-bottom: 18px;
  height: 8px;
}
.weiside-invoice-content-service {
  margin-bottom: 7px;
  width: 64px;
  height: 24px;
  color: rgba(0, 0, 0, 0.84);
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.weiside-invoice-content-table .mkui-select {
  width: 100% !important;
}
.weiside-invoice-content-table .mkui-select-selector {
  padding: 0 !important;
  border: 0 !important;
}
.weiside-invoice-content-table .mkui-select-selector:hover {
  border-bottom: 1px solid #e1e1e1 !important;
}
.weiside-invoice-content-table-contacts {
  color: #333;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
}
.weiside-invoice-content-table-email {
  color: #fe7a23;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
}
.weiside-invoice-content .mkui-modal-title {
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 700;
  font-size: 14px;
}
.weiside-invoice-content .mkui-form-item-control {
  width: 100%;
}

.btn-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.tax-department-private-key {
  min-height: 90px !important;
}

.text-omit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ticket-folder-invoice-content .mkui-table-row.disabled-all {
  background-color: #f0f2f5;
}
.ticket-folder-invoice-content-task-text {
  line-height: 2.5;
  padding: 0 3px;
}
.ticket-folder-invoice-content-task-date .mkui-picker {
  width: 145px;
}
.ticket-folder-invoice-content-task-number .mkui-input-number {
  width: 50px;
  margin-right: 5px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.select-code-item {
  display: inline-flex;
  width: 100%;
}
.select-code-item > div {
  display: inline-flex;
}
.select-code-item-label {
  width: 60px;
  flex-shrink: 0;
  margin-top: 5px;
  margin-left: 5px;
}
.select-code-item-list {
  flex-wrap: wrap;
  flex: 1;
}
.select-code-item-list > span {
  margin: 5px;
  padding: 2px 5px;
  border: 1px solid #e1e1e1;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.select-code-item-list > .mkicon-close {
  margin-left: 2px;
}
.select-code-item-eclipse {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-wrap: nowrap;
}
.select-code-item-sub {
  width: 65px;
  flex-shrink: 0;
  padding-left: 8px;
  margin-top: 5px;
  cursor: pointer;
  font-size: 12px;
}
.select-code-item-sub > span {
  padding-left: 5px;
  color: #008cff;
}
.select-code-item-sub > em {
  font-style: normal;
  padding: 0 2px;
  color: #008cff;
}
.select-code-item-spec {
  display: inline-flex;
  margin: 5px;
  padding: 0 !important;
  border: 0 !important;
  color: rgba(0, 0, 0, 0.6);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.select-code-item {
  display: inline-flex;
  width: 100%;
}
.select-code-item > div {
  display: inline-flex;
}
.select-code-item-label {
  width: 60px;
  flex-shrink: 0;
  margin-top: 5px;
  margin-left: 5px;
}
.select-code-item-list {
  flex-wrap: wrap;
  flex: 1;
}
.select-code-item-list > span {
  margin: 5px;
  padding: 2px 5px;
  border: 1px solid #e1e1e1;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.select-code-item-list > .mkicon-close {
  margin-left: 2px;
}
.select-code-item-eclipse {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-wrap: nowrap;
}
.select-code-item-sub {
  width: 65px;
  flex-shrink: 0;
  padding-left: 8px;
  margin-top: 5px;
  cursor: pointer;
  font-size: 12px;
}
.select-code-item-sub > span {
  padding-left: 5px;
  color: #008cff;
}
.select-code-item-sub > em {
  font-style: normal;
  padding: 0 2px;
  color: #008cff;
}
.select-code-item-spec {
  display: inline-flex;
  margin: 5px;
  padding: 0 !important;
  border: 0 !important;
  color: rgba(0, 0, 0, 0.6);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.cloud-invoice-config-content-timing {
  display: inline-block;
  vertical-align: baseline;
}
.cloud-invoice-config-cron-error {
  color: #f53137;
}
.cloud-invoice-config-drawer .mkui-drawer-footer {
  text-align: right;
}
.cloud-invoice-config-drawer .billtypes-title {
  color: #757575;
}
.cloud-invoice-config-drawer .mkui-secret-input {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  padding-left: 0;
}
.cloud-invoice-config-drawer .mkui-secret-input:hover {
  border-color: var(--mkui-primary-6, #0088ff);
}
.cloud-invoice-config-drawer .mkui-secret-input:focus {
  border-color: var(--mkui-primary-6, #0088ff);
}
.cloud-invoice-config-drawer .mkui-secret-input .secret-word {
  cursor: pointer;
}
.cloud-invoice-config-drawer .mkui-input-affix-wrapper-disabled {
  background-color: #fff;
}
.cloud-invoice-config-drawer .mkui-input-affix-wrapper-disabled .mkui-input-disabled {
  border: none !important;
}
.cloud-invoice-config-drawer .mkui-checkbox-group .mkui-row {
  margin-top: 5px;
  margin-bottom: 5px;
}
.cloud-invoice-config-drawer .mkui-input-number-group-wrapper .mkui-input-number-group-addon {
  border: none !important;
}
.cloud-invoice-config-drawer .mkui-input-number-group-wrapper .cloud-invoice-config-update-time {
  width: 40px !important;
}
.cloud-invoice-config-drawer .cloud-invoice-config-align-center {
  align-self: center;
}
.cloud-invoice-config-tag-code {
  display: block;
}
.cloud-invoice-config-tag-code .mkui-tag {
  display: inline-block;
  vertical-align: middle;
}
.cloud-invoice-config-entitybizcodes {
  cursor: pointer;
}
.cloud-invoice-config-bizcodes:hover {
  color: var(--mkui-primary-6, #0088ff);
}

.nuonuo-invoice-modal-content-title {
  display: flex;
}
.nuonuo-invoice-modal-content-title-icon {
  width: 13px;
  align-items: center;
  margin-right: 4px;
}
.nuonuo-invoice-modal-content-title-tip {
  width: calc(100% - 17px);
  align-items: center;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.cloud-invoice .mkui-tabs .mkui-tabs-nav-wrap {
  padding: 0 28px;
}
.cloud-invoice .mkui-tabs .mkui-tabs-nav {
  margin-bottom: 0;
}
.cloud-invoice .mkui-tabs .mkui-tabs-content {
  height: 100%;
}
.cloud-invoice .mkui-tabs .mkui-tabs-tabpane {
  display: flex;
  flex-direction: column;
}
.cloud-invoice .layout-list-bottom {
  border-top: 1px solid #eee;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.setting-remiburse .mkui-tabs {
  height: 100%;
}
.setting-remiburse .mkui-tabs .mkui-tabs-nav-wrap {
  padding: 0 28px;
}
.setting-remiburse .mkui-tabs .mkui-tabs-nav {
  margin-bottom: 0;
}
.setting-remiburse .mkui-tabs .mkui-tabs-content {
  height: 100%;
}
.setting-remiburse .mkui-tabs .mkui-tabs-tabpane {
  display: flex;
  flex-direction: column;
}
.setting-remiburse .layout-list-bottom {
  border-top: 1px solid #eee;
}
.config-detail .hidden {
  display: none;
}
.config-detail .mkui-modal-content .mkui-modal-body {
  max-height: 560px;
  overflow: auto;
}
.config-detail-question-icon {
  display: inline-block;
  font-size: 15px;
  color: #999;
  cursor: pointer;
}
.config-detail-question-icon:hover {
  color: var(--mkui-primary-6, #0088ff);
}
.config-detail-reimburse-title {
  width: 220px;
}
.config-detail .mkui-checkbox-wrapper {
  display: flex !important;
}
.config-detail .mkui-checkbox-wrapper + .mkui-checkbox-wrapper {
  margin-left: 0;
}
.config-detail-content-input .secret-word {
  cursor: pointer;
}
.config-detail-content-input .mkui-input.mkui-input-li.mkui-input-disabled {
  border-bottom: none;
}
.config-detail-content-input .mkui-input.mkui-input-li.mkui-input-disabled:hover {
  border: none;
}
.config-detail-content-input .mkui-input-affix-wrapper.app-secret-input {
  padding-left: 0;
  border-bottom: 1px solid #d9d9d9 !important;
}
.config-detail-content-input .mkui-input-affix-wrapper.app-secret-input:hover {
  border-bottom: 1px solid var(--mkui-primary-7, #006cd9) !important;
}
.config-detail-content-input .mkui-checkbox-group .row .mkui-input {
  width: auto;
}
.config-detail .mkui-form-item-has-error .app-secret-input {
  border-bottom: 1px solid #ff4d4f !important;
}
.config-detail .mkui-form-item-has-error .app-secret-input:hover {
  border-bottom: 1px solid #ff4d4f !important;
}
.config-detail .mkui-form-item-has-error .app-secret-input .mkui-input.mkui-input-li {
  border-bottom: none !important;
}
.config-detail-content-opt {
  width: 200px;
}
.config-detail-content-opt .mkui-popover-title {
  display: flex;
  align-items: center;
  justify-content: left;
  border-bottom: none;
}
.config-detail-content-opt svg {
  width: 15px;
  height: 15px;
  opacity: 1;
  color: #f5be15;
  margin-right: 8px;
}
.config-detail-content-opt .content-title {
  display: inline;
}
.config-detail-content-opt .opt-btn {
  margin-top: 10px;
  text-align: right;
}
.config-detail-content-opt .opt-btn .cancel {
  margin-right: 10px;
}
.config-detail-normal-edit {
  margin-left: 12px;
  height: 30px;
  line-height: 30px;
  color: var(--mkui-primary-6, #0088ff);
}
.config-detail-normal-add {
  width: auto;
  max-width: 250px;
}
.config-detail-add-coding {
  height: 30px;
  line-height: 32px;
  color: var(--mkui-primary-6, #0088ff);
  font-size: 12px;
}
.config-detail-add-coding:hover {
  background: none;
}
.config-detail-normal-edit:hover {
  cursor: pointer;
}
.config-detail-codes-container {
  padding-left: 10px;
}
.config-detail-codes-container .select-code-item-list > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.config-detail-content-timing {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-size: 13px;
  line-height: 16px;
}
.config-detail-content-timing .mkui-row {
  padding-left: 8px;
}
.config-detail-content-timing .mkui-input-number {
  width: 50px !important;
}
.config-detail-content-timing .mkui-select {
  width: 80px !important;
}
.mkui-input-li.config-detail-normal-add {
  width: auto;
  max-width: 250px;
}

/**
 * @Author: zhuzy
 * @Date: 2021-12-28 16:58:15
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-02-16 10:32:20
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.bind-modal-step-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #e1e1e1;
  color: #e1e1e1;
  font-size: 12px;
  vertical-align: 1px;
  margin-right: 3px;
}
.mkui-tabs-tab-active .bind-modal-step-icon {
  background-color: #0088ff;
  color: #ffffff;
  border-color: #0088ff;
}
.bind-modal .mkui-modal-body {
  padding: 0 24px;
}
.bind-modal .mkui-tabs-nav {
  margin-bottom: 5px !important;
}
.bind-modal .mkui-tabs-nav-list {
  width: 100%;
  justify-content: space-around;
}
.bind-modal-step-1 {
  display: flex;
  flex-direction: column;
  height: 368px;
}
.bind-modal-step-1 .bill-list {
  flex: auto;
  overflow: auto;
}
.bind-modal-step-1 .bill-item {
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #f7f7f7;
  padding: 0 12px;
  font-size: 14px;
  cursor: pointer;
}
.bind-modal-step-1 .bill-item:first-child {
  border-top: 1px solid #f7f7f7;
}
.bind-modal-step-1 .bill-item:hover {
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.84);
}
.bind-modal-step-1 .bill-item.selected {
  background-color: #edf7ff;
  color: #3296fa;
}
.bind-modal-step-1 .bill-item.selected:hover {
  background-color: #edf7ff;
  color: #3296fa;
}
.bind-modal-step-2 {
  display: flex;
  flex-direction: column;
  padding-top: 5px;
  height: 368px;
}
.bind-modal-step-2 .rel-title {
  font-size: 13px;
  line-height: 18px;
  padding: 9px;
}
.bind-modal-step-2 .rel-title span {
  font-weight: 800;
  color: rgba(0, 0, 0, 0.6);
}
.bind-modal-step-2 .rel-list {
  position: relative;
  flex: auto;
  overflow: auto;
}
.bind-modal-step-2 .rel-list .mkui-form {
  padding-left: 9px !important;
}
.bind-modal-step-3 .rel-result {
  padding: 100px 88px 0 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bind-modal-step-3 .rel-result .rel-result-icon {
  font-size: 50px;
  line-height: 50px;
}
.bind-modal-step-3 .rel-result .rel-result-icon.success {
  color: #73d13d;
}
.bind-modal-step-3 .rel-result .rel-result-icon.failed {
  color: #ff0000;
}
.bind-modal-step-3 .rel-result .rel-result-title {
  font-size: 22px;
  font-weight: 800;
  color: #000000;
  line-height: 32px;
  margin-top: 20px;
}
.bind-modal-step-3 .rel-result .rel-result-desc {
  margin-top: 4px;
}
.bind-modal-step-3 .rel-result .rel-result-buttons {
  margin-top: 50px;
  display: flex;
}

/**
 * @Author: wenjwu
 * @Date: 2021-12-20 17:09:29
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-04-13 15:13:18
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.robot-list {
  height: calc(100% - 90px);
  padding: 16px 24px;
  background-color: #fff;
}
.mkui-alert.robot-list-alert {
  padding: 5px 15px 5px 37px;
}
.mkui-alert.robot-list-alert > span.mkui-alert-icon {
  top: 9px;
}
.robot-list-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.robot-list-content-title {
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
}
.robot-list-content-text {
  height: 22px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.robot-list-content-text .info {
  color: #3296fa;
}
.robot-list-content-text .over {
  color: #ff2825;
}
.robot-list-content .icon-info-circle {
  width: 15px;
  height: 15px;
  color: rgba(0, 0, 0, 0.44);
  margin-left: 12px;
  margin-right: 4px;
}
.robot-list-table-container {
  height: calc(100% - 72px);
}
.robot-list-table-container .mkicon-NoopictureFilled {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 2px;
  border: 1px solid #eee;
  background-color: #ffffff;
}
.robot-list-table-container .mkicon-NoopictureFilled:hover {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.robot-list-table-container .mkicon-NoopictureFilled svg {
  width: 30px;
  height: 24px;
  color: #eee;
}
.robot-list-table-container .thum-img {
  border: 1px solid #eee;
  border-radius: 2px;
}
.robot-list-table-container .thum-img:hover {
  cursor: pointer;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.robot-list-table-container .robot-status {
  display: flex;
  align-items: center;
}
.robot-list-table-container .robot-status .icon-question {
  position: relative;
  top: 1px;
  left: 4px;
}
.robot-list-table-container .robot-status .icon-question:hover {
  cursor: pointer;
}
.robot-list-table-container .robot-status .icon-question svg {
  color: rgba(0, 0, 0, 0.28);
}
.icon-question-filled {
  color: #f5be15;
}
.image-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

/**
 * @Author: wenjwu
 * @Date: 2021-12-20 17:09:29
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-04-13 15:13:18
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.granted-service {
  background-color: #fff;
  margin-top: 12px;
  padding: 16px 24px;
}
.granted-service-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.granted-service-content {
  display: flex;
}
.granted-service .card-box {
  background-color: #fff;
  width: 340px;
  height: 168px;
  margin-right: 16px;
  color: rgba(0, 0, 0, 0.6);
}
.granted-service .card-box p {
  color: #999;
}
.granted-service .card-box-process-number span {
  color: rgba(0, 0, 0, 0.84);
  font-size: 18px;
  margin-right: 4px;
}
.granted-service .has-robot {
  color: var(--mkui-primary-6, #0088ff);
}
.granted-service .no-robot {
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ai-ocr-content-enquiry {
  margin-bottom: 4px;
}
.ai-ocr-content-enquiry span {
  height: 24px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
}
.ai-ocr-content-enquiry button > span {
  font-size: 13px;
  color: var(--mkui-primary-6, #0088ff);
}
.ai-ocr-content-input {
  display: inline-flex !important;
  margin-right: 16px !important;
  width: calc(50% - 16px);
}
.ai-ocr-content-inner {
  background-color: #f0f2f5;
  padding: 0;
}
.ai-ocr-content-config {
  padding: 16px 24px;
  background-color: #fff;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoice-certification-header {
  padding: 14px 0;
}
.invoice-certification-tilte {
  display: inline-block;
  margin-left: 38px;
  width: 64px;
  height: 20px;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.invoice-certification-content-input {
  display: inline-flex !important;
  margin-right: 16px !important;
  width: calc(50% - 16px);
}
.invoice-certification-content-star {
  color: red;
}
.invoice-certification-content-wrapper {
  cursor: pointer;
}
.invoice-certification-content-wrapper-select-item {
  display: inline-block;
  margin: 5px 4px;
  padding: 4px 7px;
  background-color: #eee;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-size: 13px;
  line-height: 16px;
}
.invoice-certification-content-wrapper-select-item-total {
  display: inline-block;
  margin: 5px 4px;
  padding: 4px 0;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-size: 13px;
  line-height: 16px;
}
.invoice-certification-content-wrapper:hover {
  background-color: rgba(240, 248, 255, 0.5);
}
.invoice-certification-content-empty {
  width: 104px;
  height: 20px;
  background: #f7f7f7;
  line-height: 20px;
  cursor: pointer;
  text-align: center;
}
.invoice-certification-content .mkui-radio-wrapper {
  color: #130f0f !important;
  font-size: 13px !important;
  line-height: 17px !important;
}
.invoice-certification-content .mkui-form-item-required {
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.invoice-certification-content .mkui-select-selection-item {
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-size: 13px;
  line-height: 16px;
}
.invoice-certification-content .mkui-select-selector {
  padding-left: 0px !important;
  border-bottom: 0px !important;
}
.invoice-certification-content .mkui-breadcrumb {
  display: inline-block !important;
  margin-bottom: 12px !important;
}
.invoice-certification-title {
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  color: #444444;
  margin-top: 25px;
}
.invoice-certification-title:first-child {
  margin-top: 0;
}
.modal-business {
  min-height: 510px;
}
.modal-business .mkui-breadcrumb {
  display: inline-block;
}
.modal-business .mkui-breadcrumb span.mkui-breadcrumb-link span.total {
  color: var(--mkui-primary-6, #0088ff);
}
.modal-business .mkui-abstract-transfer-box-title {
  padding-bottom: 8px;
}
.grey-block {
  background-color: #f7f7f7;
  padding: 0 12px;
  height: 12px;
  margin-top: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.monitor-user-log-tilte {
  display: inline-block;
  color: #333;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.monitor-user-log-content .layout-detail-content-inner {
  padding: 0 !important;
}
.monitor-user-log-content-table-content {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.monitor-user-log-content-table-tip {
  color: #333;
}
.monitor-user-log-content-table-oper {
  padding: 1px 5px;
  border: 1px solid #3296fa;
  border-radius: 1px;
  color: #3296fa;
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.monitor-user-log-content-table-oper-EDIT,
.monitor-user-log-content-table-oper-OTHER {
  padding: 1px 5px;
  border: 1px solid #722ed1;
  border-radius: 1px;
  color: #722ed1;
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.monitor-user-log-content-table-oper-REMOVE,
.monitor-user-log-content-table-oper-RECEIVE_REFUSE {
  padding: 1px 5px;
  border: 1px solid #fe7a23;
  border-radius: 1px;
  color: #fe7a23;
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.monitor-user-log-content-table-oper-EXPORT {
  padding: 1px 5px;
  border: 1px solid #06b600;
  border-radius: 1px;
  color: #06b600;
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.mkui-modal-confirm-content {
  overflow: auto;
  max-height: 360px;
}



/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.log-params {
  background-color: #f7f7f7;
  padding: 12px 16px;
  max-height: 400px;
  overflow-y: auto;
  border-radius: 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.interface-log-detail-modal .mkui-modal-content {
  height: 0;
}
.log-detail-modal {
  overflow: auto;
  max-height: 680px;
}
.log-detail-modal-copy {
  margin-left: 8px;
  font-size: 12px;
  top: -2px;
  color: var(--mkui-primary-6, #0088ff) !important;
}
.log-detail-modal-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.log-detail-modal-title::before {
  content: '';
  background-color: var(--mkui-primary-6, #0088ff);
  width: 3px;
  height: 12px;
  display: inline-block;
  margin-right: 4px;
}
.log-detail-modal-row-col .label {
  min-width: 40px;
  margin-right: 10px;
}
.log-detail-modal-row-col .val {
  word-break: break-all;
}
.log-detail-modal-row-col .val .execute-status {
  position: relative;
}
.log-detail-modal-row-col .val .execute-status .normal {
  position: relative;
  top: 6px;
  height: 7px;
}
.log-detail-modal .log-params {
  max-height: 200px !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integrated-log-content {
  position: relative;
}
.integrated-log-content .layout-detail-content-inner {
  padding: 0 !important;
}
.integrated-log-content-table tr:hover {
  cursor: pointer;
}
.integrated-log-content-table-ellipsis-content {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.openapi-log-warning,
.openapi-log-danger {
  color: #f53137;
}
.openapi-log-content {
  position: relative;
}
.openapi-log-content .layout-detail-content-inner {
  padding: 0 !important;
}
.openapi-log-content-table tr:hover {
  cursor: pointer;
}
.openapi-log-content-table-ellipsis-content {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.openapi-log-drawer-title-sub-text {
  font-size: 13px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.44);
  margin-left: 8px;
}
.openapi-log-drawer .log-detail-modal {
  max-height: none !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.abnormal-reminder-detail-content-contacts-selected {
  cursor: pointer;
  padding-right: 12px;
  border-bottom: 1px solid #d9d9d9;
  max-width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.abnormal-reminder-detail-content-contacts-normal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 18px);
}
.abnormal-reminder-detail-content-contacts-normal-text {
  max-width: 85%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.abnormal-reminder-detail-content-contacts-normal-icon {
  color: rgba(0, 0, 0, 0.45) !important;
  margin-left: 5px;
}
.abnormal-reminder-detail-content-contacts-normal-icon svg {
  width: 12px;
  height: 12px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.err-detail-modal .mkui-modal-content .mkui-modal-body {
  padding-right: 5px;
}
.err-detail-modal {
  overflow: auto;
  max-height: 680px;
  padding-right: 15px;
}
.err-detail-modal-error-item {
  margin-top: 16px;
}
.err-detail-modal-error-item-show-content {
  width: 100%;
  max-height: 560px;
  overflow-y: auto;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.abnormal-data-warning,
.abnormal-data-danger {
  color: #f11212;
}
.abnormal-data-content {
  position: relative;
}
.abnormal-data-content .layout-detail-content-inner {
  padding: 0 !important;
}
.abnormal-data-content-table tr:hover {
  cursor: pointer;
}
.abnormal-data-content-table-ellipsis-content {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.abnormal-data-drawer-title-sub-text {
  font-size: 13px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.44);
  margin-left: 8px;
}
.abnormal-data-drawer .log-detail-modal {
  max-height: none !important;
}

/**
 * @Author: conggb
 * @Date: 2022-09-20 16:02:30
 * @LastEditors: conggb
 * @LastEditTime: 2022-09-20 18:00:16
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.interface-log-openapi-reminder {
  color: rgba(0, 0, 0, 0.44);
  font-weight: normal;
  margin-right: 24px;
  line-height: 0;
  display: flex;
  align-items: center;
}
.interface-log-openapi-reminder .mkicon {
  font-size: 15px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.auth-link-test-modal-result {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 140px;
  padding: 15px 0;
  text-align: center;
  background-color: #f7f7f7;
  border-radius: 2px;
  border: 1px solid #eee;
}
.auth-link-test-modal-result div {
  margin-bottom: 12px;
}
.auth-link-test-modal-result-pending {
  color: #00b600;
  font-size: 28px;
}
.auth-link-test-modal-result-success {
  color: #1eaa39;
  font-size: 28px;
}
.auth-link-test-modal-result-fail {
  color: #e95513;
  font-size: 28px;
}
.auth-link-test-modal-result-process {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.84);
}
.auth-link-test-modal-result-msg {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.auth-modal .mkui-radio-group {
  margin-bottom: 12px;
}
.auth-modal-link-test {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.auth-modal-link-test-text {
  font-weight: 600;
  margin-right: 4px;
  color: rgba(0, 0, 0, 0.84);
}
.auth-modal-link-test-btn {
  display: flex;
  align-items: center;
}
.auth-modal-link-test-btn .mkicon {
  font-size: 15px;
}
.auth-modal-secret-item .mkicon {
  color: var(--mkui-primary-color);
}
.auth-modal-systemCode-item .mkicon {
  color: var(--mkui-primary-color);
}
.auth-modal-systemCode-item .mkui-input-affix-wrapper {
  border: 0;
  padding-left: 0px;
  border-bottom: 1px solid #d9d9d9;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.system-detection-content .layout-detail-content-inner {
  padding: 0 !important;
}
.system-detection-content-line {
  border-top: 12px solid #f0f2f5;
}
.system-detection-content-main {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 320px;
}
.system-detection-content-main-raw {
  display: inline-block;
  width: calc(50% - 16px);
  height: 100%;
}
.system-detection-content-main-raw-left {
  width: calc(50% + 16px);
  height: 100%;
  border-right: 16px solid #f0f2f5;
}
.system-detection-content-main-raw-child {
  display: inline-block;
  padding: 24px;
  vertical-align: top;
  text-align: center;
}
.system-detection-content-main-raw-child .divider {
  margin-bottom: 24px;
  border-top: 1px solid #e1e1e1;
}
.system-detection-content-main-raw-child #video,
.system-detection-content-main-raw-child #data {
  margin-left: 36px;
}
.system-detection-content-main-raw-data {
  display: flex;
  justify-content: space-between;
}
.system-detection-content-main-raw-data-text {
  margin-bottom: 18px;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-size: 14px;
  line-height: 19px;
}
.system-detection-content-main-raw-data-text-bolder {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.system-detection-content-main-raw-data .circle-free {
  display: inline-block;
  margin-right: 16px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #3296fa;
}
.system-detection-content-main-raw-data .circle-used {
  display: inline-block;
  margin-right: 16px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #935fdb;
}
.system-detection-content-main-raw-card {
  padding: 24px;
}
.system-detection-content-main-raw-card-renew {
  margin-left: 6px !important;
  cursor: pointer;
}
.system-detection-content-main-raw-card-time {
  margin: 0px 4px;
  font-weight: 600;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.system-detection-content-main-raw-card .mkui-progress {
  margin: 16px 0px;
}
.system-detection-content-main-raw-card-dates {
  display: flex;
  gap: 12px;
}
.system-detection-content-main-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 12px 24px;
  border-bottom: 1px solid #eee;
}
.system-detection-content-main-header-title {
  color: rgba(0, 0, 0, 0.84);
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
}
.system-detection-bottom {
  text-align: center;
}
.system-detection-bottom-title {
  width: 100%;
  height: 64px;
  border-bottom: 1px solid #eee;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-size: 16px;
  line-height: 64px;
}
.system-detection-bottom-img {
  margin-top: 51px;
  width: 200px;
  height: 151px;
}
.system-detection-bottom-foot {
  margin-top: 7px;
  color: rgba(0, 0, 0, 0.28);
  font-size: 14px;
  line-height: 19px;
}
.system-detection-bottom-empty {
  display: inline-flex;
  flex-grow: 1;
}

.pop-modal .mkui-form-item {
  margin-bottom: 0;
}
.pop-modal .mkui-form-item-control {
  display: none;
}
.pop-modal .mkui-picker {
  margin-left: 8px;
}

/**
 * @Author: yjf
 * @Date: 2021-12-16 15:41:37
 * @LastEditors: yjf
 * @LastEditTime: 2021-12-17 11:21:40
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.system-upgrade-content-desc-update-desc {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.system-upgrade-content-desc-update-desc-title {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 8px;
}
.system-upgrade-content-desc-update-desc-content {
  display: inline-block;
  vertical-align: top;
}
.system-upgrade-content-desc-update-desc-subtitle {
  margin-top: 12px;
}
.system-upgrade-content-desc-update-desc-website,
.system-upgrade-content-desc-update-desc-email {
  display: flex;
  margin-top: 8px;
}
.system-upgrade-content-desc-update-desc-email {
  margin-top: 0;
  margin-bottom: 16px;
}

/**
 * @Author: yjf
 * @Date: 2021-12-16 15:41:37
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-02-16 10:52:06
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.system-upgrade-content-box {
  position: relative;
}
.system-upgrade-content-header-version {
  display: block;
  margin-bottom: -4px;
}
.system-upgrade-content-version-header {
  display: flex;
  align-items: center;
}
.system-upgrade-content-version-header-flag {
  display: inline-block;
  vertical-align: text-bottom;
}
.system-upgrade-content-version-header-wait-version {
  margin-right: 12px;
  font-size: 36px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.system-upgrade-content-version-header-wait-desc {
  display: inline-block;
  margin-right: 12px;
  font-size: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.system-upgrade-content-version-header-version {
  line-height: 40px;
  margin-right: 8px;
  font-size: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.system-upgrade-content-time {
  line-height: 20px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.system-upgrade-content-shcedule-time {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
}
.system-upgrade-content-shcedule-time .mkicon-info-circle {
  margin-right: 4px;
  color: #3296fa;
}
.system-upgrade-content-shcedule-time-setting {
  color: #3296fa;
}
.system-upgrade-content-upgrade-btn {
  display: flex;
  border-top: 1px solid #e1e1e1;
  padding: 16px 0;
}
.system-upgrade-content-upgrade-btn .mkui-btn {
  margin-right: 16px;
}
.system-upgrade-content-rocket {
  position: absolute;
  right: 10%;
  top: 20%;
  opacity: 0.7;
}
.system-upgrade-content-now-update-modal .mkui-modal-header {
  border-bottom: none;
}
.system-upgrade-content-now-update-modal .mkui-modal-body {
  line-height: 20px;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
}
.system-upgrade-content-now-update-modal .mkui-modal-body .mkicon-question-circle {
  margin-right: 8px;
  font-size: 20px;
  color: #f5be15;
}
.system-upgrade-content-now-update-modal .mkui-modal-footer {
  border-top: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.system-upgrade-content {
  padding: 30px;
}
.system-upgrade-content-divider {
  height: 12px;
  margin-bottom: 12px;
  background-color: #f7f7f7;
}
.system-upgrade-content-history {
  border: 1px solid #e1e1e1;
}
.system-upgrade-content-history-title {
  height: 44px;
  line-height: 44px;
  padding-left: 16px;
  background-color: #f7f7f7;
  font-size: 16px;
  font-weight: 600;
}
.system-upgrade-content-history-content-item {
  padding: 7.5px 16px;
  border-bottom: 1px solid #f7f7f7;
}
.system-upgrade-schedule {
  display: inline-flex;
  margin-left: 15px;
}
.system-upgrade-version-box {
  margin-top: 10px;
  font-size: 36px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
}
.system-upgrade-version-box > span {
  font-size: 26px;
  margin-left: 4px;
}
.system-upgrade-version-box > em {
  font-size: 12px;
  background-color: #fff1f1;
  color: #ffffff;
  font-style: normal;
  width: 48px;
  height: 20px;
  padding: 1px 6px;
  font-weight: normal;
  display: inline-block;
}
.system-upgrade-title {
  display: inline-block;
  vertical-align: bottom;
  line-height: 50px;
  height: 50px;
  border-bottom: 2px solid #3296fa;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 700;
}
.system-upgrade-dl {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 20px;
  color: rgba(0, 0, 0, 0.6);
}
.system-upgrade-dl dt {
  float: left;
  margin-right: 6px;
}
.system-upgrade-dl dd {
  float: left;
}
.system-upgrade-history {
  line-height: 40px;
  padding: 12px 0;
  margin: 0 -24px;
  background-color: #f0f2f5;
}
.system-upgrade-history-line {
  background-color: #ffffff;
  padding-left: 24px;
}
.system-upgrade-history-font {
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
}
.system-upgrade-history-tinyfont {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
.system-upgrade-history-small {
  padding: 6px 0;
}
.system-upgrade-current-version {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
.system-upgrade-current-version-content .current-version-item {
  margin-top: 8px;
  margin-bottom: 8px;
}
.system-upgrade-current-version-content .current-version-title {
  font-size: 25px;
  color: rgba(0, 0, 0, 0.84);
}
.system-upgrade-current-version-content .current-version-desc {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
}
.system-upgrade-current-version-content .current-version-icon {
  margin-bottom: -8px;
  font-size: 36px;
  color: #06b600;
}
.system-upgrade-current-version-detail {
  font-size: 14px;
  cursor: pointer;
  color: #3296fa;
}
.system-upgrade-detail-info {
  position: relative;
  padding: 30px 30px 40px 30px;
  background-color: #f7f7f7;
}
.system-upgrade-detail-info .system-upgrade-rocket {
  position: absolute;
  top: 50px;
  right: 50px;
}

/**
 * @Author: conggb
 * @Date: 2023-04-13 14:35:16
 * @LastEditors: conggb
 * @LastEditTime: 2023-05-05 10:32:30
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.system-copy-operate-record-result-detail-modal-content-summary {
  padding: 12px 16px;
  background: #f7f7f7;
  border-radius: 2px;
}
.system-copy-operate-record-result-detail-modal-content-summary-status {
  display: flex;
  margin-left: -8px;
}
.system-copy-operate-record-result-detail-modal-content-summary-reason {
  display: flex;
}
.system-copy-operate-record-result-detail-modal-content-summary-reason-label {
  flex-shrink: 0;
}
.system-copy-operate-record-result-detail-modal-content-summary-reason-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.system-copy-operate-record-result-detail-modal-content-summary-reason-content > button {
  border: none !important;
}
.system-copy-operate-record-result-detail-modal-content-detail {
  padding: 12px 16px;
  line-height: 1.8;
}
.system-copy-operate-record-result-detail-modal-content-detail-item-abnormal {
  color: #f53137;
  font-weight: bold;
}

/**
 * @Author: conggb
 * @Date: 2023-04-12 14:43:22
 * @LastEditors: conggb
 * @LastEditTime: 2023-05-05 09:45:22
 */
.system-copy-operate-record {
  margin: 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mkui-systemcopy-tabs .mkui-tabs-nav-list .mkui-tabs-tab-btn {
  font-weight: normal;
}
.mkui-system-copy-container {
  padding: 16px 24px;
}
.mkui-system-copy-container .mkui-system-copy-alert {
  position: relative;
  padding-left: 35px;
}
.mkui-system-copy-container .mkui-system-copy-alert .mkui-alert-icon {
  position: absolute;
  top: 12px;
  left: 15px;
  font-size: 15px;
}
.mkui-system-copy-container .mkui-alert {
  border: none;
}
.mkui-system-copy-data-type {
  padding: 16px;
  width: 800px;
  background-color: #f7f7f7;
}
.mkui-system-copy-data-type-line {
  height: 30px;
  line-height: 30px;
}
.mkui-system-copy-system-title {
  margin-top: 16px;
  margin-bottom: 8px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.mkui-system-copy-occupy-item-tips {
  color: rgba(0, 0, 0, 0.44);
}
.mkui-form .mkui-form-item + .mkui-system-copy-occupy-item {
  margin-top: 18px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.relation-model-page-info-drawer-title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.relation-model-page-info-drawer-title-grid {
  display: inline-block;
  position: relative;
  top: 1.5px;
  height: 13px;
  width: 3px;
  margin-right: 5px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.relation-model-page-info-drawer-line {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.relation-model-page-info-drawer-line-copy {
  cursor: pointer;
  margin-left: 4px;
  color: var(--mkui-primary-color);
}
.relation-model-page-info-drawer-card {
  width: 100%;
  max-height: 100px;
  overflow-y: auto;
  background: #f7f7f7;
  border-radius: 1px;
  padding: 6px 8px;
}
.relation-model-page-info-drawer-documentName > span {
  white-space: pre-wrap;
  word-break: break-all;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"pendingrelationfilter";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mkui-relation-model-tabs .mkui-tabs-nav-list .mkui-tabs-tab-btn {
  font-weight: normal;
}
.relation-model-page-right-setting-wrap {
  float: right;
  line-height: 32px;
}
.relation-model-page-set-retain-time-modal-require {
  font-size: 12px;
  color: #ff2825;
  line-height: 18px;
}
.relation-model-page-set-retain-time-modal-input {
  width: 60px;
  margin: 0px 4px;
  display: inline-block;
}
.relation-model-page-help {
  display: flex;
  align-items: center;
}
.relation-model-page-help-word {
  margin-left: 4px;
  font-weight: 400;
  font-size: 14px;
  color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mkui-system-theme {
  padding: 26px;
}
.mkui-system-theme .theme-item-layout {
  margin-bottom: 32px;
}
.mkui-system-theme .theme-item-layout-title {
  margin-bottom: 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
}
.mkui-system-theme .theme-item-layout-title-grid {
  display: inline-block;
  position: relative;
  top: 1.5px;
  height: 13px;
  width: 3px;
  margin-right: 5px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.mkui-system-theme .theme-item-layout-operation {
  display: flex;
}
.mkui-system-theme .theme-item-layout-operation-history {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: 24px;
  padding-left: 24px;
  border-left: 1px solid #e1e1e1;
}
.mkui-system-theme .theme-item-layout-operation-history-title {
  margin-bottom: 4px;
  color: #757575;
}
.mkui-system-theme .theme-item-layout-tips {
  position: relative;
  color: #757575;
  margin-top: 12px;
}
.mkui-system-theme .theme-item-layout-tips::before {
  position: absolute;
  left: -8px;
  display: inline-block;
  content: '*';
  color: #ff0000;
}
.mkui-system-theme-color-picker-wrapper {
  margin-bottom: 20px;
}
.mkui-system-theme-color-picker {
  padding: 4px;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.mkui-system-theme-color-picker-swatch {
  width: 112px;
  height: 22px;
}
.mkui-system-theme-color-picker-popover {
  position: absolute;
  z-index: 4;
  margin-top: 3px;
}
.mkui-system-theme-color-picker-cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mkui-system-theme-block-title {
  margin-bottom: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
}
.mkui-system-theme-block-title#bank-account {
  margin-top: 12px;
}
.mkui-system-theme-block-title-grid {
  display: inline-block;
  position: relative;
  top: 1.5px;
  height: 13px;
  width: 3px;
  margin-right: 5px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.mkui-system-theme-block-title .mkicon-question-circle {
  margin-left: 5px;
  color: #999999;
}
.mkui-system-theme-logo-uploader {
  display: block;
  font-size: 0;
}
.mkui-system-theme-logo-uploader .mkui-upload {
  height: 80px;
  width: 200px;
}
.mkui-system-theme-bg-uploader {
  display: block;
  font-size: 0;
}
.mkui-system-theme-bg-uploader .mkui-upload {
  height: 120px;
  width: 200px;
}
.mkui-system-theme-bg-uploader .mkui-upload-list {
  display: none;
}
.mkui-system-theme-favicon-uploader {
  display: block;
  font-size: 0;
}
.mkui-system-theme-favicon-uploader .mkui-upload {
  height: 100px;
  width: 100px;
}
.mkui-system-theme-favicon-uploader .mkui-upload-list {
  display: none;
}
.mkui-system-theme-upload-button {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  z-index: 0;
  width: 100%;
  height: 100%;
  justify-items: center;
  align-items: center;
  cursor: pointer;
}
.mkui-system-theme-upload-image {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #e1e1e1;
}
.mkui-system-theme-upload-image img {
  position: absolute;
  height: 100%;
  z-index: 1;
}
.mkui-system-theme-upload-image:hover .mkui-system-theme-upload-button {
  position: relative;
  color: #ffffff;
  cursor: pointer;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
}
.mkui-system-theme-upload-image:hover .mkui-system-theme-upload-button .mkui-system-theme-upload-box {
  position: absolute;
  display: block;
}
.mkui-system-theme-upload-box {
  display: none;
  width: 100%;
  text-align: center;
}
.mkui-system-theme-upload-box .mkicon {
  margin-bottom: 5px;
  font-size: 24px;
}
.mkui-system-theme-description {
  position: relative;
  margin: 12px 0;
}
.mkui-system-theme-description::before {
  position: absolute;
  left: -8px;
  display: inline-block;
  content: '*';
  color: #ff0000;
}
.mkui-system-theme-history {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
}
.mkui-system-theme-record {
  padding-left: 0;
  margin-bottom: 0;
}
.mkui-system-theme-record li {
  border: 0;
}
.mkui-system-theme-record-text {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.mkui-system-theme-image-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  list-style: none;
  cursor: pointer;
  background-color: #e1e1e1;
  border: 2px solid #ffffff;
}
.mkui-system-theme-image-item-logo {
  height: 52px;
  width: 120px;
}
.mkui-system-theme-image-item-logo img {
  position: absolute;
  z-index: 1;
}
.mkui-system-theme-image-item-bg {
  width: 120px;
  height: 67px;
}
.mkui-system-theme-image-item-bg img {
  position: absolute;
  z-index: 1;
}
.mkui-system-theme-image-item-favicon {
  width: 56px;
  height: 56px;
}
.mkui-system-theme-image-item-favicon img {
  position: absolute;
  z-index: 1;
}
.mkui-system-theme-image-item-bg-active {
  border: 1px solid var(--mkui-primary-6, #0088ff);
}
.mkui-system-theme-image-item-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: none;
}
.mkui-system-theme-image-item-apply {
  position: relative;
  display: none;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: -1;
}
.mkui-system-theme-image-item-login-click-apply {
  position: relative;
  display: none;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.mkui-system-theme-image-item:hover .mkui-system-theme-image-item-delete {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 12px;
  z-index: 3;
}
.mkui-system-theme-image-item:hover .mkui-system-theme-image-item-apply {
  display: flex;
  z-index: 2;
}
.mkui-system-theme-image-item:hover .mkui-system-theme-image-item-login-click-apply {
  display: flex;
  z-index: 2;
}
.mkui-system-theme-image-item img {
  height: 100%;
  width: 100%;
}
.mkui-system-theme-default {
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  background-color: var(--mkui-primary-6, #0088ff);
  color: #ffffff;
  z-index: 2;
}
.mkui-system-theme-active {
  border-color: var(--mkui-primary-6, #0088ff);
}
.mkui-system-theme-bg-loadingOrEmpty {
  margin-top: 3px;
}
.mkui-system-theme-bg-loadingOrEmpty .mkui-upload {
  width: 110px;
  height: 110px;
}
.mkui-system-theme-bg-loadingOrEmpty-image {
  background: #fafafc;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
  cursor: pointer;
}
.mkui-system-theme-bg-loadingOrEmpty-image-plus {
  font-size: 19px;
  color: rgba(0, 0, 0, 0.4) !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mkui-system-theme-bg-hide {
  opacity: 0;
  cursor: none;
}
.mkui-system-theme-absolute {
  position: absolute;
  width: 300px;
}
.mkui-system-theme-des {
  font-size: 12px;
  color: #555;
  margin-top: 8px;
}
.mkui-system-theme-des-setting {
  font-size: 12px;
  margin-left: 3px;
  cursor: pointer;
}
.mkui-system-theme-loading:hover .mask {
  display: block;
}
.mkui-system-theme-loading-list {
  display: flex;
}
.mkui-system-theme-loading-list-wrap {
  margin-right: 30px;
}
.mkui-system-theme-loading-list-wrap-top {
  position: relative;
  width: 110px !important;
  height: 110px !important;
}
.mkui-system-theme-loading-list-wrap-top-img {
  width: 110px !important;
  height: 110px !important;
  border-radius: 2px;
  border: 1px solid #e1e4ed;
}
.mkui-system-theme-loading-list-wrap-top-img-checked {
  border: 1px solid var(--mkui-primary-6, #0088ff);
}
.mkui-system-theme-loading-list-wrap-top-checked-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
  border-width: 12px;
  border-style: solid;
  border-color: var(--mkui-primary-6, #0088ff) var(--mkui-primary-6, #0088ff) transparent transparent;
  border-radius: 2px;
}
.mkui-system-theme-loading-list-wrap-top-checked {
  position: absolute;
  top: -11px;
  right: -11px;
  color: #fff !important;
  border-radius: 0px 4px 0px 0px;
}
.mkui-system-theme-loading-list-wrap-tooltip {
  width: 300px;
  height: 300px;
  background: #fff;
}
.mkui-system-theme-pop {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.88);
}
.mkui-system-theme-pop div {
  cursor: pointer;
}
.mkui-system-theme-pop-notAllowed {
  cursor: not-allowed !important;
  color: rgba(0, 0, 0, 0.4);
}
.mkui-system-theme-pop-pre {
  margin-top: 12px;
  cursor: pointer;
}
.mkui-system-theme-carousel {
  height: 218px;
}
.mkui-system-theme-carousel-top {
  width: 100%;
  border-radius: 2px 2px 0 0;
}
.mkui-system-theme-carousel-top-title {
  width: 100%;
  height: 27px;
  background: #0670ff linear-gradient(270deg, #6699ff 0%, #0157ff 100%);
}
.mkui-system-theme-carousel-top-title img {
  width: 80px;
  height: 27px;
  -o-object-fit: fill;
     object-fit: fill;
}
.mkui-system-theme-carousel-top-center {
  width: 100%;
  height: 185px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.mkui-system-theme-carousel-top-center-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mkui-system-theme-carousel-top-center-inner-title {
  margin: 16px 0;
}
.mkui-system-theme-carousel-top-center-inner-img {
  width: 110px;
  height: 110px;
}
.mkui-system-theme-carousel-title {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.88);
  margin-top: 8px;
}
.mkui-system-theme-carousel-des {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.64);
  margin-top: 8px;
}
.mkui-system-theme-dots {
  bottom: 0 !important;
  margin-bottom: 0 !important;
}
.mkui-system-theme-dots li {
  width: unset !important;
  padding: 2px !important;
}
.mkui-system-theme-dots li button {
  width: 8px !important;
  height: 8px !important;
  background: rgba(0, 0, 0, 0.16) !important;
  border-radius: 4px !important;
}
.mkui-system-theme-dots .slick-active {
  width: unset !important;
}
.mkui-system-theme-dots .slick-active button {
  background: #3296fa !important;
}
.mkui-system-theme-preview .mkui-popover-inner-content {
  padding: 12px 16px 20px 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritychecktitle {
  display: inline-block;
  padding: 12px 0;
  color: #333;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.integritychecktitle-subTitle {
  font-weight: normal;
  color: #999;
  font-size: 13px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckbilltype-content {
  margin-top: -6px;
}
.integritycheckbilltype-cascader .mkui-select-selector {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  padding: 0 !important;
}
.integritycheckbilltype-detail .integritycheckbilltype-content {
  margin-left: 16px;
}
.integritycheckbilltype-detail .integritycheckbilltype-view {
  width: 400px !important;
}
.integritycheckbilltype-detail .integritycheckbilltype-cascader {
  width: 400px !important;
}
.integritycheckbilltype-history .integritycheckbilltype-cascader {
  width: 100% !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckhistorymodal .mkui-modal-body {
  padding: 0;
}
.integritycheckhistorymodal-inner {
  min-height: 300px;
  position: relative;
}
.integritycheckhistorymodal-inner-top-alert {
  padding: 8px 24px !important;
}
.integritycheckhistorymodal-inner-top-alert .mkicon {
  align-self: flex-start !important;
  position: relative !important;
  top: 4px !important;
}
.integritycheckhistorymodal-inner-content {
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
  max-height: 65vh;
}
.integritycheckhistorymodal-inner-content-part-content {
  margin-left: 16px;
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.integritycheckhistorymodal-inner-content-part-content-line {
  display: flex;
  align-items: center;
}
.integritycheckhistorymodal-inner-content-part-content-line-label {
  color: rgba(0, 0, 0, 0.6);
}
.integritycheckhistorymodal-inner-content .mkui-flex-tablefilter {
  padding: 0 !important;
}
.integritycheckhistorymodal-inner-content .mkui-flex-tablefilter .mkui-filteroperate-area {
  display: none !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckhistory-buttoncontent {
  display: flex !important;
  align-items: center;
  gap: 4px;
}
.integritycheckhistory-buttoncontent .mkicon {
  padding: 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckconditiongroupleft {
  display: inline-block;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckconditiongroupright {
  position: absolute;
  top: 0;
  height: 100%;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
}
.integritycheckconditiongroupright-popover .mkui-popover-arrow {
  visibility: hidden;
}
.integritycheckconditiongroupright-popover .mkui-popover-inner-content {
  padding: 0 !important;
}
.integritycheckconditiongroupright-condition-item {
  width: 150px;
  padding: 6px 12px;
  cursor: pointer;
}
.integritycheckconditiongroupright-condition-item:hover {
  background-color: #f7f7f7;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckconditiongroup {
  display: inline;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.billconditionfield {
  display: inline-block;
  width: 300px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"billconditionformula";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckexpand {
  display: inline-flex;
}
.integritycheckexpand-direction {
  position: relative;
  top: 2px;
}
.integritycheckexpand-point {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.billconditionbusinessentity {
  cursor: pointer;
  width: 430px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.billconditionaccountset-accountset {
  padding: 4px 6px;
  background-color: #f7f7f7;
  line-height: 16px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"billconditionvoucherperiod";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"billconditionnumber";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"billconditionselect";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"billconditionstring";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"billconditionvalues";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckdetail-loadingwrapper {
  background-color: #ffffff;
}
.integritycheckdetailinner-spinningwrapper {
  position: sticky;
  top: 0;
  bottom: 0;
  z-index: 1000;
  height: 0;
}
.integritycheckdetailinner-spinningwrapper-spin {
  height: 100vh;
  top: -15vh !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.billconditiontable {
  margin-top: 8px;
}
.billconditiontable-content {
  margin-left: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckcondition {
  display: inline;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckconditioncode {
  display: inline-block;
  width: 200px;
}
.integritycheckconditioncode-conditionname {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckoptype {
  display: inline-block;
  width: 120px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritychecknumcode {
  display: inline-block;
  width: 200px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritychecknumvalue {
  display: inline-block;
  width: 100px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.filetypetablerange .mkicon {
  padding-right: 7px;
}
.filetypetablerange-table-group {
  display: inline;
}
.filetypetablerange-table-group-right {
  position: absolute;
  top: 0;
  height: 100%;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
}
.filetypetablerange-table .mkui-table-row-indent {
  padding: 0 !important;
}
.filetypetablerange-table-conditions {
  display: inline-flex;
  align-items: center;
  padding-left: 16px;
}
.filetypetablerange-table-conditions-point {
  display: inline-block;
  margin-right: 13px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--mkui-primary-6, #0088ff);
}
.filetypetablerange-table-conditions > * {
  flex-shrink: 0;
}
.filetypetablerange-table-conditions-values {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckrange {
  display: inline-block;
}
.integritycheckrange-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.integritycheckrange-btn > * {
  padding: 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckconditionvalues {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.filetypetable {
  margin-top: 8px;
}
.filetypetable-content {
  margin-left: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritycheckname {
  margin-top: 8px;
}
.integritycheckname-content {
  margin-left: 16px;
  margin-top: -6px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.integritychecklist-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 24px;
}
.integritychecklist-header-right {
  font-size: 13px;
  font-weight: normal;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.amount-range-pick {
  display: flex;
}
.amount-range-pick-separator {
  padding: 0 10px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.28);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mkui-rule-records-bills-content {
  width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mkui-rule-records-status-text {
  color: rgba(0, 0, 0, 0.44);
  padding-left: 8px;
}
.mkui-rule-records-modal .mkui-modal-content {
  height: 100%;
}
.mkui-rule-records-modal .mkui-modal-body {
  display: flex;
  flex-direction: column;
}
.mkui-rule-records-box {
  display: flex;
  margin: 16px 24px;
  padding: 16px 24px;
  background-color: #fafafa;
}
.mkui-rule-records-status-box {
  width: 300px;
  border-right: 1px solid #e1e1e1;
}
.mkui-rule-records-associate-number {
  padding-left: 8px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.mkui-rule-records-status-detail {
  padding-left: 24px;
  color: rgba(0, 0, 0, 0.6);
}
.mkui-rule-records-searchline {
  display: flex;
  line-height: 36px;
  margin: 0 24px 12px;
  justify-content: space-between;
}
.mkui-rule-records-taskPage-total {
  padding: 0 5px;
  color: var(--mkui-primary-6, #0088ff);
}
.mkui-rule-records-detail-item {
  width: 750px;
  color: rgba(0, 0, 0, 0.44);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ruleselecttitle {
  color: rgba(0, 0, 0, 0.6);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ruleselecterror {
  padding-left: 12px;
  font-size: 12px;
  color: #f53137;
  line-height: 17px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"ruleselectfield";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ruleselectleft {
  width: 264px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"ruleselectright";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ruleselect {
  display: flex;
}
.ruleselect-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--mkui-primary-6, #0088ff);
  margin: 0 12px;
  margin-top: 6px;
}
.ruleselect-item {
  width: 264px;
}
.ruleselect-condition {
  margin: 0 40px;
  align-self: center;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rulegroup {
  display: inline-block;
  margin-left: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.auto-job-modal .mkui-alert-banner {
  display: flex;
}
.auto-job-modal .mkui-alert-info .mkui-alert-icon {
  align-self: baseline;
  margin-top: 3px;
}
.auto-job-modal .mkui-alert-message {
  color: rgba(0, 0, 0, 0.64);
  line-height: 18px;
  font-size: 12px;
}
.auto-job-modal .mkui-form {
  padding: 16px 22px;
}
.auto-job-modal-align-center {
  align-self: center;
}
.auto-job-modal-align-end {
  align-self: end;
}
.auto-job-modal-after-text {
  align-self: end;
  margin-bottom: 12px;
}
.auto-job-modal-desc-icon {
  font-size: 14px;
  margin-left: 6px;
  cursor: pointer;
}
.auto-job-modal-desc-icon:hover {
  color: #0088ff;
}
.auto-job-modal-desc-title {
  font-size: 12px;
  color: #555555;
  line-height: 14px;
  white-space: pre-wrap;
}
.auto-job-modal-update-time .mkui-input-number-group-addon {
  border: none;
  padding-left: 0px;
}
.auto-job-modal-update-time .mkui-input-number {
  width: 40px !important;
}
.auto-job-modal-update-time .mkui-input-number-group-addon {
  color: inherit !important;
}
.auto-job-modal-update-time-wrap .mkui-form-item-label {
  opacity: 0;
}
.auto-job-modal-add-btn {
  margin-top: 12px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.field-type-icon {
  color: var(--mkui-primary-6, #0088ff) !important;
  margin-right: 4px;
  vertical-align: 0 !important;
}
.custom-relation-table .rule-group-icon {
  color: var(--mkui-primary-6, #0088ff);
}
.custom-relation-table .mkui-select-selector {
  background-color: #f7f7f7 !important;
}
.custom-relation-table .mkui-select-show-search {
  background-color: #f7f7f7;
  border-radius: 2px;
  padding-left: 8px;
  margin: 8px 0;
}
.execute-filter-modal .filter-form {
  max-height: calc(80vh - 160px);
  overflow: auto;
  padding: 18px 30px;
}
.execute-filter-modal .mk-period-picker {
  width: 100%;
}
.execute-filter-modal .mk-period-picker-endmonth {
  width: unset;
}
.execute-filter-modal .mk-period-picker-input,
.execute-filter-modal .mk-period-picker-endinput {
  width: 180px;
}
.execute-filter-modal .mk-period-picker-input:not(.mk-period-picker-endinput) {
  padding-left: 0;
}
.execute-filter-modal .mk-period-picker-active-right-bar {
  left: 210px;
  width: 210px;
}
.execute-filter-modal .mk-period-picker-active-left-bar {
  left: 0;
  width: 180px;
}
.execute-filter-modal .account-set-entry-inner {
  padding-left: 0;
}
.rule-manager-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.rule-manager-detail-content-inner {
  overflow-y: hidden;
}
.rule-manager-detail-save-btn {
  margin-left: 8px;
  margin-right: 24px;
}
.rule-manager-detail-edit-name {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  line-height: 20px;
}
.rule-manager-detail-edit-icon {
  margin-left: 9px;
  margin-right: 17px;
}
.rule-manager-detail-edit-icon:hover {
  color: var(--mkui-primary-6, #0088ff);
}
.rule-charts-legend {
  position: absolute;
}
.rule-charts-legend-icon {
  font-size: 16px;
}
.rule-charts-legend-desc {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 17px;
  font-style: normal;
  margin-left: 5px;
  margin-right: 16px;
}
.rule-charts-legend-question-icon {
  color: var(--mkui-primary-6, #0088ff);
  font-size: 14px;
}
.rule-charts-legend-help {
  margin-left: 4px;
  font-weight: 400;
  font-size: 14px;
  color: var(--mkui-primary-6, #0088ff);
  line-height: 20px;
}
.rule-config-empty-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rule-config-empty-content-bg {
  width: 407px;
  height: 212px;
  margin-bottom: 24px;
}
.rule-config-empty-content-desc {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 20px;
}
.relation-tree {
  padding-top: 30px;
  height: 100%;
  display: flex;
}
.relation-tree-toolbar {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 42px;
  height: 118px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
}
.relation-tree-toolbar-icon {
  font-size: 18px;
  cursor: pointer;
}
.relation-tree-node {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 16px 12px;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px #e1e4ed;
  border-radius: 6px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
}
.relation-tree-node-circle {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
}
.relation-tree-node-circle-bill {
  background-color: rgba(247, 178, 0, 0.1);
}
.relation-tree-node-circle-bill .mkicon {
  color: #f7b200;
  font-size: 22px;
}
.relation-tree-node-circle-centerBill {
  background-color: rgba(139, 150, 176, 0.1);
}
.relation-tree-node-circle-centerBill .mkicon {
  color: #8b96b0;
  font-size: 22px;
}
.relation-tree-node-circle-relationBill {
  background-color: rgba(166, 191, 0, 0.1);
}
.relation-tree-node-circle-relationBill .mkicon {
  color: #a6bf00;
  font-size: 22px;
}
.relation-tree-node-right {
  display: inline-flex;
  flex-direction: column;
  width: 124px;
}
.relation-tree-node-name-line {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}
.relation-tree-node-warn {
  position: relative;
  display: inline-block;
}
.relation-tree-node-warn:hover .relation-tree-node-warn-tip {
  visibility: visible;
  opacity: 1;
}
.relation-tree-node-warn-tip {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
  width: 200px;
  padding: 12px 16px;
  background-color: #fff;
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
  color: #555;
  line-height: 18px;
  position: absolute;
  top: -320%;
  left: calc(-99px + 50%);
}
.relation-tree-node-warn-icon {
  color: #ffbf00 !important;
}
.relation-tree-node-name {
  height: 18px;
  line-height: 18px;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.relation-tree-node-name-error {
  color: #f53137;
}
.relation-tree-node-data-desc {
  height: 18px;
  line-height: 18px;
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.44);
}
.relation-tree-node-bill:hover {
  border: 1px solid #f7b200;
}
.relation-tree-node-center:hover {
  border: 1px solid #8b96b0;
}
.relation-tree-node-relationBill:hover {
  border: 1px solid #a6bf00;
}
.relation-tree-node-active-bill {
  border: 1px solid #f7b200;
}
.relation-tree-node-active-center {
  border: 1px solid #8b96b0;
}
.relation-tree-node-active-relationBill {
  border: 1px solid #a6bf00;
}
.relation-tree-node-right-edge {
  display: inline-block;
  width: 50px;
  height: 1px;
  position: absolute;
  right: -50px;
  top: 36px;
  background-color: #d8dbe6;
}
.relation-tree-minimap {
  position: absolute;
  right: 24px;
  bottom: 16px;
}
.relation-tree-minimap .x6-widget-minimap {
  padding: 0px;
}
.relation-tree-minimap .x6-widget-minimap .x6-graph {
  height: 100% !important;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
}
.relation-tree-center-relation {
  height: 30px;
  cursor: pointer;
  border-radius: 24px;
  border: 2px solid #d8dbe6;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.relation-tree-center-relation:hover {
  border: 2px solid var(--mkui-primary-6, #0088ff);
}
.relation-tree-center-relation-tip {
  height: 18px;
  line-height: 18px;
  font-weight: 400;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.28);
  font-style: normal;
}
.relation-tree-center-relation-count {
  margin-left: 4px;
  font-weight: 600;
  font-size: 13px;
  color: var(--mkui-primary-6, #0088ff);
  line-height: 18px;
}
.relation-tree-center-relation-active {
  border: 2px solid var(--mkui-primary-6, #0088ff);
}

.check-repeat-rules-type-tag {
  background-color: rgba(0, 0, 0, 0.04) !important;
  border-color: transparent !important;
  color: rgba(0, 0, 0, 0.88) !important;
  margin: 0 8px 6px 0 !important;
}

/**
 * @Author: wenjwu
 * @Date: 2021-12-14 11:06:53
 * @LastEditors: yjf
 * @LastEditTime: 2022-04-13 10:35:25
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-add-modal .mkui-modal-body {
  height: 0;
  padding: 0;
}
.account-add-modal .mkui-flex-table {
  height: calc(100% - 43px);
}
.account-add-modal-info {
  position: absolute;
  bottom: 18px;
  display: flex;
  padding-left: 8px;
}
.account-add-modal-info-num {
  font-style: normal;
  color: var(--mkui-primary-6, #0088ff);
  margin: 0 4px;
  display: inline-flex;
}
.account-add-modal-info > div {
  display: inline-flex;
  margin-right: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.test-link-modal-content {
  text-align: center;
}
.test-link-modal-content-icon {
  display: inline-block;
  margin-top: 52px;
}
.test-link-modal-content-icon.success {
  color: #00b600;
  font-size: 30px;
  margin-top: 0;
}
.test-link-modal-content-title {
  color: rgba(0, 0, 0, 0.88);
  font-size: 13px;
  margin-top: 28px;
  margin-bottom: 8px;
}
.test-link-modal-content-subtitle {
  color: rgba(0, 0, 0, 0.44);
  font-size: 13px;
  margin-bottom: 52px;
}
.test-link-modal-content-error .normal {
  position: relative;
  top: -2px;
}
.test-link-modal-content-error .mkui-descriptions-row > td {
  padding-bottom: 12px;
}
.test-link-modal-content-error .mkui-descriptions-row:last-child .mkui-descriptions-item-container {
  flex-direction: column;
}

/**
 * @Author: wenjwu
 * @Date: 2021-12-13 16:00:51
 * @LastEditors: conggb
 * @LastEditTime: 2023-07-19 14:53:06
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.add-task-drawer .mkui-drawer-close {
  margin-right: 0;
}
.add-task-drawer .mkui-drawer-body {
  padding: 0 12px 24px 16px;
}
.add-task-drawer .mkui-drawer-body .mkui-table-pagination.mkui-pagination {
  margin-right: 0;
}
.add-task-drawer .mkui-drawer-body .mkui-table-pagination.mkui-pagination .mkui-pagination-options-size-changer.mkui-select {
  margin-right: 0;
}
.add-task-drawer .mkui-drawer-body #form-content {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 8px;
}
.add-task-drawer .mkui-drawer-body #form-content .add-require-img {
  margin-bottom: 0;
}
.add-task-drawer .mkui-drawer-body #form-content .add-require-img .mkui-form-item-label label::before {
  display: inline-block;
  position: absolute;
  top: 4.5px;
  left: -8px;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 13px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.add-task-drawer-anchor {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: 60px;
  padding: 12px 0;
  z-index: 10;
  background-color: #ffffff;
}
.add-task-drawer-anchor .cover {
  position: absolute;
  top: 0;
  left: -17px;
  z-index: 10;
  width: 16px;
  height: 48px;
  background: #ffffff;
}
.add-task-drawer-anchor .mkui-anchor-wrapper {
  background-color: #ffffff;
}
.add-task-drawer-anchor .mkui-anchor {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 36px;
  border: 1px solid #eee;
  border-radius: 2px;
}
.add-task-drawer-anchor .mkui-anchor .mkui-anchor-ink {
  display: none;
}
.add-task-drawer-anchor .mkui-anchor .mkui-anchor-link {
  width: 33.3%;
  height: 26px;
  text-align: center;
}
.add-task-drawer-anchor .mkui-anchor .mkui-anchor-link:not(:last-child) {
  border-right: 1px solid #eee;
}
.add-task-drawer-block-title {
  margin-bottom: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
  margin-top: 10px;
}
.add-task-drawer-block-title#bank-account {
  margin-top: 20px;
}
.add-task-drawer-block-title-grid {
  display: inline-block;
  position: relative;
  top: 1.5px;
  height: 13px;
  width: 3px;
  margin-right: 5px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.add-task-drawer-form-empty {
  height: 420px;
}
.add-task-drawer-item {
  padding: 0 0 15px 0;
}
.add-task-drawer-item-title {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
  line-height: 22px;
}
.add-task-drawer-btn-add {
  margin-bottom: 12px;
}
.add-task-drawer-form-empty {
  margin: 0;
}
.add-task-drawer-form-empty * {
  position: relative;
  top: 80px;
}
.add-task-drawer .layout-list-content-toolbar {
  padding: 0;
}
.add-task-drawer .mkui-drawer-body {
  padding-top: 0px;
}
.add-task-drawer-footer {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.add-task-drawer-footer-right {
  display: flex;
  gap: 8px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.modal-item-modal .mkui-modal-body {
  padding: 0;
}
.modal-item-inputDate {
  padding: 12px 24px;
}
.modal-item-inputDate-must {
  font-size: 12px;
  color: #ff2825;
  line-height: 18px;
}
.modal-item-inputDate-fontDesc {
  margin-left: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 16px;
}

.timed-task {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.timed-task-config-line {
  max-width: 350px;
  margin: 5px 0;
  display: list-item;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/**
 * @Author: yjf
 * @Date: 2022-05-07 10:08:22
 * @LastEditors: yjf
 * @LastEditTime: 2022-05-11 19:11:24
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.system-job-status-detail-modal .mkui-modal-body {
  max-height: 756px;
  padding: 24px;
  overflow-y: auto;
}
.system-job-status-detail-modal-error-tip {
  display: flex;
  align-items: center;
}
.system-job-status-detail-modal-error-tip::before {
  content: ' ';
  width: 3px;
  height: 13px;
  margin-right: 4px;
  border-radius: 2px;
  background-color: var(--mkui-primary-6, #0088ff);
  display: inline-block;
}
.system-job-status-detail-modal-error-item {
  margin-top: 16px;
}
.system-job-status-detail-modal-error-item-info {
  padding: 12px;
  margin-top: 8px;
  border-radius: 4px;
  background-color: rgba(18, 13, 13, 0.04);
}
.system-job-status-detail-modal-error-item-show-content {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}
.system-job-status-detail-modal-error-item-show-btns {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}
.system-job-status-detail-modal-error-item-show-scale {
  margin-right: 12px;
  cursor: pointer;
}
.system-job-status-detail-modal-error-item-show-scale .mkicon {
  margin-right: 4px;
  font-size: 12px;
}
.system-job-status-detail-modal-error-item-hide {
  display: flex;
  justify-content: space-between;
}
.system-job-status-detail-modal-error-item-hide-content {
  width: 379px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.system-job-status-detail-modal-error-item-hide-btns {
  display: flex;
  justify-content: flex-end;
}
.system-job-status-detail-modal-error-item-hide-scale {
  margin-right: 12px;
  cursor: pointer;
}
.system-job-status-detail-modal-error-item-hide-scale .mkicon {
  margin-right: 4px;
  font-size: 12px;
}

/**
 * @Author: yjf
 * @Date: 2022-05-06 14:31:05
 * @LastEditors: yjf
 * @LastEditTime: 2022-05-11 16:44:02
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.system-job-exec-record-status .mkicon-info-circle {
  margin-left: 4px;
  font-size: 14px;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.system-job-exec-record-result span {
  margin-right: 6px;
}
.system-job-exec-record-message {
  display: flex;
  align-items: center;
}
.system-job-exec-record-message-content {
  max-width: 92%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.system-job-exec-record-message .mkicon-info-circle {
  margin-left: 4px;
  font-size: 14px;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.system-job-exec-record-message-modal .mkui-modal-body {
  max-height: 756px;
  overflow-y: auto;
}
.system-job-exec-record-message-item {
  margin-top: 16px;
}
.system-job-exec-record-message-item-info {
  padding: 12px;
  margin-top: 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.04);
}
.system-job-exec-record-message-item-info-content {
  width: 100%;
  max-height: 200px;
  margin-right: 22px;
  overflow-y: auto;
}
.system-job-exec-record-message-item-info-btns {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}
.system-job-exec-record-message-item-info-scale {
  margin-right: 12px;
  cursor: pointer;
}
.system-job-exec-record-message-item-info-scale .mkicon {
  margin-right: 6px;
  font-size: 12px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.system-job-header {
  padding: 14px 0;
}
.system-job-title {
  display: inline-block;
  margin-left: 38px;
  width: 64px;
  height: 20px;
  color: rgba(0, 0, 0, 0.84);
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.system-job-content-inner {
  padding: 0;
}
.system-job-content .mkui-tabs-nav {
  padding-left: 24px;
}
.system-job-content .mkui-tabs-top > .mkui-tabs-nav {
  margin: 0;
}
.system-job-content .mkui-tabs {
  height: 100%;
}
.system-job-content .mkui-tabs-content {
  height: 100%;
}
.system-job-content .mkui-tabs-tabpane {
  display: flex;
  flex-direction: column;
}

/**
 * @Author: yjf
 * @Date: 2022-05-05 17:48:11
 * @LastEditors: yjf
 * @LastEditTime: 2022-05-11 16:45:09
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.system-job-execution-detail-status .mkicon-info-circle {
  margin-left: 4px;
  font-size: 14px;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.system-job-execution-detail-result span {
  margin-right: 6px;
}
.system-job-execution-detail-message {
  display: flex;
  align-items: center;
}
.system-job-execution-detail-message-content {
  max-width: 92%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.system-job-execution-detail-message .mkicon-info-circle {
  margin-left: 4px;
  font-size: 14px;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.system-job-execution-detail-message-modal .mkui-modal-body {
  max-height: 756px;
  overflow-y: auto;
}
.system-job-execution-detail-message-item {
  margin-top: 16px;
}
.system-job-execution-detail-message-item-info {
  padding: 12px;
  margin-top: 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.04);
}
.system-job-execution-detail-message-item-info-content {
  width: 100%;
  max-height: 200px;
  margin-right: 22px;
  overflow-y: auto;
}
.system-job-execution-detail-message-item-info-btns {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}
.system-job-execution-detail-message-item-info-scale {
  margin-right: 12px;
  cursor: pointer;
}
.system-job-execution-detail-message-item-info-scale .mkicon {
  margin-right: 6px;
  font-size: 12px;
}

/**
 * @Author: wenjwu
 * @Date: 2021-12-14 17:03:27
 * @LastEditors: wenjwu
 * @LastEditTime: 2021-12-14 17:03:27
 * @Description:
 */
.timed-task {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.mk-modal-layout .mkui-modal-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.mk-modal-layout .mkui-modal-body {
  overflow: auto;
  flex: 1;
}
.mk-modal-layout .modal-content {
  height: 1500px;
}

/**
 * @Author: wenjwu
 * @Date: 2022-09-09 10:39:00
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-09-09 11:04:39
 * @Description:
 */
.setting-acceptance-bill-records-table span.ellipsis-text {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting-acceptance-bill-records-modal-detail-info {
  padding: 12px;
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: rgba(18, 13, 13, 0.04);
}

.acceptance-bill-content-inner {
  padding: 0;
}
.acceptance-bill-content .mkui-tabs-nav {
  padding-left: 24px;
}
.acceptance-bill-content .mkui-tabs-top > .mkui-tabs-nav {
  margin: 0;
}
.acceptance-bill-content .mkui-tabs {
  height: 100%;
}
.acceptance-bill-content .mkui-tabs-content {
  height: 100%;
}
.acceptance-bill-content .mkui-tabs-tabpane {
  display: flex;
  flex-direction: column;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.borrowdetailheader-title {
  display: flex;
  align-items: center;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formitemborrowername";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formitemborrowerorganizationname";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2023-06-12 14:40:42
 * @LastEditors: conggb
 * @LastEditTime: 2023-06-12 15:24:30
 */
.link-borrow-application-modal .mkui-modal-body {
  height: 0;
}
.link-borrow-application-modal .mkui-flex-table {
  height: calc(100% - 44px);
}

/**
 * @Author: conggb
 * @Date: 2023-02-14 09:51:30
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-21 18:01:55
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.choose-file-form {
  padding: 32px 24px;
}
.choose-file-form-modal .mkui-modal-content {
  border-radius: 8px;
  overflow: auto;
}
.choose-file-form-title {
  font-size: 18px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
  text-align: center;
  margin-bottom: 32px;
}
.choose-file-form-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.choose-file-form-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 216px;
  background: #f7f7f7;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
  transition: all 0.5s;
  padding: 24px 0;
}
.choose-file-form-list-item:hover {
  background: #edf7ff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.choose-file-form-list-item-img {
  width: 120px;
}
.choose-file-form-list-item-title {
  padding-top: 12px;
  font-size: 16px;
  font-weight: 600;
  color: #8b96b0;
}
.choose-file-form-list-item-desc {
  color: #8b96b0;
  padding-top: 8px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"associateborrowapplication";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.file-select .mkui-abstract-transfer-source-list-item {
  align-items: center;
}
.file-select .mkui-modal-body {
  padding: 20px 20px 0 20px !important;
}
.file-select .mkui-modal-body .mkui-abstract-transfer {
  height: 350px;
}
.file-select .mkui-modal-body .mkui-abstract-transfer-enhanced-source-list {
  height: 270px;
}
.file-select .mkui-modal-body .mkui-abstract-transfer-enhanced-source-list-ul {
  height: 270px;
}
.file-select .mkui-modal-body .mkui-btn-link {
  padding: 0;
  height: 16px;
  border: 0;
}
.file-select .mkui-modal-body .mkui-breadcrumb-separator {
  margin: 0 2px;
}
.file-select-selected {
  width: 760px;
  height: 48px;
  padding: 0;
  border-top: 1px solid #e1e1e1;
}
.file-select-selected-title {
  font-size: 14px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.84);
  line-height: 19px;
}
.file-select-display {
  max-height: 150px;
  padding: 8px 0;
  display: flex;
  overflow: auto;
  width: 100%;
}
.file-select-display-title {
  display: flex;
  align-items: baseline;
  flex: 1;
}
.file-select-display-title .mkicon {
  margin-right: 4px;
}
.file-select-display-title-divide {
  flex-grow: 1;
  text-align: center;
}
.file-select-display-item {
  flex: 3;
}
.file-select-display-item span {
  margin: 0 0 4px 6px;
}
.file-select-transfer-empty {
  padding: 45px 0px;
}
.file-select .mkui-checkbox-wrapper-disabled + .icon {
  margin-left: 0;
}
.file-modal .mkui-abstract-transfer-source-list-item.check-all {
  display: none;
}
.file-modal .loading-content {
  height: 100%;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.file-modal .loading-content > div {
  text-align: center;
  color: var(--mkui-primary-6, #0088ff);
}
.file-modal .loading-content svg {
  width: 18px;
  height: 18px;
  margin-bottom: 5px;
}
.file-modal .loading-content svg path {
  fill: var(--mkui-primary-6, #0088ff);
}

/**
 * @Author: conggb
 * @Date: 2023-02-17 11:48:46
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-17 13:45:15
 */
.archive-select-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.archive-select-inner .table-filter-horizontal {
  padding: 8px 24px !important;
}
.archive-select-inner .mkui-flex-table {
  height: calc(100% - 44px);
}
.archive-select-inner .mkui-table .mkui-table-expanded-row-fixed {
  margin-left: -24px !important;
}

/**
 * @Author: conggb
 * @Date: 2023-02-14 09:51:30
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-21 17:47:12
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archive-select-modal .mkui-modal-body {
  padding: 0 !important;
  height: 0 !important;
}
.archive-select-header {
  display: flex;
  align-items: center;
}
.archive-select-header-reminder {
  font-size: 13px;
  font-weight: normal;
  color: #999999;
}
.archive-select-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/**
 * @Author: conggb
 * @Date: 2023-02-17 11:48:46
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-17 16:53:06
 */
.bill-select-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.bill-select-inner .table-filter-horizontal {
  padding: 8px 0 !important;
}
.bill-select-inner .mkui-flex-table {
  height: calc(100% - 44px);
}
.bill-select-inner .mkui-table .mkui-table-expanded-row-fixed {
  margin-left: -24px !important;
}

/**
 * @Author: conggb
 * @Date: 2023-02-14 09:51:30
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-21 17:54:58
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.bill-select {
  height: 100%;
  overflow: hidden;
}
.bill-select .archive-select-inner .table-filter-horizontal {
  padding: 8px 0 !important;
}
.bill-select-modal .mkui-modal-body {
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.bill-select-header {
  display: flex;
  align-items: center;
}
.bill-select-header-reminder {
  font-size: 13px;
  font-weight: normal;
  color: #999999;
}
.bill-select-step-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f7f7;
  border-radius: 2px;
  border: 1px solid #eee;
  padding: 24px 0;
  margin: 16px 0 8px 0;
  height: 104px;
}
.bill-select-step-container-steps {
  width: 600px !important;
}
.bill-select-step-container-title {
  font-size: 18px;
}
.bill-select-step-container-desc {
  width: 360px !important;
}
.bill-select-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.favorite-choose-btn {
  display: flex !important;
  align-items: center !important;
}
.favorite-choose-btn .mkicon {
  margin-top: -1px !important;
  padding: 0 !important;
}
.favorite-choose-modal {
  min-height: 400px;
  max-height: 80%;
}
.favorite-choose-modal .mkui-modal-body {
  height: 0;
}
.favorite-choose-list-checkboxgroup {
  display: flex !important;
  flex-direction: column !important;
}
.favorite-choose-list-checkboxgroup-checkbox {
  padding: 8px !important;
  width: 100% !important;
  transition: all 0.3s;
  border-radius: 2px;
}
.favorite-choose-list-checkboxgroup-checkbox.mkui-checkbox-wrapper-disabled {
  cursor: not-allowed !important;
}
.favorite-choose-list-checkboxgroup-checkbox:hover {
  background-color: #f7f7f7;
}
.favorite-choose-list-checkboxgroup-checkbox > span:not(.mkui-checkbox) {
  flex-grow: 1 !important;
  padding-right: 0 !important;
}
.favorite-choose-list-checkboxgroup-checkbox-inner {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.favorite-choose-list-checkboxgroup-checkbox-inner-name {
  width: 100%;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  width: 0;
}
.favorite-choose-list-checkboxgroup-checkbox-inner-total {
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.borrowing-detail-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.borrowing-detail-table-total {
  position: absolute;
  left: 0;
  margin-left: 24px;
}
.borrowing-detail .mkui-flex-table {
  display: flex;
  max-height: 360px;
}
.borrowing-detail .mkui-flex-table .mkui-table-wrapper {
  height: auto;
}

/**
 * @Author: conggb
 * @Date: 2023-02-16 17:01:41
 * @LastEditors: conggb
 * @LastEditTime: 2023-02-16 17:04:50
 */
.borrow-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.borrow-list-renewal-popover .mkui-popover-content {
  width: 320px;
}
.borrow-list-renewal-popover-content-footer {
  text-align: right;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"borrowdetailfooter";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"borrowelectronicdetail";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"borrowpaperdetail";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.borrowelectronicdetail,
.borrowpaperdetail {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
.borrowelectronicdetail-content-inner,
.borrowpaperdetail-content-inner {
  padding-bottom: 0px !important;
}
.borrowelectronicdetail-content-form .borrowelectronicdetail-content-form-label-title > .mkui-form-item-label span,
.borrowelectronicdetail-content-form .borrowpaperdetail-content-form-label-title > .mkui-form-item-label span,
.borrowpaperdetail-content-form .borrowelectronicdetail-content-form-label-title > .mkui-form-item-label span,
.borrowpaperdetail-content-form .borrowpaperdetail-content-form-label-title > .mkui-form-item-label span {
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
}
.borrowelectronicdetail-content-form-use,
.borrowpaperdetail-content-form-use {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.borrowelectronicdetail-content-form-title,
.borrowpaperdetail-content-form-title {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.84);
  line-height: 20px;
}
.borrowelectronicdetail-content-form-switch,
.borrowpaperdetail-content-form-switch {
  display: flex !important;
  align-items: center;
}
.borrowelectronicdetail-content-form-switch-label,
.borrowpaperdetail-content-form-switch-label {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  margin-left: 12px;
  margin-bottom: 8px;
}
.borrowelectronicdetail-content-form-date-picker,
.borrowpaperdetail-content-form-date-picker {
  border: none !important;
  border-bottom: 1px solid #d9d9d9 !important;
}
.borrowelectronicdetail-content-form-date-picker.mkui-picker-disabled,
.borrowpaperdetail-content-form-date-picker.mkui-picker-disabled {
  border-bottom: 1px dashed #d9d9d9 !important;
}
.borrowelectronicdetail-reminder,
.borrowpaperdetail-reminder {
  color: rgba(0, 0, 0, 0.28);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.borrow-tips-text {
  position: absolute;
  top: 10px;
  right: 16px;
  width: 58px;
  height: 28px;
  color: #ffffff;
  line-height: 28px;
  transform: translateX(16px);
}
.borrow-tips-text::after {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -14px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  content: '';
}
.borrow-tips-green {
  background: #06b600;
}
.borrow-tips-green::after {
  background: #06b600;
}
.borrow-tips-danger {
  background: #ef0000;
}
.borrow-tips-danger::after {
  background: #ef0000;
}
.borrow-tips-gray {
  background: rgba(0, 0, 0, 0.84);
}
.borrow-tips-gray::after {
  background: rgba(0, 0, 0, 0.84);
}

/**
 * @Author: wenjwu
 * @Date: 2023-08-29 14:30:42
 * @LastEditors: wenjwu
 * @LastEditTime: 2023-09-08 17:58:50
 * @Description: TODO
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.borrow-custom-details .layout-detail-content-inner {
  padding: 0;
}
.borrow-custom-details-category-group-container {
  background-color: #f0f2f5;
  padding: 12px 12px 0 12px;
}
.borrow-custom-details-category-group {
  max-height: 148px;
  overflow: auto;
  padding: 12px 24px 0 24px;
  background-color: #ffffff;
}
.borrow-custom-details-category-group > button {
  display: inline-flex;
  justify-content: center;
  margin: 0 8px 11px 0;
  font-size: 13px;
  padding: 2px 12px;
  height: 26px;
}
.borrow-custom-details-category-group > button.filter-item-unselected {
  color: rgba(0, 0, 0, 0.6) !important;
}
.borrow-custom-details-category-group > button.filter-item-unselected:focus {
  border: 1px solid #d9d9d9 !important;
}
.borrow-custom-details-category-group > button.filter-item-unselected:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.borrow-custom-details-category-group > button.filter-item-selected {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
  background: var(--mkui-primary-1, #f2f9ff) !important;
}
.borrow-custom-details-category-group > button.filter-item-selected:focus {
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}
.borrow-custom-details-category-group > button.filter-item-selected:hover {
  color: var(--mkui-primary-6, #0088ff) !important;
  border: 1px solid var(--mkui-primary-6, #0088ff) !important;
}
.borrow-custom-details-category-group > button.filter-item-selected-total {
  margin-left: 6px;
  color: var(--mkui-primary-6, #0088ff);
}
.borrow-custom-details-table-box {
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archive-borrow .td-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.borrow-manage-details {
  display: flex;
  position: absolute;
  margin-bottom: 15px;
}
.borrow-manage-details-table-box {
  height: 100%;
  padding-top: 47px;
}
.borrow-manage-details .borrow-back {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  cursor: pointer;
}
.borrow-manage-details-keyword {
  margin-top: 6px;
  color: rgba(0, 0, 0, 0.6);
}
.borrow-manage-details-wrapper {
  display: flex;
  width: 360px;
}
.borrow-manage-details-wrapper .search-area {
  display: inline-block;
  width: 272px;
}
.borrow-manage-details-number {
  display: inline-block;
  padding-left: 12px;
  width: 88px;
  height: 34px;
  line-height: 34px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  background-color: #e1e1e1;
}
.borrow-manage-details-td-ellipsis {
  overflow: hidden;
  width: 100%;
  height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mkui-popover-overlay {
  max-width: 400px;
}
.mkui-borrow-manage-content {
  color: var(--mkui-primary-6, #0088ff);
}

/**
 * @Author: conggb
 * @Date: 2023-06-05 16:21:26
 * @LastEditors: conggb
 * @LastEditTime: 2023-06-05 17:35:16
 */
.borrow-application-detail-header-title {
  display: flex;
  align-items: center;
}
.borrow-application-detail-content-form-title {
  font-size: 14px;
  font-weight: 500;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archive-borrow-status-btn {
  display: inline-block;
  height: 20px;
  line-height: 18px;
  width: 48px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.84);
  font-size: 12px;
  border-radius: 2px;
}
.archive-borrow-danger-status-btn {
  border-color: #ef0000;
  color: #ef0000;
}
.archive-borrow-green-status-btn {
  border-color: #40c754;
  color: #06b600;
  background: #edffef;
}
.archive-borrow-gary-status-btn {
  border-color: #c3c9d9;
  color: #8b96b0;
  background: #fafafc;
}

/**
 * @Author: wenjwu
 * @Date: 2022-07-25 16:29:34
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-07-25 16:30:58
 * @Description:
 */
.search-line {
  display: flex;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archive-identify .rows-count {
  color: #0088ff;
}
.archive-identify-result {
  padding: 2px 10px;
  width: 48px;
  height: 20px;
  border: 1px solid #ffffff;
  border-radius: 1px;
}
.archive-identify .identify-extension {
  color: #06b600;
  border-color: #06b600;
}
.archive-identify .identify-destroy {
  color: #ef0000;
  border-color: #ef0000;
}





/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-certificate-field h3 {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
}
.account-certificate-field-form-config {
  height: 64px;
  line-height: 64px;
  border: 1px dashed #e1e1e1;
  text-align: center;
  cursor: pointer;
  color: var(--mkui-primary-color);
}
.account-certificate-field-form-config-icon {
  margin-right: 4px;
}

/**
 * @Author: conggb
 * @Date: 2023-03-01 15:36:14
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-01 15:50:16
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rule-preview-title {
  font-size: 13px;
  font-weight: 400;
  background-color: #eee;
  padding: 8px 12px;
}
.rule-preview-content {
  font-size: 13px;
  font-weight: 400;
  color: #bcbcbc;
  padding: 8px 12px;
  background-color: #f7f7f7;
}
.rule-preview-content-items {
  display: flex;
}
.rule-preview-content-items-item {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.rule-preview-content-items-item-title {
  color: rgba(0, 0, 0, 0.6);
}
.rule-preview-content-items-item-subtitle {
  font-size: 12px;
  zoom: '95%';
}

/**
 * @Author: conggb
 * @Date: 2023-03-01 15:36:23
 * @LastEditors: conggb
 * @LastEditTime: 2023-03-01 15:46:48
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.rule-setting-modal .mkui-modal-body {
  padding: 16px 24px;
}
.rule-setting-fields {
  background-color: #f7f7f7;
  padding: 12px;
}
.rule-setting-line {
  display: flex;
  align-items: baseline;
}
.rule-setting-line-label {
  display: inline-block;
}
.rule-setting-sortrule {
  background-color: #eee;
  color: #999999;
  padding: 0 8px;
  height: 32px;
  line-height: 32px;
}
.rule-setting-fail {
  color: #ff0000;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-document-config-title {
  height: 48px;
  align-items: center;
  display: inline-flex;
  font-weight: 400;
}
.account-document-config-role-item {
  margin-top: -8px;
}
.account-document-config-role-item .mkui-select {
  width: 100%;
}
.account-document-config-role-item > span {
  color: rgba(0, 0, 0, 0.6);
}
.account-document-config-content-btn {
  margin-bottom: 8px;
}
.account-document-config-link > button {
  margin-right: 6px;
}
.account-document-config-field-container {
  border-bottom: 8px solid #f7f7f7;
  padding-bottom: 16px;
}
.account-document-config-field-title {
  margin-top: 18px;
}
.account-document-config-case {
  float: right;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.account-document-config-file-case {
  height: 500px;
  overflow-y: auto;
}
.account-document-config-file-case .mkui-form-item-label {
  width: 100%;
  text-align: left;
}
.account-document-config-rule-button {
  margin-top: 10px;
}
.account-document-config-update-text {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
}
.account-document-config-account {
  display: flex;
}
.account-document-config-account > span {
  display: inline-flex;
  align-items: center;
}
.account-document-config-account .business-entity {
  padding: 4px 6px;
  background-color: #f7f7f7;
  line-height: 16px;
}
.account-document-config-account .text {
  display: inline-block;
}
.account-document-config-account .text .total-length {
  color: var(--mkui-primary-6, #0088ff);
}
.account-document-config-popover.mkui-popover {
  z-index: 100;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-config-field-group h3 {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
}
.account-config-field-group-content {
  margin: 10px 0 20px 0;
}
.account-config-field-item {
  display: inline-block;
  vertical-align: top;
  padding: 6px 12px;
  margin-right: 12px;
  margin-bottom: 12px;
  background-color: #f7f7f7;
  cursor: pointer;
}
.account-config-field-item-name {
  display: inline-block;
  padding-right: 12px;
}
.account-config-field-item-custom {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.account-config-field-item-closeicon {
  display: inline-block;
  width: 16px;
  opacity: 0;
}
.account-config-field-item:hover .account-config-field-item-closeicon {
  opacity: 1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.examples-dot {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.examples-dot-desc {
  display: inline-flex;
  align-items: center;
}
.examples-dot-desc-name {
  padding-right: 6px;
  font-size: 13px;
}
.examples-dot-desc-toogle {
  font-size: 14px;
  cursor: pointer;
}
.examples-dot-desc-toogle > a {
  color: var(--mkui-primary-6, #0088ff);
}
.examples-dot-desc-toogle em {
  display: inline-block;
  padding-right: 2px;
  font-style: normal;
}
.examples-dot-content {
  display: none;
}
.examples-dot .show {
  display: inline-flex;
}
.examples-dot-single-case {
  font-size: 12px;
  color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.input-module {
  display: flex;
  flex-direction: column;
}
.input-module-title {
  display: inline-flex;
  padding-bottom: 11px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
  font-size: 14px;
}
.input-module-title > span {
  margin-left: 6px;
  color: rgba(0, 0, 0, 0.28);
  font-weight: 300;
}
.input-module-content {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.input-module-content-btn {
  position: absolute;
  top: 21px;
  right: 10px;
}

.api-template {
  float: right;
}
.api-template-modal {
  height: 500px;
  overflow-y: auto;
}
.api-template-modal .mkui-form-item-label {
  width: 100%;
  text-align: left;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"formitemaccountset";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.formitemuploadfile-inner .mkui-upload-btn {
  padding: 8px 0 !important;
}
.formitemuploadfile-inner-accept {
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.vouchertemplate {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vouchertemplate-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.84);
}
.vouchertemplate-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.accountant-period-add {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.accountant-period {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.accountant-period-tool {
  margin-bottom: 12px;
}
.accountant-period .row-dragging {
  background: #f7f7f7;
  border: 1px solid #cccccc;
}
.accountant-period .row-dragging td {
  padding: 16px;
  visibility: hidden;
}
.accountant-period .row-dragging .drag-visible {
  visibility: visible;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.account-certificate-field h3 {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
}
.account-certificate-field-line {
  margin: 10px 0 20px 0;
}
.account-certificate-field-case {
  float: right;
  cursor: pointer;
  color: var(--mkui-primary-6, #0088ff);
  font-size: 13px;
}
.account-field-box {
  display: inline-block;
  vertical-align: top;
  padding: 6px 12px;
  margin-right: 12px;
  margin-bottom: 12px;
  background-color: #f7f7f7;
  cursor: pointer;
}
.account-field-box-name {
  display: inline-block;
  padding-right: 12px;
}
.account-field-box-custom {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.account-field-box-closeicon {
  display: inline-block;
  width: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoice-data-code-desc {
  padding-top: 12px;
}
.invoice-data-code-desc-card .mkui-card-head {
  padding: 0 12px;
}
.invoice-data-code-desc-card .mkui-card-body {
  padding: 12px 24px;
}
.invoice-data-code-desc-title-line {
  width: 3px;
  height: 12px;
  background-color: var(--mkui-primary-6, #0088ff);
  display: inline-block;
  margin-right: 6px;
}
.invoice-data-code-desc-desc {
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mkui-invoiceconf-display-field {
  color: rgba(0, 0, 0, 0.44);
}
.mkui-form-vertical .mkui-form-item + .invoice-config-display-item {
  margin-bottom: 0px !important;
}

/* @prefix-cls: ~"account-config";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.seatch-item-container .layout-detail-header {
  background-color: #ffffff;
}
.seatch-item-container .hidden {
  display: none;
}
.seatch-item-container .search-content {
  padding: 0 24px;
}
.seatch-item-container .top-search-result-text {
  height: 48px;
  border-bottom: 1px dashed #e1e1e1;
  display: flex;
  align-items: center;
}
.seatch-item-container .top-search-result-text .total {
  margin: 0 3px;
  color: var(--mkui-primary-6, #0088ff);
}
.no-permission-modal .no-permission-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  height: 100%;
}
.no-permission-modal .no-permission-content .no-data {
  color: rgba(0, 0, 0, 0.25);
}
.borrow-modal {
  color: rgba(0, 0, 0, 0.84);
}
.borrow-modal .mkui-modal-header {
  border-bottom: none;
  font-weight: 600;
}
.borrow-modal .mkui-modal-body {
  padding-top: 0;
  font-weight: 400;
}
.borrow-modal .borrow-content .top-msg {
  height: 25px;
  line-height: 25px;
}
.borrow-modal .borrow-content .top-msg svg {
  color: #3296fa;
  margin-right: 4px;
}
.borrow-modal .borrow-content .mkui-radio-group {
  padding-left: 17px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.delete-button {
  margin-left: 8px;
}

.search-popover-guide .mkui-popover-arrow-content {
  display: none;
}

.posr {
  position: relative;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.attachmentlist-content {
  display: flex;
  gap: 8px;
}
.attachmentlist-content-part {
  min-height: 40px;
}
.attachmentlist-content-detail {
  width: auto;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.attachmentlist-content-operations {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  margin-left: 12px;
  flex-grow: 1;
  justify-content: flex-end;
}
.attachmentlist-content-popover {
  max-width: 500px;
}
.attachmentlist-content-line {
  margin-left: 0 !important;
  flex-wrap: nowrap !important;
}
.attachmentlist-content-line > span {
  flex-basis: content;
}
.attachmentlist-icon {
  font-size: 40px;
  margin-top: 3px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.attachmentresult {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
/* 和 ./constants中的PREFIXCLS值保持一致 */
.keywords .theme {
  color: var(--mkui-primary-6, #0088ff);
}
.keywords .theme-text {
  color: var(--mkui-primary-6, #0088ff);
  margin: 0 5px;
}
.keywords .pl16 {
  padding-left: 16px;
}
.keywords .mr5 {
  margin-right: 5px;
}
.keywords .mr8 {
  margin-right: 8px;
}
.keywords .mr15 {
  margin-right: 15px;
}
.keywords .mt4 {
  margin-top: 4px;
}
.keywords .mt24 {
  margin-top: 24px;
}
.keywords .w220 {
  width: 220px;
}
.keywords .w300 {
  width: 300px;
}
.keywords .highlight,
.keywords em {
  color: #00b600;
}
.keywords em {
  font-style: normal !important;
}
.keywords .fs0 {
  flex-shrink: 0;
}
.keywords .fg1 {
  flex-grow: 1;
}
.keywords .posr {
  position: relative;
}
.keywords .clickable {
  cursor: pointer;
}
.keywords.keywords-search .maincontent {
  display: flex;
  padding-top: 180px;
  align-items: center;
  flex-direction: column;
}
.keywords.keywords-search .maincontent-title {
  font-size: 25px;
  font-weight: bold;
}
.keywords.keywords-search .maincontent-subtitle {
  color: #999999;
}
.keywords.keywords-search .maincontent-line {
  display: flex;
  align-items: center;
  width: 500px;
}
.keywords.keywords-search .maincontent-line-label {
  width: 70px;
}
.keywords.keywords-search .maincontent-line-field {
  width: 100%;
}
.keywords.keywords-search .maincontent-line-search.mkui-input-group-wrapper {
  background: #ffffff;
  border: 1px solid #e1e1e1;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.keywords.keywords-search .maincontent-line-search.mkui-input-group-wrapper:hover {
  border-color: var(--mkui-primary-6, #0088ff);
}
.keywords.keywords-search .maincontent-line-search.mkui-input-group-wrapper .mkui-input-affix-wrapper {
  padding: 0 8px 0 0;
  border: none;
}
.keywords.keywords-search .maincontent-line-search.mkui-input-group-wrapper .mkui-input-affix-wrapper .mkui-input-suffix {
  margin: 0;
}
.keywords.keywords-search .maincontent-line-search.mkui-input-group-wrapper .mkui-input-affix-wrapper .mkui-input-suffix .mkui-input-clear-icon {
  margin: 0;
  font-size: 14px;
}
.keywords.keywords-search .maincontent-line-search.mkui-input-group-wrapper input {
  border: 1px solid transparent;
  padding: 6px;
}
.keywords.keywords-search .maincontent-line-search.mkui-input-group-wrapper .mkui-input-group-addon {
  padding: 0;
  border: none;
}
.keywords.keywords-search .maincontent-line-search.mkui-input-group-wrapper .mkui-input-group-addon .keywords-button {
  border: none;
  height: 34px;
  width: 60px;
  background-color: var(--mkui-primary-1, #f2f9ff);
  color: var(--mkui-primary-6, #0088ff);
  text-shadow: none;
  box-shadow: none;
}
.keywords.keywords-result .mkui-tabs-nav {
  padding-left: 24px;
  margin-bottom: 12px;
}
.keywords.keywords-result .mkui-select-selection-search-input {
  height: auto;
}
.keywords.keywords-result .maincontent-line {
  display: flex;
  align-items: center;
  width: 500px;
}
.keywords.keywords-result .maincontent-line-field {
  width: 100%;
}
.keywords.keywords-result .maincontent-line-search.mkui-input-group-wrapper {
  background: #ffffff;
  border: 1px solid #e1e1e1;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.keywords.keywords-result .maincontent-line-search.mkui-input-group-wrapper:hover {
  border-color: var(--mkui-primary-6, #0088ff);
}
.keywords.keywords-result .maincontent-line-search.mkui-input-group-wrapper .mkui-input-affix-wrapper {
  padding: 0 8px 0 0;
  border: none;
}
.keywords.keywords-result .maincontent-line-search.mkui-input-group-wrapper .mkui-input-affix-wrapper .mkui-input-suffix {
  margin: 0;
}
.keywords.keywords-result .maincontent-line-search.mkui-input-group-wrapper .mkui-input-affix-wrapper .mkui-input-suffix .mkui-input-clear-icon {
  margin: 0;
  font-size: 14px;
}
.keywords.keywords-result .maincontent-line-search.mkui-input-group-wrapper input {
  border: 1px solid transparent;
  padding: 6px;
}
.keywords.keywords-result .maincontent-line-search.mkui-input-group-wrapper .mkui-input-group-addon {
  padding: 0;
  border: none;
}
.keywords.keywords-result .maincontent-line-search.mkui-input-group-wrapper .mkui-input-group-addon .keywords-button {
  border: none;
  height: 34px;
  width: 60px;
  background-color: var(--mkui-primary-1, #f2f9ff);
  color: var(--mkui-primary-6, #0088ff);
  text-shadow: none;
  box-shadow: none;
}
.keywords.keywords-result .maincontent .tabcontent {
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 0 16px;
}
.keywords.keywords-result .maincontent .tabcontent-filter {
  padding-bottom: 12px;
  padding-left: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.keywords.keywords-result .maincontent .tabcontent-items {
  overflow: auto;
}
.keywords.keywords-result .maincontent .tabcontent-items .empty-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.keywords.keywords-result .maincontent .pagination-wrapper {
  padding: 8px;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: flex-end;
}
.keywords.keywords-bill .keywords-bill-item {
  padding: 12px 8px;
  border-bottom: 1px solid #f0f0f0;
}
.keywords.keywords-bill .keywords-bill-item:hover {
  background-color: #f7f7f7;
}
.keywords.keywords-bill .keywords-bill-item-line1 {
  font-weight: 500;
  font-size: 14px;
}
.keywords.keywords-bill .keywords-bill-item-line2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 22px;
  margin-top: 4px;
  color: #999999;
}
.keywords.keywords-bill .keywords-bill-item-line2-divider {
  width: 1px;
  background-color: #e1e1e1;
  height: 12px;
  margin: 0 10px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoice-detail-container .layout-detail-header {
  background-color: #ffffff;
}
.invoice-detail-container .hidden {
  display: none;
}
.invoice-detail-container .search-content {
  padding: 0 24px;
}
.invoice-detail-container .top-search-result-text {
  height: 48px;
  border-bottom: 1px dashed #e8e8e8;
  display: flex;
  align-items: center;
}
.invoice-detail-container .top-search-result-text .total {
  margin: 0 3px;
  color: var(--mkui-primary-6, #0088ff);
}
.invoice-detail-container .amount-number {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin: 0 3px;
}
.no-permission-modal .no-permission-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  height: 100%;
}
.no-permission-modal .no-permission-content .no-data {
  color: rgba(0, 0, 0, 0.25);
}

.invoice-search-container .delete-button {
  margin-left: 8px;
}
.invoice-search-container .layout-list-content-toolbar {
  height: auto;
}
.invoice-search-container .dash-border {
  padding: 8px 24px 18px 0;
  border-bottom: 1px dashed #e8e8e8;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.invoice-search-loading {
  height: 100%;
}
.invoice-search-loading .mkui-spin-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.custom-search-container-empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.field-cascader {
  width: 100% !important;
}

/*  */

.rule-split-error-modal .mkui-modal-body {
  height: 0;
  padding: 16px;
}

.rule-split-detail .mkui-form-item {
  margin-left: 12px !important;
}
.rule-split-detail-title {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
  margin-bottom: 8px;
}
.rule-split-detail .edit-form-type-block {
  padding-left: 10px;
  margin-bottom: 8px;
}
.rule-split-detail .edit-form-type {
  color: rgba(0, 0, 0, 0.5);
}
.rule-split-detail-cascader .mkui-select-selector {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  padding: 0 !important;
  background-color: #fff !important;
}
.rule-split-detail .mkui-select-disabled {
  border-bottom: 1px dashed #e1e1e1;
}
.rule-split-detail .mkui-select-disabled .mkui-select-selector {
  border: 0 !important;
}
.rule-split-detail-option {
  display: flex;
  align-items: center;
}
.rule-split-detail-option .mkui-input-number {
  width: 50px !important;
  margin: 0px 8px;
  border: 1px solid #d9d9d9 !important;
}
.rule-split-detail-option .mkui-input-number input {
  width: 50px;
  text-align: center;
}
.rule-split-detail-option .mkui-input {
  width: 60px !important;
  text-align: center;
  margin: 0px 8px;
  border: 1px solid #d9d9d9 !important;
}
.rule-split-detail-split-rule-radio-group {
  padding: 0px 14px;
}
.rule-split-detail-test {
  display: flex;
  margin-left: 12px;
}
.rule-split-detail-test-text {
  color: rgba(0, 0, 0, 0.6);
}
.rule-split-detail-test-content,
.rule-split-detail-test-result {
  width: calc((100% - 84px) / 2);
}
.rule-split-detail-test-operation {
  height: 180px;
  align-items: center;
  display: flex;
  margin-top: 20px;
}
.rule-split-detail-result-content textarea {
  border: 1px dashed rgba(0, 0, 0, 0.1122);
}
.rule-split-detail-footer {
  display: flex;
  width: 100%;
}
.rule-split-detail-footer-left {
  display: flex;
  align-items: center;
}
.rule-split-detail-footer-right {
  text-align: right;
}
.rule-split-detail-footer-left,
.rule-split-detail-footer-right {
  flex: 1;
}
.rule-split-detail-test-btn {
  margin-top: 8px;
}


/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.water-employee-info {
  display: inline-flex;
  cursor: pointer;
}
.water-employee-info-no {
  width: 100px;
  height: 32px;
  background: #f7f7f7;
  align-items: center;
  justify-content: center;
}
.water-employee-info-list {
  display: inline-flex;
  flex-wrap: wrap;
}
.water-employee-info-list > span {
  display: inline-flex;
  height: 28px;
  border: 1px solid #e1e1e1;
  margin-right: 4px;
  align-items: center;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.84);
  flex-shrink: 0;
  margin-bottom: 2px;
  margin-top: 2px;
}
.water-employee-info-list-icon {
  color: var(--mkui-primary-6, #0088ff) !important;
  padding-right: 5px;
}
.water-employee-info > div {
  display: inline-flex;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.water-modal-info-modal > .mkui-modal-content {
  height: inherit;
}
.water-modal-info .mkui-checkbox-wrapper + .mkui-checkbox-wrapper {
  margin-left: 0;
}
.water-modal-info-category {
  border-left: 4px solid var(--mkui-primary-6, #0088ff);
  padding-left: 8px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 25px;
  margin-top: 25px;
  font-weight: 600;
}
.water-modal-info-category-small {
  font-weight: 600;
  margin: 10px 0;
}
.water-modal-info > div:first-child > div {
  margin-top: 0;
}
.water-modal-info-content {
  display: inline-flex;
  flex-wrap: wrap;
}
.water-modal-info-content label {
  margin-right: 40px;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.water-paper-info {
  display: inline-flex;
  cursor: pointer;
}
.water-paper-info-no {
  width: 100px;
  height: 32px;
  background: #f7f7f7;
  align-items: center;
  justify-content: center;
}
.water-paper-info-list {
  display: inline-flex;
  flex-wrap: wrap;
}
.water-paper-info-list > span {
  display: inline-flex;
  height: 28px;
  border: 1px solid #e1e1e1;
  margin-right: 4px;
  align-items: center;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.84);
  flex-shrink: 0;
  margin-bottom: 5px;
}
.water-paper-info-list > span:hover {
  border: 1px solid var(--mkui-primary-6, #0088ff);
}
.water-paper-info-list-icon {
  color: var(--mkui-primary-6, #0088ff) !important;
  padding-right: 5px;
}
.water-paper-info > div {
  display: inline-flex;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.water-print-page {
  padding: 26px;
}
.water-print-page-block {
  margin-bottom: 35px;
}
.water-print-page-block-title {
  margin-bottom: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
}
.water-print-page-block-title-grid {
  display: inline-block;
  position: relative;
  top: 1.5px;
  height: 13px;
  width: 3px;
  margin-right: 5px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.water-print-page-block-line {
  display: inline-flex;
  font-size: 14px;
  margin: 0 0 20px 0;
  align-items: center;
}
.water-print-page-block-line-label {
  margin-right: 6px;
  width: 104px;
  flex-shrink: 0;
}
.water-print-page-block-line-content {
  padding: 2px 4px;
  flex-wrap: wrap;
}
.water-print-page-block-line-content:hover .water-employee-info-list > span {
  border: 1px solid var(--mkui-primary-6, #0088ff);
}
.water-print-page-block-line > div {
  display: inline-flex;
}
.water-print-page-zoom {
  display: inline-flex;
  flex-direction: column;
}
.water-print-page-word {
  margin-left: 8px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 22px;
  vertical-align: top;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.add-config-modal .mkui-input-group-addon {
  position: absolute;
  right: 50px;
  z-index: 100;
  border: none;
}
.security-setting {
  position: relative;
}
.security-setting-content {
  padding: 12px 24px;
}
.security-setting-content .mkui-tabs {
  overflow: initial !important;
}
.security-setting-content .mkui-tabs-content {
  height: 100%;
}
.security-setting-content .mkui-tabs .layout-list-content-table {
  height: calc(100% - 27px);
}
.security-setting .marginleft5 {
  margin-left: 5px;
}
.security-setting .marginBottom10 {
  margin-bottom: 10px;
}
.security-setting .spacing {
  margin: 0 5px 0 10px;
}
.security-setting .inputStyle {
  width: 450px;
  margin-left: 6px;
}
.security-setting .inputStyle .mkui-input-affix-wrapper {
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  padding: 4.8px 11px 4.8px 0px;
}
.security-setting .inputStyle .input-validate-error {
  margin-bottom: 0;
  padding: 2px 11px 0;
  color: #f5222d;
  font-size: 13px;
  line-height: 20px;
}
.security-setting .showStyle {
  width: 450px;
  height: 30px;
  overflow: hidden;
}
.security-setting .showStyle > div {
  display: inline-block;
  line-height: 30px;
}
.security-setting .showStyle .iconStyle {
  float: right;
}
.security-setting .showStyle .iconStyle .mkicon {
  color: var(--mkui-primary-6, #0088ff);
  font-size: 18px;
}
.security-setting .showValueStyle {
  min-width: 80%;
  height: 30px;
}
.security-setting .mkui-table-cell .showStyle {
  background-color: inherit;
  padding: 0;
}
.security-setting-pwd {
  height: 100%;
  line-height: 18px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  position: relative;
}
.security-setting-pwd-title {
  line-height: 18px;
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.84);
}
.security-setting-pwd-pwd-num,
.security-setting-pwd-pwd-complex,
.security-setting-pwd-pwd-cycle {
  margin-left: 4px;
}
.security-setting-pwd-pwd-num {
  width: 50px;
  text-align: center;
}
.security-setting-pwd-switch {
  margin-top: 24px;
  display: flex;
  align-items: center;
}
.security-setting-pwd-switch-label {
  margin-left: 12px;
  font-weight: 500;
}
.security-setting-pwd-switch-tip {
  margin-top: 12px;
}
.security-setting-pwd .mkui-select-selection-item {
  font-weight: 500;
}
.security-setting-sso-block {
  position: relative;
  min-height: 300px;
}
.security-setting-sso-block .block-mask {
  background-color: #ffffff;
}
.security-setting-sso-switch {
  padding: 4px 0;
}
.security-setting-sso-label {
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}
.security-setting-sso-operations {
  color: var(--mkui-primary-color);
}
.security-setting-sso-operations .mkicon {
  font-size: 14px;
}
.security-setting-sso-field {
  margin-bottom: 8px;
  width: 480px;
}
.security-setting-sso-field .mkui-input-affix-wrapper {
  border-left: none;
  border-top: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
}
.security-setting-sso-titleline {
  padding-bottom: 8px;
}
.security-setting-sso-title {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
}
.security-setting-sso-subtitle {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.44);
}
.security-setting-sso-reminder {
  color: #999999 !important;
  cursor: pointer;
}
.security-setting-footer {
  width: calc(100% - 24px);
  height: 48px;
  padding-left: 15px;
  border-top: 1px solid #eee;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 12px;
  left: 12px;
  background-color: #ffffff;
}
.security-setting-openapi-operations {
  display: flex;
  gap: 8px;
}
.security-setting-openapi .input-edit-text {
  width: auto !important;
}
.security-setting-custominput-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.security-setting-custominput-review-left {
  width: auto;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.security-setting-custominput-review-right {
  flex-shrink: 0;
}
.security-setting-custominput .right-icon {
  font-size: 16px;
  cursor: pointer;
}
.security-setting-custominput .right-icon:hover {
  color: #0088ff;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ldap {
  padding-bottom: 60px;
}
.ldap .mkui-input-affix-wrapper-disabled {
  border-style: dashed !important;
  background-color: #fff;
}
.ldap .mkui-input-affix-wrapper-disabled:hover {
  border-bottom-color: #d9d9d9 !important;
}
.ldap .mkui-input-affix-wrapper-disabled .mkui-input-disabled {
  border-bottom: 0 !important;
}
.ldap .mkui-input-affix-wrapper-disabled .mkui-input-disabled:hover {
  border: 0 !important;
  outline: none !important;
}
.ldap-content {
  padding: 8px 0;
}
.ldap-footer {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: calc(100% - 24px);
  border-top: 1px solid #e1e1e1;
  padding: 12px 12px 12px 24px;
  background-color: #ffffff;
}
.ldap-group {
  margin-bottom: 20px;
}
.ldap-group-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
}
.ldap-group-title .mkui-btn {
  vertical-align: 1px;
}
.ldap-group-title .mkicon {
  font-size: 16px;
  vertical-align: -1px;
  margin-left: 14px;
}
.ldap-group-content .tip {
  font-weight: 400;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.44);
}
.ldap-result {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 140px;
  padding: 15px 0;
  text-align: center;
  background-color: #f7f7f7;
  border-radius: 2px;
  border: 1px solid #eee;
}
.ldap-result p,
.ldap-result button {
  margin-bottom: 8px;
}
.ldap-result .success {
  color: #1eaa39;
  font-size: 28px;
}
.ldap-result .fail {
  color: #e95513;
  font-size: 28px;
}
.ldap-result .process {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.84);
}
.ldap-result .msg {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.config-center {
  display: flex;
  height: 100%;
}
.config-center-menu {
  position: relative;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  border-right: 1px solid #e1e1e1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 250px;
}
.config-center-menu .role-menu {
  width: 100%;
}
.config-center-right {
  flex-grow: 1;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.auth-link-test-modal-result {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 140px;
  padding: 15px 0;
  text-align: center;
  background-color: #f7f7f7;
  border-radius: 2px;
  border: 1px solid #eee;
}
.auth-link-test-modal-result div {
  margin-bottom: 12px;
}
.auth-link-test-modal-result-pending {
  color: #00b600;
  font-size: 28px;
}
.auth-link-test-modal-result-success {
  color: #1eaa39;
  font-size: 28px;
}
.auth-link-test-modal-result-fail {
  color: #e95513;
  font-size: 28px;
}
.auth-link-test-modal-result-process {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.84);
}
.auth-link-test-modal-result-msg {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.44);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcenterheader {
  padding: 0px 24px;
  border-bottom: 1px solid #e1e1e1;
  line-height: 48px;
  height: 48px;
  width: 100%;
}
.configcenterheader-title {
  font-weight: bold;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcenterfooter {
  border-top: 1px solid #e1e1e1;
  padding: 12px 24px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcentercontent {
  flex: 1;
  padding: 12px 24px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcenterborrow-content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.configcenterborrow-content-top {
  flex-shrink: 0;
}
.configcenterborrow-content-middle {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.configcenterborrow-content-middle-table {
  overflow-y: auto;
}
.configcenterborrow-content .mkui-input-group-addon {
  border: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcenteremailservicetype {
  border: solid 1px #eee;
  border-radius: 2px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.configcenteremailservicetype-header {
  display: flex;
  align-items: center;
  gap: 24px;
}
.configcenteremailservicetype-header-title {
  font-weight: 500;
}
.configcenteremailservicetype-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  min-height: 200px;
}
.configcenteremailservicetype-content-config {
  font-weight: 300;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configcenteremailservicetype-content-config-item {
  border-bottom: dashed 1px #eee;
  padding-bottom: 8px;
}
.configcenteremailservicetype-content-config-item-setting {
  display: flex;
  gap: 6px;
  flex-direction: column;
}
.configcenteremailservicetype-content-config-item-setting-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcenteremailservicegeneral {
  border: solid 1px #eee;
  border-radius: 2px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.configcenteremailservicegeneral-header {
  display: flex;
  align-items: center;
  gap: 24px;
}
.configcenteremailservicegeneral-header-title {
  font-weight: 500;
}
.configcenteremailservicegeneral-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configcenteremailservicegeneral-content-config {
  font-weight: 300;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configcenteremailservicegeneral-content-config-item {
  border-bottom: dashed 1px #eee;
  padding-bottom: 8px;
}
.configcenteremailservicegeneral-content-config-item-setting {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcenteremailservicetest {
  border: solid 1px #eee;
  border-radius: 2px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.configcenteremailservicetest-header {
  display: flex;
  align-items: center;
  gap: 24px;
}
.configcenteremailservicetest-header-title {
  font-weight: 500;
}
.configcenteremailservicetest-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configcenteremailservicetest-content-config {
  font-weight: 300;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configcenteremailservicetest-content-config-item {
  border-bottom: dashed 1px #eee;
  padding-bottom: 8px;
}
.configcenteremailservicetest-content-config-item-setting {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.circleitem {
  line-height: 1;
  background-color: var(--mkui-primary-6, #0088ff);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.circleitem-text {
  zoom: 0.8;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcenteremailservice {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configcenteremailservice-header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.configcenteremailservice-header-title {
  font-weight: bold;
}
.configcenteremailservice-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 24px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"configcentersystemboolean";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"configcentersystemtext";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"configcentersystemnumber";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcenteremailbusiness {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configcenteremailbusiness-header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.configcenteremailbusiness-header-title {
  font-weight: bold;
}
.configcenteremailbusiness-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 24px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcenteremail-content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.configcenteremail-content-top {
  flex-shrink: 0;
}
.configcenteremail-content-middle {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  gap: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.configcentersystem-content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.configcentersystem-content-top {
  flex-shrink: 0;
}
.configcentersystem-content-middle {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 12px;
}
.configcentersystem-content-middle-filter .mkui-flex-tablefilter {
  padding: 0 !important;
}
.configcentersystem-content-middle-table {
  overflow-y: auto;
  flex: 1;
}




.filestore-detail-page {
  height: 100%;
}
.filestore-detail-page .mkui-tabs {
  height: 100%;
}
.filestore-detail-page .mkui-tabs .mkui-tabs-content {
  height: 100%;
}
.filestore-detail .layout-detail-content-inner {
  padding: 0;
}
.filestore-detail .layout-detail-content-inner .mkui-tabs-top > .mkui-tabs-nav {
  margin-bottom: 0;
}
.filestore-detail .layout-detail-content-inner .mkui-tabs-nav-wrap {
  padding: 0 20px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.file-store-code-container {
  height: 610px;
  background-color: #f7f7f7;
  margin: -24px;
  padding: 12px 24px;
  cursor: pointer;
}
.file-store-code-title {
  padding: 12px 16px;
  height: 48px;
  line-height: 24px;
  background-color: #ffffff;
}
.file-store-code-group-container {
  overflow: auto;
  margin-top: 10px;
  height: 540px;
}
.file-store-code-group {
  overflow-y: auto;
  width: 2000px;
}
.file-store-code-group .mkui-checkbox-group-item {
  padding: 12px 16px;
  height: 48px;
  line-height: 22px;
  width: 160px;
  margin: 0 8px 8px 0;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}
.file-store-code-cabinetinfo {
  float: right;
}
.file-store-code-icon {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 5px;
  color: var(--mkui-primary-6, #0088ff);
  border: 1px solid #e1e1e1;
  border-radius: 4px;
}
.file-store-code-icon-text {
  margin-left: 5px;
  color: rgba(0, 0, 0, 0.6);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.filemanage {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.filemanage-content {
  padding: 12px 20px 0 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  min-height: 0;
}
.filemanage-content-filter {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.filemanage-content-operation {
  display: flex;
  gap: 12px;
}
.filemanage-content-table {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"cabinetdetailmodal";

.@{prefix-cls} {
  //
} */

.file-store-base-info {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
  padding: 16px 24px;
}
.file-store-base-info .mkui-form {
  max-width: 800px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.view-mode-selector {
  display: inline-block;
  width: 162px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}
.view-mode-selector .view-mode-selector-item {
  display: inline-block;
  cursor: pointer;
  border: 1px rgba(0, 0, 0, 0.28) solid;
}
.view-mode-selector .view-mode-selector-item:first-child {
  width: 86px;
}
.view-mode-selector .view-mode-selector-item:first-child:not(.view-mode-selector-item-active) {
  border-right: none;
}
.view-mode-selector .view-mode-selector-item:last-child {
  width: 74px;
}
.view-mode-selector .view-mode-selector-item:last-child:not(.view-mode-selector-item-active) {
  border-left: none;
}
.view-mode-selector .view-mode-selector-item-active {
  background-color: var(--mkui-primary-6, #0088ff);
  color: #ffffff;
  border-color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archives-inventory-electronic-content .mkui-alert-info {
  border: none;
  margin: 0 12px;
}
.viewboard-card-gap {
  background-color: rgba(0, 0, 0, 0.05);
  height: 12px;
  margin: 12px;
}
.viewtable-nopadding {
  padding: 0 !important;
}
.viewboard-card .header {
  line-height: 40px;
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.84);
  padding: 0 12px;
  margin: 0 12px;
  border-bottom: 1px dashed #e8e8e8;
}
.viewboard-card .content {
  display: flex;
  padding: 24px;
  flex-wrap: wrap;
}
.viewboard-card .content #pieChart {
  margin-right: 150px;
  width: 30%;
  height: 210px;
}
.viewboard-card .content #barChart {
  width: 86%;
  height: 260px;
}
.viewboard-card .content .pie-legend {
  padding: 16px 0;
}
.viewboard-card .content .pie-legend .pie-legend-item {
  display: flex;
  align-items: center;
  margin: 6px 0;
}
.viewboard-card .content .pie-legend .pie-legend-item .pie-legend-col {
  margin-right: 10px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666666;
}
.viewboard-card .content .pie-legend .pie-legend-item .pie-palette {
  width: 14px;
  height: 14px;
  background-color: #0069ff;
}
.viewboard-card .content .bar-legend .bar-legend-item {
  display: flex;
  align-items: center;
  margin: 6px 0;
}
.viewboard-card .content .bar-legend .bar-legend-item .bar-legend-col {
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.viewboard-card .content .bar-legend .bar-legend-item .bar-palette {
  width: 14px;
  height: 14px;
  background: linear-gradient(180deg, #91d5ff 0%, #367cff);
  flex-shrink: 0;
}
.viewboard-card .empty {
  width: 100%;
  text-align: center;
}
.viewboard-card .empty .image {
  font-size: 140px;
  line-height: 140px;
  color: transparent;
}
.viewboard-card .empty .text {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #777;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.multiple-select {
  display: inline-block;
  vertical-align: middle;
  width: 140px;
  line-height: 22px;
}
.multiple-select .multiple-select-placeholder {
  position: relative;
  cursor: pointer;
  width: 100%;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  padding: 2px 28px 2px 12px;
  font-weight: 400;
  font-size: 12px;
}
.multiple-select .multiple-select-placeholder .multiple-select-placeholder-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.6);
}
.multiple-select .multiple-select-placeholder .multiple-select-placeholder-content-default {
  color: #999999;
}
.multiple-select .multiple-select-placeholder .multiple-select-placeholder-arrow {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.28);
}
.multiple-select .multiple-select-placeholder .multiple-select-placeholder-arrow-expand {
  transform: rotate(180deg);
}
.multiple-select-dropdown-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  width: 175px;
  background: #ffffff;
  border-radius: 2px;
  font-size: 14px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  max-height: 200px;
  overflow: scroll;
}
.multiple-select-dropdown-wrapper .multiple-select-option {
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 28px;
  padding: 5px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.multiple-select-dropdown-wrapper .multiple-select-option:hover {
  background-color: #f7f7f7;
}
.multiple-select-dropdown-wrapper .multiple-select-option .multiple-select-option-checkbox {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  margin-right: 8px;
  line-height: 16px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  transition: all 300ms ease;
}
.multiple-select-dropdown-wrapper .multiple-select-option .multiple-select-option-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiple-select-dropdown-wrapper .multiple-select-option-selected {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.multiple-select-dropdown-wrapper .multiple-select-option-selected .multiple-select-option-checkbox {
  background: var(--mkui-primary-6, #0088ff);
  border: 1px solid var(--mkui-primary-6, #0088ff);
}
.multiple-select-dropdown-wrapper .multiple-select-option-selected:hover {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.multiple-select-dropdown-wrapper .multiple-select-option-disabled {
  cursor: not-allowed;
}
.multiple-select-dropdown-wrapper .multiple-select-option-disabled .multiple-select-option-checkbox {
  background-color: #f7f7f7;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.number-chart {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 0 32px;
}
.number-chart .number-chart-item {
  text-align: center;
}
.number-chart .number-label {
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 7px;
}
.number-chart .number-label.light {
  color: rgba(0, 0, 0, 0.4);
  font-weight: normal;
}
.number-chart .number-value {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 0;
}
.archives-inventory-paper-content .detail-title {
  display: flex;
  border-bottom: 1px dashed #e8e8e8;
}
.archives-inventory-paper-content .detail-title .back-button {
  color: #999999;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  padding: 13px 12px 13px 20px;
}
.archives-inventory-paper-content .detail-title .title {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.84);
  line-height: 46px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.mkui-reimbursement-codes {
  color: var(--mkui-primary-6, #0088ff);
}
.reimburse-list-header {
  background-color: #fff;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"commonreimbursementupdate";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"commonreimbursementform";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.reimbursementdetail {
  margin: -16px -24px;
  min-height: calc(100% + 32px);
  display: flex;
  gap: 16px;
  background-color: #f0f2f5;
}
.reimbursementdetail-left {
  background-color: #ffffff;
  padding: 0 24px 16px 24px;
  flex-grow: 1;
  overflow: hidden;
}
.reimbursementdetail-left .bill-detail-content-form {
  padding-right: 0 !important;
  width: 100%;
}
.reimbursementdetail-right {
  background-color: #f0f2f5;
  width: 450px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bill-detail-header {
  position: relative;
  width: 100%;
}
.bill-detail-header-metadata {
  height: 24px;
  display: inline-flex;
}
.bill-detail-header-metadata-modal {
  top: -18px;
}
.bill-detail-header-metdata-more {
  margin-left: 12px;
}
.bill-detail-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.bill-detail-content .mkui-row {
  flex-wrap: wrap;
}
.bill-detail-content-form {
  position: relative;
  flex: 1 1 66%;
  padding-right: 24px;
}
.bill-detail-content-form-title-label .mkui-form-item-label {
  margin-bottom: 4px;
}
.bill-detail-content-form::after {
  position: absolute;
  top: 0px;
  right: -16px;
  box-sizing: initial !important;
  width: 16px;
  height: 100%;
  border-top: 15px solid #eee;
  border-bottom: 12px solid #eee;
  background: #eee;
  content: '';
  transform: translateY(-15px);
}
.bill-detail-content-timeline {
  flex: 0 0 30%;
  padding-left: 36px;
  overflow: auto;
  max-height: 902px;
}
.bill-detail-content-table {
  flex: 0 0 100%;
}
.bill-detail-content-table-des {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.bill-detail-content-table-des-text {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 18px;
}
.bill-detail-content-table-des-time {
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.84);
  line-height: 18px;
}
.bill-detail-content-table-des-line {
  width: 1px;
  height: 18px;
  background: #e1e1e1;
  margin: 0 16px;
  display: inline-block;
}
.bill-detail-content-table-des-num {
  font-size: 13px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: var(--mkui-primary-6, #0088ff);
  line-height: 18px;
}
.expense-detail-content {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: scroll;
  height: 480px;
  border-top: 0 none;
  border-bottom: 1px solid #e1e1e1;
}
.expense-detail-content-form {
  flex: 1 1 auto;
  padding-right: 24px;
  max-height: 598px;
  overflow-y: auto;
}
.expense-detail-content-form .mkui-table-wrapper {
  margin-bottom: 24px;
}
.expense-detail-content-image {
  flex: 0 0 600px;
  height: 578px;
}
.expense-detail-footer {
  padding-right: 16px;
  height: 52px;
  text-align: right;
  line-height: 65px;
}
.expense-detail-footer > button {
  margin-left: 13px;
}
.reimbursement-detail-modal .mkui-modal-footer {
  display: flex;
  z-index: 10;
}
.reimbursement-detail-modal .layout-detail {
  bottom: 0px;
  height: auto;
}

.archive-statistics-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.archive-statistics-page-content {
  display: inline-flex;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.statistics-file {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.statistics-file-grey {
  background-color: #f0f2f5;
  flex: 1;
}
.statistics-file-block {
  display: inline-flex;
  flex-shrink: 0;
  flex-direction: column;
  background: #ffffff;
}
.statistics-file-block-top {
  height: 88px;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.statistics-file-block-top-title {
  height: 40px;
  border-bottom: 1px solid #f0f2f5;
  align-items: center;
  display: inline-flex;
  position: relative;
}
.statistics-file-block-top-title > span {
  margin-left: 24px;
  font-weight: bold;
}
.statistics-file-block-top-filter {
  height: 48px;
  border-bottom: 1px solid #f0f2f5;
  align-items: center;
  display: inline-flex;
}
.statistics-file-block-top-filter > div {
  margin-left: 24px;
  display: inline-flex;
}
.statistics-file-block-top-time {
  position: absolute;
  right: 24px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.statistics-file-block-main {
  display: inline-flex;
  flex-grow: 1;
  overflow: auto;
  padding: 24px 16px 32px 0;
}
.statistics-file-line {
  display: inline-flex;
  height: 12px;
  background-color: #f0f2f5;
  flex-grow: 0;
  flex-shrink: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.statistics-select-info-zoom {
  display: inline-flex;
  align-items: center;
}
.statistics-select-info-zoom-sel {
  width: 220px;
  display: inline-flex;
}
.statistics-select-info-zoom-sel .mkui-select,
.statistics-select-info-zoom-sel .mkui-select-selector {
  width: 200px;
}
.statistics-select-info-zoom > span {
  display: inline-flex;
  align-items: center;
  margin-right: 5px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.statistics-select-info-zoom i {
  font-style: normal;
  color: #ff2825;
}

.bill-comp-sel .mkui-select-selection-item > span {
  padding-left: 4px;
}
.bill-comp-sel-spec {
  margin-left: 4px;
}
.mkui-popover {
  z-index: 1100;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.bar-comp-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.bar-comp-info-time {
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  height: 30px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: flex-end;
  margin-left: 50px;
}
.bar-comp-info-time > span {
  margin-left: 6px;
}
.bar-comp-info-bar {
  display: inline-flex;
  width: 100%;
  height: 260px;
}
.bar-comp-info-empty {
  display: inline-flex;
  width: 100%;
  height: 260px;
  align-items: center;
  justify-content: center;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.line-comp-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.line-comp-info-time {
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  height: 30px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: flex-end;
  margin-left: 50px;
}
.line-comp-info-time > span {
  margin-left: 6px;
}
.line-comp-info-legend {
  display: inline-flex;
  margin-left: 120px;
  position: absolute;
  top: 16px;
  z-index: 10;
}
.line-comp-info-legend > div {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.line-comp-info-legend > div > span {
  display: inline-flex;
}
.line-comp-info-legend > div > span:first-child {
  width: 40px;
  height: 6px;
  margin-right: 8px;
}
.line-comp-info-legend > div > span:last-child {
  margin-right: 40px;
  align-items: center;
}
.line-comp-info-legend-one {
  background: #4a8fff;
}
.line-comp-info-legend-two {
  background-color: #ffbc00;
}
.line-comp-info-legend-three {
  background: #4db6ac;
}
.line-comp-info-bar {
  display: inline-flex;
  width: 100%;
  height: 260px;
}
.line-comp-info .grey {
  background-color: #bfbbbb !important;
}
.line-comp-info-empty {
  display: inline-flex;
  width: 100%;
  height: 260px;
  align-items: center;
  justify-content: center;
}
.line-comp-info-dot {
  padding-left: 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.line-comp-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.line-comp-info-time {
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  height: 30px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: flex-end;
  margin-left: 50px;
}
.line-comp-info-time > span {
  margin-left: 6px;
}
.line-comp-info-legend {
  display: inline-flex;
  margin-left: 160px;
  position: absolute;
  top: 16px;
  z-index: 10;
}
.line-comp-info-legend > div {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.line-comp-info-legend > div > span {
  display: inline-flex;
}
.line-comp-info-legend > div > span:first-child {
  width: 40px;
  height: 6px;
  margin-right: 8px;
}
.line-comp-info-legend > div > span:last-child {
  margin-right: 40px;
  align-items: center;
}
.line-comp-info-legend-one {
  background: #4a8fff;
}
.line-comp-info-legend-two {
  background-color: #ffbc00;
}
.line-comp-info-legend-three {
  background: #4db6ac;
}
.line-comp-info-bar {
  display: inline-flex;
  width: 100%;
  height: 260px;
}
.line-comp-info .grey {
  background-color: #bfbbbb !important;
}
.line-comp-info-empty {
  display: inline-flex;
  width: 100%;
  height: 260px;
  align-items: center;
  justify-content: center;
}
.line-comp-info-dot > span {
  padding-left: 4px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archives-type-bar {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.archives-type-bar-time {
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  height: 30px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: flex-end;
  margin-left: 50px;
}
.archives-type-bar-time > span {
  margin-left: 6px;
}
.archives-type-bar-bar {
  display: inline-flex;
  width: 100%;
  height: 260px;
}
.archives-type-bar-empty {
  display: inline-flex;
  width: 100%;
  height: 260px;
  align-items: center;
  justify-content: center;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.invoice-statistics {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.invoice-statistics-block {
  display: inline-flex;
  flex-direction: column;
}
.invoice-statistics-block-top {
  height: 88px;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.invoice-statistics-block-top-title {
  height: 40px;
  border-bottom: 1px solid #f0f2f5;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.invoice-statistics-block-top-title > span {
  margin-left: 24px;
  font-weight: bold;
}
.invoice-statistics-block-top-filter {
  height: 48px;
  border-bottom: 1px solid #f0f2f5;
  display: inline-flex;
  align-items: center;
}
.invoice-statistics-block-top-filter > div {
  margin-left: 24px;
  display: inline-flex;
}
.invoice-statistics-block-top-time {
  position: absolute;
  right: 24px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.invoice-statistics-block-top-filter-type {
  justify-content: space-between;
  align-items: center;
  padding-right: 24px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
}
.invoice-statistics-block-top-filter-type .mkui-currency-main-prefix {
  min-width: 3px !important;
}
.invoice-statistics-block-top-filter-type .mkui-currency-main-money {
  margin-right: 3px;
  font-weight: 400;
  color: var(--mkui-primary-6, #0088ff);
}
.invoice-statistics-block-top-filter-type-text {
  display: flex;
  align-items: center;
}
.invoice-statistics-block-top-filter-type-divide {
  width: 1px;
  height: 13px;
  margin: 0 8px;
  background-color: #999;
}
.invoice-statistics-block-main {
  display: inline-flex;
  flex-grow: 1;
  overflow: auto;
  padding: 24px 16px 32px 0;
}
.invoice-statistics-line {
  display: inline-flex;
  height: 12px;
  background-color: #f0f2f5;
  flex-grow: 0;
  flex-shrink: 0;
}
.invoice-statistics-grey {
  background-color: #f0f2f5;
  flex: 1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.voucher-statistics {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.voucher-statistics-block {
  display: inline-flex;
  flex-direction: column;
  padding-left: 24px;
}
.voucher-statistics-block-top {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
}
.voucher-statistics-block-top-title {
  height: 40px;
  border-bottom: 1px solid #f0f2f5;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.voucher-statistics-block-top-title > span {
  font-weight: bold;
}
.voucher-statistics-block-top-time {
  position: absolute;
  right: 24px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.voucher-statistics-block-top-filter {
  height: 48px;
  border-bottom: 1px solid #f0f2f5;
  display: inline-flex;
  align-items: center;
}
.voucher-statistics-block-top-filter > div {
  display: inline-flex;
}
.voucher-statistics-block-top-voucher {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 48px;
  border-bottom: 1px solid #f0f2f5;
}
.voucher-statistics-block-top-voucher-count {
  font-weight: bold;
  font-size: 20px;
}
.voucher-statistics-line {
  display: inline-flex;
  height: 12px;
  background-color: #f0f2f5;
  flex-grow: 0;
  flex-shrink: 0;
}
.voucher-statistics-empty {
  display: flex;
  width: 100%;
  height: 260px;
  align-items: center;
  justify-content: center;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.fieldmodal-index {
  display: flex;
  align-items: center;
  gap: 4px;
}
.fieldmodal-index-icon {
  cursor: pointer;
  padding: 0 3px;
  margin-bottom: 8px;
  position: relative;
  left: -6px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.datadictfielditem {
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
}
.datadictfielditem-custom {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.datadictfielditem-close {
  visibility: hidden;
}
.datadictfielditem-modal {
  position: absolute;
}
.datadictfielditem:hover .datadictfielditem-close {
  visibility: visible;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.datadictbox {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.datadictbox-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.data-dict-header {
  align-items: center;
  display: flex;
}
.data-dict-content-inner {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

/**
 * @Author: conggb
 * @Date: 2023-04-26 11:47:10
 * @LastEditors: conggb
 * @LastEditTime: 2023-05-04 17:50:05
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.setting-custom-form-group-billlist-bill {
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
}
.setting-custom-form-group-billlist-bill:last-child {
  border: none;
}
.setting-custom-form-group-billlist-bill:hover {
  background-color: #f7f7f7;
}
.setting-custom-form-group-billlist-bill-status,
.setting-custom-form-group-billlist-bill-date {
  flex: 1;
  color: rgba(0, 0, 0, 0.44);
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.setting-custom-form-group-billlist-bill-header {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 360px;
}
.setting-custom-form-group-billlist-bill-header-icon {
  font-size: 20px;
  min-width: 36px;
  height: 36px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: var(--mkui-primary-6, #0088ff);
}
.setting-custom-form-group-billlist-bill-header-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.setting-custom-form-group-billlist-bill-header-info-form {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #666666;
}
.setting-custom-form-group-billlist-bill-header-info-form:hover {
  color: var(--mkui-primary-6, #0088ff);
}
.setting-custom-form-group-billlist-bill-header-info-form-name {
  font-size: 12px;
  width: auto !important;
}
.setting-custom-form-group-billlist-bill-date-content {
  color: rgba(0, 0, 0, 0.84);
}
.setting-custom-form-group-billlist-bill-operate {
  display: flex;
  align-items: center;
  gap: 16px;
}

/**
 * @Author: conggb
 * @Date: 2023-04-24 18:47:28
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-26 14:23:34
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.setting-custom-form-group {
  cursor: pointer;
}
.setting-custom-form-group .mkui-collapse {
  background-color: #ffffff;
}
.setting-custom-form-group .mkui-collapse .mkui-collapse-header {
  padding: 0 !important;
}
.setting-custom-form-group-expand .setting-custom-form-group-header-navi {
  transform: rotate(90deg) !important;
}
.setting-custom-form-group-header {
  display: flex;
  align-items: center;
  padding: 10px 16px;
}
.setting-custom-form-group-header-navi {
  transition: all 0.3s;
}
.setting-custom-form-group-header-title {
  font-weight: bold;
  margin-left: 4px;
}
.setting-custom-form-group-header-count {
  color: rgba(0, 0, 0, 0.44);
  margin-left: 8px;
}
.setting-custom-form-group-header-edit {
  display: none;
  margin-left: 16px;
  border-radius: 2px;
}
.setting-custom-form-group-header-edit:hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: var(--mkui-primary-6, #0088ff);
}
.setting-custom-form-group-header-edit .mkicon {
  padding: 3px;
}
.setting-custom-form-group-header-delete {
  display: none;
  margin-left: 8px;
  border-radius: 2px;
}
.setting-custom-form-group-header-delete:hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: #f53137;
}
.setting-custom-form-group-header-delete .mkicon {
  padding: 3px;
}
.setting-custom-form-group-header-delete-disabled {
  cursor: not-allowed;
}
.setting-custom-form-group-header:hover .setting-custom-form-group-header-edit,
.setting-custom-form-group-header:hover .setting-custom-form-group-header-delete {
  display: block;
}
.setting-custom-form-group .mkui-collapse-content-box {
  padding: 0 !important;
}

/**
 * @Author: conggb
 * @Date: 2023-04-23 11:47:18
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-26 11:34:57
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.setting-custom-form-detail {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.setting-custom-form-detail > .mkui-spin-nested-loading {
  height: 100%;
}
.setting-custom-form-detail > .mkui-spin-nested-loading > .mkui-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.setting-custom-form-detail-header {
  display: inline-flex;
  padding: 12px 24px;
  height: 48px;
  line-height: 48px;
  align-items: center;
  box-shadow: inset 0px -1px 0px 0px #eee;
}
.setting-custom-form-detail-header-title {
  font-weight: bold;
}
.setting-custom-form-detail-content {
  height: calc(100% - 48px);
  display: flex;
  flex-direction: column;
}
.setting-custom-form-detail-content-header {
  display: flex;
  justify-content: space-between;
  padding: 12px 24px;
}
.setting-custom-form-detail-content-header-left {
  display: flex;
  gap: 8px;
}
.setting-custom-form-detail-content-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.setting-custom-form-detail-content-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
  padding: 0 24px;
  gap: 12px;
  margin-bottom: 12px;
}

/**
 * @Author: conggb
 * @Date: 2023-04-27 15:24:05
 * @LastEditors: conggb
 * @LastEditTime: 2023-05-10 11:22:53
 */
.setting-custom-form-export-bill-alert {
  margin: -16px -24px 16px -24px !important;
  border: 0 !important;
}
.setting-custom-form-export-bill-tree {
  max-height: 500px;
  overflow: auto;
}

/**
 * @Author: conggb
 * @Date: 2023-04-23 11:48:56
 * @LastEditors: conggb
 * @LastEditTime: 2023-05-25 15:39:42
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.setting-custom-form-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.setting-custom-form-list-header {
  display: inline-flex;
  justify-content: space-between;
  padding: 12px 16px;
  height: 48px;
  line-height: 48px;
  align-items: center;
  box-shadow: inset 0px -1px 0px 0px #eee;
}
.setting-custom-form-list-header-title {
  font-weight: bold;
}
.setting-custom-form-list-header-operations {
  display: flex;
  align-items: center;
  gap: 8px;
}
.setting-custom-form-list-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: auto;
  padding: 12px;
}
.setting-custom-form-list-content-item {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 2px;
  transition: all 0.3s;
}
.setting-custom-form-list-content-item:hover {
  cursor: pointer;
  background: #f7f7f7;
}
.setting-custom-form-list-content-item-active,
.setting-custom-form-list-content-item-active:hover {
  background: #edf7ff;
}
.setting-custom-form-list-content-item-header {
  display: flex;
  gap: 6px;
}
.setting-custom-form-list-content-item-header-name {
  font-size: 14px;
}
.setting-custom-form-list-content-item-header-icon {
  display: none;
  padding: 0 6px;
}
.setting-custom-form-list-content-item:hover .setting-custom-form-list-content-item-header-icon {
  display: block;
}
.setting-custom-form-list-content-item-info {
  display: flex;
  gap: 8px;
  color: rgba(0, 0, 0, 0.44);
  font-size: 12px;
}

/**
 * @Author: conggb
 * @Date: 2023-04-23 11:26:53
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-26 17:31:44
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.setting-custom-form-content {
  position: relative;
}
.setting-custom-form-content > .mkui-spin-nested-loading {
  height: 100%;
}
.setting-custom-form-content > .mkui-spin-nested-loading > .mkui-spin-container {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.setting-custom-form-content-left {
  width: 270px;
  box-shadow: inset -1px 0px 0px 0px #eee;
}
.setting-custom-form-content-right {
  flex-grow: 1;
}

/**
 * @Author: conggb
 * @Date: 2023-04-27 10:56:26
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-27 11:12:30
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.setting-custom-form-item {
  height: 64px;
  border: 1px dashed #e1e1e1;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.setting-custom-form-item-add {
  color: var(--mkui-primary-6, #0088ff);
  font-size: 16px;
  line-height: 62px;
}
.setting-custom-form-item-edit {
  padding: 5px 0;
  color: #666666;
}
.setting-custom-form-item-edit p {
  margin: 5px 0;
}
.setting-custom-form-item-edit-name {
  width: 100%;
  padding: 0 5%;
}
.setting-custom-form-item-edit-name div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting-custom-form-item-edit-time {
  font-size: 12px;
}

/**
 * @Author: conggb
 * @Date: 2023-04-27 09:56:12
 * @LastEditors: conggb
 * @LastEditTime: 2023-04-27 11:43:41
 */
.setting-custom-form-bill-detail-form {
  width: 750px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.pre-archive-config {
  padding: 16px 24px;
}
.pre-archive-config .config-group {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px;
}
.pre-archive-config .config-group .config-group-header {
  display: flex;
  align-items: center;
}
.pre-archive-config .config-group .config-group-header-title {
  font-weight: bold;
  margin: 0 16px 0 12px;
}
.pre-archive-config .config-group .tree-config-preview {
  padding: 14px;
  background-color: #f7f7f7;
  margin-top: 16px;
}
.pre-archive-config .config-group .tree-config-preview > span {
  color: rgba(0, 0, 0, 0.44);
}
.pre-archive-config .config-group .tree-config-preview-desc {
  font-weight: 600;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.84);
  margin: 2px 2px 14px 6px;
}
.pre-archive-config .config-group .tree-config-preview.empty {
  text-align: center;
}
.pre-archive-config .config-group .tree-config-preview.empty > span {
  margin: 13px 0;
}
.pre-archive-config .config-group .tree-config-preview .mkui-tree {
  background-color: #f7f7f7;
  pointer-events: none;
}
.pre-archive-config .config-group .tree-config-preview .mkui-tree-switcher {
  background-color: #f7f7f7;
}
.pre-archive-config .config-group .tree-config-preview .mkui-tree-treenode {
  color: rgba(0, 0, 0, 0.6);
}
.pre-archive-config .config-group .tree-config-preview .mkui-tree-node-content-wrapper-open {
  font-weight: bolder;
}
.automatic-archive-config-modal .mkui-form-inline .mkui-form-item-with-help {
  margin-bottom: 0;
}
.automatic-archive-config-modal form > span {
  position: relative;
  top: 7px;
}
.automatic-archive-config-modal .mkicon {
  margin-right: 4px;
}

/**
 * @Author: conggb
 * @Date: 2024-01-09 15:29:24
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-24 16:30:58
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.filerecordnamerulelistitem {
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 32px;
  border-radius: 4px;
  gap: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
}
.filerecordnamerulelistitem-active {
  background-color: var(--mkui-primary-1, #f2f9ff) !important;
}
.filerecordnamerulelistitem-icon {
  color: var(--mkui-primary-6, #0088ff) !important;
  flex-shrink: 0;
}
.filerecordnamerulelistitem-name {
  width: auto !important;
}
.filerecordnamerulelistitem-notsave {
  flex-shrink: 0;
  color: #f78800;
}
.filerecordnamerulelistitem-delete {
  display: none;
}
.filerecordnamerulelistitem:hover {
  background-color: rgba(0, 0, 0, 0.03);
  padding-right: 41px;
}
.filerecordnamerulelistitem:hover .filerecordnamerulelistitem-delete {
  padding: 6px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff2825;
  position: absolute;
  right: 8px;
}
.filerecordnamerulelistitem-disabled .filerecordnamerulelistitem-icon {
  color: #a9a9a9 !important;
}

/**
 * @Author: conggb
 * @Date: 2024-01-09 14:54:03
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-11 14:56:44
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.filerecordnamerulelist {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.filerecordnamerulelist-add {
  height: 50px;
  border-bottom: 1px solid #eee;
  padding: 0 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filerecordnamerulelist-add .mkui-btn:not(:disabled) {
  color: var(--mkui-primary-6, #0088ff) !important;
  border-color: var(--mkui-primary-6, #0088ff) !important;
}
.filerecordnamerulelist-empty {
  color: rgba(0, 0, 0, 0.44);
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filerecordnamerulelist-list {
  padding: 8px 16px;
  flex-grow: 1;
  overflow: auto;
}

/**
 * @Author: conggb
 * @Date: 2024-01-09 14:55:29
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-11 14:56:34
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.filerecordnameruledetail {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.filerecordnameruledetail-header {
  flex-shrink: 0;
  height: 50px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.84);
  padding: 0 24px;
}
.filerecordnameruledetail-content {
  flex-grow: 1;
  padding: 12px 24px;
  overflow: auto;
}
.filerecordnameruledetail-content-form-rulearea {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 6px;
}
.filerecordnameruledetail-content-form-rulearea-preview {
  display: flex;
  padding: 10px 16px;
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
.filerecordnameruledetail-footer {
  flex-shrink: 0;
  border-top: 1px solid #eee;
  padding: 12px 24px;
}

/**
 * @Author: conggb
 * @Date: 2024-01-09 14:44:21
 * @LastEditors: conggb
 * @LastEditTime: 2024-01-11 14:57:52
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.filerecordnamerule {
  position: relative;
}
.filerecordnamerule-header > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
}
.filerecordnamerule-content {
  flex-direction: row;
}
.filerecordnamerule-content-list {
  flex-shrink: 0;
  width: 320px;
}
.filerecordnamerule-content-detail {
  flex-grow: 1;
  border-left: 1px solid #eee;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"dataledgerrangedate";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dataledgerpresearchbrow {
  display: flex;
  gap: 16px;
  margin: 12px 12px 0 12px;
  padding: 8px 24px;
  background-color: #ffffff;
}
.dataledgerpresearchbrow-searchitem {
  display: flex;
  align-items: center;
  position: relative;
}
.dataledgerpresearchbrow-searchitem > * {
  flex-shrink: 0;
}
.dataledgerpresearchbrow-billtype-cascader {
  width: 200px !important;
}
.dataledgerpresearchbrow-billtype-cascader .mkui-select-selector {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
}
.dataledgerpresearchbrow-accountperiod-periodpicker,
.dataledgerpresearchbrow-voucherperiod-periodpicker {
  position: relative;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dataledgercontent {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.dataledgercontent-filter {
  flex-shrink: 0;
}
.dataledgercontent-table {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dataledgerfooter {
  display: flex;
  align-items: center;
}
.dataledgerfooter .mkui-checkbox + span {
  padding-right: 0 !important;
}
.dataledgerfooter .count-number {
  margin: 0 3px;
  font-weight: bold;
  color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.dataledger-content {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dataledgerexport {
  margin-right: 8px;
  display: inline-flex;
  gap: 8px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"roicostfooter";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"roiinputnumber";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.roientitycost {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  position: relative;
}
.roientitycost-column {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
}
.roientitycost-column-text {
  flex-shrink: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.roiorganizecost {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  position: relative;
}
.roiorganizecost-table {
  overflow: auto;
  height: 100%;
}
.roiorganizecost-column {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
}
.roiorganizecost-column-text {
  flex-shrink: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.roicostmaintenance-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
}
.roicostmaintenance-content-tabs .mkui-tabs-nav-wrap {
  padding: 0 24px !important;
}
.roicostmaintenance-content-tabcontent {
  display: flex;
  flex-grow: 1;
  min-height: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.roiarchiveheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 24px;
}
.roiarchiveheader-btns-item:first-child {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
}
.roiarchiveheader-btns-item:last-child {
  border-top-left-radius: unset !important;
  border-bottom-left-radius: unset !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.roiarchivealert {
  padding: 12px 24px;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"roiarchivetable";

.@{prefix-cls} {
  //
} */

/**
 * @Author: conggb
 * @Date: 2022-04-08 15:01:40
 * @LastEditors: conggb
 * @LastEditTime: 2023-01-05 16:59:17
 * @Description: 样式
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
/**
 * @Author: conggb
 * @Date: 2022-04-14 11:08:37
 * @LastEditors: conggb
 * @LastEditTime: 2022-08-31 16:23:15
 */
.workbench-new-card {
  /* begin : 模块之间公用的样式 */
  border-radius: 4px;
  background-color: #ffffff;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  /* end : 模块之间公用的样式 */
  /* begin : 模块自身单独的样式 */
  /* end : 模块自身单独的样式 */
}
.workbench-new-card .display-f {
  display: flex;
}
.workbench-new-card .align-items-c {
  align-items: center;
}
.workbench-new-card .justify-content-sb {
  justify-content: space-between;
}
.workbench-new-card .flex-grow-1 {
  flex-grow: 1;
}
.workbench-new-card .flex-1 {
  flex: 1;
}
.workbench-new-card .flex-direction-c {
  flex-direction: column;
}
.workbench-new-card .light-color {
  color: #999999;
}
.workbench-new-card .pos-r {
  position: relative;
}
.workbench-new-card .pos-a {
  position: absolute;
}
.workbench-new-card-header {
  display: flex;
  align-items: center;
}
.workbench-new-card-title {
  font-size: 16px;
  font-weight: 600;
}
.workbench-new-card-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.workbench-new-card-btn {
  padding: 2px 6px !important;
  height: auto !important;
}
.workbench-new-card-btn-text {
  color: #999999 !important;
}
.workbench-new-card-btn-text:hover {
  background-color: #f7f7f7 !important;
}
.workbench-new-card-subheader {
  display: flex;
  align-items: center;
  color: #999999;
}
.workbench-new-card-date {
  width: 120px !important;
}
.workbench-new-card-module-loading {
  width: 100%;
  height: 100%;
  position: relative;
}
.workbench-new-card-module-compare {
  display: inline-flex;
  align-items: baseline;
}
.workbench-new-card-module-archive,
.workbench-new-card-module-filling,
.workbench-new-card-module-borrowstatus,
.workbench-new-card-module-borrowcountmonthly {
  height: 162px;
}
.workbench-new-card-module-invoice {
  height: 372px;
}
.workbench-new-card-module-bill,
.workbench-new-card-module-borrowtype {
  height: 372px;
}
.workbench-new-card-module-bill-typelist,
.workbench-new-card-module-borrowtype-typelist {
  display: flex;
  flex-wrap: wrap;
}
.workbench-new-card-module-bignumber {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 400;
  font-family: 'Bebas';
}
.workbench-new-card-module-dotitem-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.workbench-new-card-module-receipt,
.workbench-new-card-module-borrowcountyearly {
  height: 372px;
}
.workbench-new-card-module-fileanalysis {
  height: 486px;
}
.workbench-new-card-module-fileanalysis-typelist {
  display: flex;
  width: 100%;
}
.workbench-new-card-module-fileanalysisitem {
  display: flex;
  align-items: center;
  position: relative;
  height: 80px;
  max-width: 160px;
  cursor: pointer;
}
.workbench-new-card-module-fileanalysisitem-line {
  position: absolute;
  width: 2px;
  height: 100%;
}
.workbench-new-card-module-fileanalysisitem-content {
  display: flex;
  flex-direction: column;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.roiarchivelinechart {
  height: 300px;
  display: flex;
  flex-direction: column;
}
.roiarchivelinechart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.roiarchivelinechart-header-title {
  font-size: 16px;
  font-weight: 600;
}
.roiarchivelinechart-header-filter {
  display: flex;
  align-items: center;
  gap: 8px;
}
.roiarchivelinechart-header-filter-billType {
  max-width: 400px;
}
.roiarchivelinechart-header-filter-date {
  width: 120px !important;
}
.roiarchivelinechart-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.roiarchivechart {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px 24px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.roiarchivecontent {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.roiarchivecontent-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.roiarchiveupdatemodal-filter {
  padding: 0 !important;
}
.roiarchiveupdatemodal-filter .mkui-filteroperate-area {
  display: none !important;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"roiarchivefooter";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"roiarchive";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualwarehousearchive-archive-enter {
  padding: 1px 7px;
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #d9d9d9;
  cursor: pointer;
}
.virtualwarehousearchive-archive-loading {
  padding: 16px 48px;
  zoom: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.virtualwarehousearchive-archive-loading .block-mask-box-text {
  display: none !important;
}
.virtualwarehousearchive-archive-list {
  overflow: auto;
  max-height: 200px;
  padding: 0 16px;
  margin: 0 -16px;
}
.virtualwarehousearchive-archive-list-empty {
  opacity: 0.4;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualwarehouseitem {
  background: #F4F7FC;
  border-radius: 3px;
  padding: 18px;
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 600px;
  width: calc(50% - 24px / 2);
  height: 205px;
  line-height: 1.8;
}
.virtualwarehouseitem-left {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.virtualwarehouseitem-left-name-label {
  color: rgba(0, 0, 0, 0.6);
}
.virtualwarehouseitem-left-name-value {
  max-width: 200px !important;
  font-weight: 600;
  color: var(--mkui-primary-6, #0088ff);
  font-size: 16px;
}
.virtualwarehouseitem-left-amount {
  display: flex;
  align-items: center;
  gap: 6px;
}
.virtualwarehouseitem-left-amount-cabinet-label,
.virtualwarehouseitem-left-amount-file-label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.virtualwarehouseitem-left-amount-cabinet-value,
.virtualwarehouseitem-left-amount-file-value {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 15px;
}
.virtualwarehouseitem-left-amount-divider {
  height: 100% !important;
}
.virtualwarehouseitem-left-enter-btn {
  width: 160px;
}
.virtualwarehouseitem-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 1;
}
.virtualwarehouseitem-right-bottom-operations {
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 9px;
}
.virtualwarehouseitem-right-bottom-operations .mkicon {
  font-size: 16px;
}
.virtualwarehouseitem-image {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 301px;
}
.virtualwarehouseitem-image-img {
  height: 100%;
}
.virtualwarehouseitem-image-name {
  position: absolute;
  top: 60px;
  left: 160px;
  width: 250px !important;
  font-size: 32px;
  zoom: 50%;
  letter-spacing: 2px;
  font-weight: bold;
  color: var(--mkui-primary-6, #0088ff);
  text-align: center;
}
.virtualwarehouseitem-image-name-text {
  transform: rotateX(61deg) rotateZ(-50deg) translateX(-54%) translateY(-54%);
  position: absolute;
  padding-left: 4px;
  text-shadow: -1px 1px 0 hsl(255, 15%, 80%), -2px 2px 0 hsl(255, 15%, 75%) -9px 0 5px rgba(255, 255, 255, 0.05), 0 1px 3px rgba(255, 255, 255, 0.2), 0 3px 5px rgba(255, 255, 255, 0.2), 0 5px 10px rgba(255, 255, 255, 0.2), 0 10px 10px rgba(255, 255, 255, 0.2), 0 20px 20px rgba(255, 255, 255, 0.3);
}
@media (max-width: 1300px) {
  .virtualwarehouseitem {
    width: 100% !important;
  }
}
@media (min-width: 1800px) {
  .virtualwarehouseitem {
    width: calc(33% - 24px / 3 - 3px) !important;
  }
}
@media (min-width: 2500px) {
  .virtualwarehouseitem {
    width: calc(25% - 24px / 4 - 12px) !important;
  }
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualwarehouselist-content {
  position: relative;
}
.virtualwarehouselist-content-empty {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.virtualwarehouselist-content-inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.virtualwarehouselist-content-inner-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 24px;
  gap: 24px;
  overflow: auto;
}
.virtualwarehouselist-content-inner-pagination {
  border-top: 1px solid #e1e1e1;
  padding: 8px;
  display: flex;
  justify-content: flex-end;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.routeback {
  display: inline-block;
  cursor: pointer;
  color: #999 !important;
}
.routeback-icon {
  transform: scaleX(0.9) scaleY(0.9);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualcabinetitem {
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  padding: 12px;
  line-height: 1.8;
}
.virtualcabinetitem-detail-top {
  display: flex;
  gap: 18px;
}
.virtualcabinetitem-detail-top-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.virtualcabinetitem-detail-top-left-part1-number-label {
  color: rgba(0, 0, 0, 0.6);
}
.virtualcabinetitem-detail-top-left-part1-number-value {
  width: 120px !important;
  font-size: 15px;
  font-weight: bold;
  color: var(--mkui-primary-6, #0088ff);
}
.virtualcabinetitem-detail-top-left-part2 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}
.virtualcabinetitem-detail-top-left-part2-archive {
  padding: 1px 7px;
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #d9d9d9;
}
.virtualcabinetitem-detail-top-left-part2-status {
  padding: 1px 7px;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  gap: 4px;
}
.virtualcabinetitem-detail-top-left-part2-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.virtualcabinetitem-detail-top-right-image {
  width: 110px;
}
.virtualcabinetitem-detail-divider {
  margin: 12px 0 !important;
}
.virtualcabinetitem-detail-bottom {
  display: flex;
  gap: 18px;
}
.virtualcabinetitem-detail-bottom-cabinet,
.virtualcabinetitem-detail-bottom-file {
  background: #F6F6F8;
  border-radius: 2px;
  padding: 8px 12px;
  flex: 1;
}
.virtualcabinetitem-detail-bottom-cabinet-label,
.virtualcabinetitem-detail-bottom-file-label {
  color: rgba(0, 0, 0, 0.6);
}
.virtualcabinetitem-detail-bottom-cabinet-value,
.virtualcabinetitem-detail-bottom-file-value {
  font-weight: bold;
  font-size: 15px;
}
.virtualcabinetitem-enter-btn {
  width: 100% !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualwarehousenavi {
  position: fixed;
  bottom: 100px;
  right: 0px;
  z-index: 10;
}
.virtualwarehousenavi-enter {
  position: relative;
  right: -18px;
  padding: 6px;
  transition: all 0.3s;
  cursor: pointer;
}
.virtualwarehousenavi-enter-inner {
  background-color: var(--mkui-primary-5, #29a2ff);
  font-size: 18px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border-radius: 50%;
  transition: all 0.2s;
  color: #ffffff;
}
.virtualwarehousenavi-enter:hover {
  padding-right: 32px;
}
.virtualwarehousenavi-enter:hover .virtualwarehousenavi-enter-inner {
  background-color: var(--mkui-primary-6, #0088ff);
}
.virtualwarehousenavi-enter-visible {
  padding-right: 32px;
}
.virtualwarehousenavi-enter-visible .virtualwarehousenavi-enter-inner {
  background-color: var(--mkui-primary-6, #0088ff);
}
.virtualwarehousenavi-popover .mkui-popover-inner-content {
  padding: 0 !important;
}
.virtualwarehousenavi-content {
  height: 400px;
  width: 300px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.virtualwarehousenavi-content-search {
  padding: 8px 16px;
}
.virtualwarehousenavi-content-divider {
  width: 100%;
  height: 1px;
  background-color: #eee;
}
.virtualwarehousenavi-content-body {
  flex-grow: 1;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.virtualwarehousenavi-content-body-empty {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.44);
}
.virtualwarehousenavi-content-body-tree {
  overflow: auto;
  display: flex;
  min-height: 0;
  flex-direction: column;
  flex-grow: 1;
}
.virtualwarehousenavi-content-body-tree-node {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 230px;
}
.virtualwarehousenavi-content-body-tree-node-warehouse {
  /* cursor: default; */
}
.virtualwarehousenavi-content-body-tree-node-cabinet {
  width: 205px;
}
.virtualwarehousenavi-content-body-tree-node-icon {
  color: var(--mkui-primary-6, #0088ff) !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualcabinetlist-content {
  position: relative;
}
.virtualcabinetlist-content-empty {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.virtualcabinetlist-content-inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.virtualcabinetlist-content-inner-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 24px;
  gap: 24px;
  overflow: auto;
}
.virtualcabinetlist-content-inner-pagination {
  border-top: 1px solid #e1e1e1;
  padding: 8px;
  display: flex;
  justify-content: flex-end;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualfileitem {
  padding: 6px;
  flex: 1;
  cursor: default;
}
.virtualfileitem-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px;
  background-color: #e1e1e1;
  border-radius: 3px;
  position: relative;
  transition: all 0.2s;
  top: 0px;
  border: 1px solid transparent;
}
.virtualfileitem-inner-disabled {
  opacity: 0.5;
}
.virtualfileitem-inner-empty {
  opacity: 0.5;
}
.virtualfileitem-inner:not(.virtualfileitem-inner-disabled):not(.virtualfileitem-inner-empty):hover,
.virtualfileitem-inner-selected {
  top: calc(6px * -1);
  background-color: var(--mkui-primary-2, #a3e0ff);
  border-radius: 3px;
  border: 1px solid var(--mkui-primary-6, #0088ff);
}
.virtualfileitem-inner-number {
  background-color: var(--mkui-primary-6, #0088ff);
  width: 100%;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  width: 32px;
}
.virtualfileitem-inner-title {
  writing-mode: vertical-rl;
  background-color: #ffffff;
  height: 192px;
  overflow: hidden;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.6);
  width: 30px !important;
  padding: 4px 6px;
  letter-spacing: 3px;
  word-break: break-all;
}
.virtualfileitem-inner-dot {
  background-color: #000000;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualfilearrow {
  font-size: 18px !important;
  display: flex !important;
  align-items: center;
  color: var(--mkui-primary-6, #0088ff) !important;
}
.virtualfilearrow::before,
.virtualfilearrow.virtualfilearrow::after {
  content: '' !important;
}
.virtualfilearrow-disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualfilelist {
  padding: 0 24px;
}
.virtualfilelist-slider {
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.08);
  padding: 16px 12px;
  display: flex;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtualfilemanagemodal .mkui-modal-content {
  min-height: 0 !important;
}
.virtualfilemanagemodal .mkui-modal-content .mkui-modal-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.virtualfilemanagemodal-inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex-grow: 1;
}
.virtualfilemanagemodal-inner-table {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.virtualfilemanagemodal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.virtualfilemanagemodal-footer-num {
  margin: 0 3px;
  font-weight: 600;
  color: var(--mkui-primary-6, #0088ff);
}
.virtualfilemanagemodal-footer-opt {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.virtualfilemanagemodal-footer-opt button {
  margin: 0 !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtuallatticemanagemodal-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 400px;
}
.virtuallatticemanagemodal-inner-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.virtuallatticemanagemodal-inner-top-left {
  display: flex;
  gap: 8px;
}
.virtuallatticemanagemodal-inner-top-right {
  display: flex;
  gap: 8px;
}
.virtuallatticemanagemodal-inner-top-right-lattice,
.virtuallatticemanagemodal-inner-top-right-capacity {
  border: 1px solid #e1e1e1;
  color: rgba(0, 0, 0, 0.6);
  padding: 3px 8px;
  font-size: 12px;
}
.virtuallatticemanagemodal-inner-bottom-btn {
  width: 100%;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtuallatticeitem {
  position: relative;
  height: 107px;
}
.virtuallatticeitem-image {
  width: 160px;
}
.virtuallatticeitem-info {
  position: absolute;
  top: 32px;
  left: 16px;
  right: 16px;
  bottom: 22px;
  padding: 10px;
  cursor: pointer;
}
.virtuallatticeitem-info-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 100%;
  width: 100%;
  padding: 8px;
  transition: all;
  background-color: transparent;
  border: 1px solid transparent;
}
.virtuallatticeitem-info-inner-number {
  width: auto !important;
}
.virtuallatticeitem-info:hover .virtuallatticeitem-info-inner {
  background-color: #f7f7f7;
  border: 1px solid var(--mkui-primary-6, #0088ff);
  border-radius: 3px;
}
.virtuallatticeitem-bottom {
  position: absolute;
  bottom: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 12px;
}
.virtuallatticeitem-bottom-archive {
  width: auto !important;
  color: rgba(0, 0, 0, 0.44);
}
.virtuallatticeitem-archive-list-empty {
  opacity: 0.4;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.virtuallatticelist-content {
  position: relative;
}
.virtuallatticelist-content-empty {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.virtuallatticelist-content-inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.virtuallatticelist-content-inner-top {
  border-bottom: 1px solid #e1e1e1;
  padding: 8px 24px;
}
.virtuallatticelist-content-inner-list {
  display: flex;
  flex-direction: column;
  /* flex-direction: row;
        flex-wrap: wrap; */
  margin: 16px 24px;
  gap: 24px;
  overflow: auto;
  flex-grow: 1;
}
.virtuallatticelist-content-inner-list-row {
  display: flex;
  gap: 24px;
}
.virtuallatticelist-content-inner-bottom {
  border-top: 1px solid #e1e1e1;
  padding: 8px 24px;
  display: flex;
  justify-content: flex-end;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"virtualwarehouseroute";

.@{prefix-cls} {
  //
} */

.warehouse-detail-list-table-operations {
  display: flex;
}
.warehouse-detail-list-table-total {
  position: absolute;
  left: 0;
  margin-left: 24px;
}
.warehouse-detail-list-table-receive {
  /* 1px solid #0088FF
      1px solid rgba(0, 0, 0, 0.1)
      */
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  background-color: #ffffff;
  transition: border 0.3s;
  max-width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.warehouse-detail-list-table-receive:hover {
  border: 1px solid #0088FF;
}
.warehouse-detail-list-table-receive-empty {
  color: #bfbfbf;
}
.warehouse-detail-list-table-receive-disabled {
  cursor: not-allowed;
}
.warehouse-detail-list-table-receive-disabled:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.warehouse-detail-list-content-empty .mkui-table-tbody > tr > td {
  border: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archived-warehouse-detail-header {
  align-items: center;
  font-weight: bold;
}
.archived-warehouse-detail-header-info {
  font-weight: normal;
  margin-left: 8px;
  display: inline-block;
  align-items: center;
}
.archived-warehouse-detail-header-info-divider {
  width: 1px;
  height: 14px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.archived-warehouse-detail-title {
  display: inline-block;
  color: #333;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 12px;
  margin-top: 20px;
  font-family: 'SimSun,sans-serif';
}
.archived-warehouse-detail-title:first-child {
  margin-top: 0;
}
.lattice-location {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.64);
}
.lattice-location .mkicon {
  color: rgba(0, 0, 0, 0.4);
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"storagelocationadjustmentfilelist";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.storagelocationadjustmentgridlist-prefilter {
  display: flex;
  align-items: center;
  gap: 24px;
}
.storagelocationadjustmentgridlist-prefilter-cabinet {
  width: 300px !important;
}
.storagelocationadjustmentgridlist-prefilter-cabinet .mkui-select-selector {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"storagelocationadjustment";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"warehousetransferreceiveroute";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"importtooldatalist";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"importtoolrelationlist";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.row-dragging {
  background: #f7f7f7;
  border: 1px solid #cccccc;
  z-index: 10000;
}
.row-dragging td {
  padding: 16px;
  visibility: hidden;
}
.row-dragging,
.drag-visible {
  visibility: visible !important;
}
.handle-bar {
  cursor: move;
  color: #4c83fa;
  font-size: 14px;
}
.tpl-list .mkui-list-item-action {
  width: 150px;
}
.tpl-add .mkui-modal-body {
  padding: 0;
}
.tpl-add .tpl-alert {
  border: 0;
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"importtoollist";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"importtoolcreate";

.@{prefix-cls} {
  //
} */

.task-remark-modal-textarea {
  padding: 16px 16px;
}



/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archivesubmissionpresearchbrow {
  display: flex;
  gap: 16px;
  margin: 12px 12px 0 12px;
  padding: 8px 24px;
  background-color: #ffffff;
}
.archivesubmissionpresearchbrow-searchitem {
  display: flex;
  align-items: center;
  position: relative;
}
.archivesubmissionpresearchbrow-searchitem > * {
  flex-shrink: 0;
}
.archivesubmissionpresearchbrow-billtype-cascader {
  width: 200px !important;
}
.archivesubmissionpresearchbrow-billtype-cascader .mkui-select-selector {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
}
.archivesubmissionpresearchbrow-accountperiod-periodpicker,
.archivesubmissionpresearchbrow-voucherperiod-periodpicker {
  position: relative;
}

.reject-reason-modal-alert .mkui-alert-info {
  border: none !important;
}
.reject-reason-modal-textarea {
  padding: 16px 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archivesubmissioncontent {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.archivesubmissioncontent-filter {
  flex-shrink: 0;
}
.archivesubmissioncontent-table {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.archivesubmissionfooter {
  display: flex;
  align-items: center;
}
.archivesubmissionfooter .mkui-checkbox + span {
  padding-right: 0 !important;
}
.archivesubmissionfooter .count-number {
  margin: 0 3px;
  font-weight: bold;
  color: var(--mkui-primary-6, #0088ff);
}

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"archiverecord";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"archivedatarecord";

.@{prefix-cls} {
  //
} */

/* @import "~app/styles/variables.less";
@import "~app/styles/mixin.less";
@prefix-cls: ~"makeupdatarecord";

.@{prefix-cls} {
  //
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.maycur-export-center-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.maycur-export-center-download {
  display: inline-flex;
  margin-bottom: -3px;
}
.maycur-export-center-icon {
  color: #ffffff;
  font-size: 14px;
}
.maycur-export-center-status-processing {
  font-size: 12px;
}
.maycur-export-center-status-check {
  color: #00b600;
}
.maycur-export-center-status-close {
  color: #ff2825;
}
.maycur-export-center-status-pending {
  color: #00b600;
}
.maycur-export-center-process {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 20px;
  height: 3px;
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 2px;
}
.maycur-export-center-process.full::before {
  position: absolute;
  content: '';
  display: block;
  width: 20px;
  left: 0;
  height: 1px;
  background-color: #ffffff;
}
.maycur-export-center-process.half::before {
  position: absolute;
  content: '';
  display: block;
  width: 10px;
  left: 0;
  height: 1px;
  background-color: #ffffff;
}
.maycur-export-center-popover {
  width: 370px;
  font-size: 12px !important;
}
.maycur-export-center-popover .mkui-popover-title {
  padding: 16px 24px !important;
  font-size: 14px;
  border: none !important;
}
.maycur-export-center-popover .mkui-alert-message {
  font-size: 12px;
}
.maycur-export-center-popover .mkui-popover-inner-content {
  padding: 0;
}
.maycur-export-center-alert {
  border: none !important;
  margin: 0 12px !important;
  padding: 8px 12px !important;
}
.maycur-export-center-alert .mkicon {
  font-size: 15px;
  margin-top: -1px;
}
.maycur-export-center-alert .mkui-alert-message {
  color: rgba(0, 0, 0, 0.64);
}
.maycur-export-center-content-empty {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a0a9be;
  flex-direction: column;
}
.maycur-export-center-content-empty .mkicon {
  font-size: 60px;
  color: rgba(0, 0, 0, 0.1);
}
.maycur-export-center-bottom {
  position: relative;
  text-align: center;
  color: #a0a9be;
  border-top: 1px solid #f0f0f0;
  padding: 12px 0;
}
.maycur-export-center-bottom::before {
  position: absolute;
  top: 21px;
  left: 24px;
  width: 88px;
  height: 1px;
  background: #e1e4ed;
  content: '';
}
.maycur-export-center-bottom::after {
  position: absolute;
  top: 21px;
  right: 24px;
  width: 88px;
  height: 1px;
  background: #e1e4ed;
  content: '';
}
.maycur-export-center .modal-search {
  margin: 16px 15px;
  width: 500px;
}
.maycur-export-center .modal-search .mkui-input {
  border-bottom: 0 !important;
}
.maycur-export-center-tooltip-wrapper {
  max-width: 300px !important;
}
.export-center-status {
  overflow-y: auto;
  margin: 0;
  padding: 8px 0;
  min-height: 165px;
  max-height: 345px;
  list-style: none;
}
.export-center-status-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px;
  margin: 0 12px;
  cursor: pointer;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.4);
}
.export-center-status-list:hover {
  background-color: #f7f7f7;
}
.export-center-status-list-left-header {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.84);
  overflow: hidden;
  width: 240px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.export-center-status-list-left-subheader {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.export-center-status-list-left-subheader-icon {
  margin-left: 12px;
  display: flex;
  align-items: center;
}
.export-center-status-list-left-subheader-icon .mkicon {
  font-size: 13px;
  margin-top: -2px;
}
.export-center-status-list-left-subheader-icon.check {
  color: #00b600;
}
.export-center-status-list-left-subheader-icon.close {
  color: #ff2825;
}
.export-center-status-list-left-subheader-icon.pending {
  color: #0088ff;
}
.export-center-status-list-left-subheader-icon.processing .mkicon {
  font-size: 12px;
}
.export-center-status-list-right {
  font-size: 16px;
  display: flex;
}
.export-center-status-operator {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transition: color 0.3s;
}
.export-center-status-operator:hover {
  color: #0088ff;
}
.export-center-status-operator.close {
  margin-left: 12px;
}
.export-center-status-operator.close:hover {
  color: #ff2825;
}
.export-center-status .mkui-progress-text {
  display: none !important;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.head {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 50px;
  z-index: 3;
  background-color: var(--mkui-primary-6, #0088ff);
  color: #ffffff;
  line-height: 50px;
}
.head-left {
  width: 200px;
  transition: width 0.1s;
}
.head-left-logo {
  padding-left: 24px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.head-left-logo > span {
  font-size: 20px;
  margin-right: 15px;
}
.head-right {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  padding-right: 16px;
  z-index: 10;
}
.head-right-menu {
  display: inline-flex;
}
.head-right-menu .top-menu a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  transition: all 0.1s;
}
.head-right-menu .top-menu a:hover {
  color: #ffffff;
  font-weight: 500;
}
.head-right-menu .top-menu .top-menu-text {
  position: relative;
  transition: all 0.1s;
  font-size: 14px;
}
.head-right-menu .top-menu .active {
  color: #ffffff;
  font-weight: 500;
}
.head-right-menu .top-menu .active .top-menu-text::after {
  content: ' ';
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  bottom: 10px;
  left: 4px;
  right: 4px;
  border-radius: 1px;
}
.head-right-tools {
  display: flex;
  align-items: center;
}
.head-right-tools-setting {
  margin-right: 15px;
  padding: 13px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.head-right-tools-setting:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.head-right-tools-setting-no-show {
  visibility: hidden;
}
.head-right-tools-user {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 50px;
}
.head-right-tools-user .avatar {
  background: #ffffff;
  color: var(--mkui-primary-6, #0088ff);
  height: 36px;
  width: 36px;
  line-height: 36px;
  cursor: pointer;
}
.head-right-tools .headtooliconwrapper {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  line-height: initial;
}
.head-right-tools .headtooliconwrapper-icon {
  font-size: 20px;
  cursor: pointer;
  color: #ffffff;
}
.head-right-tools .headtooliconwrapper-icon svg {
  stroke: #ffffff;
  stroke-width: 1;
  transition: all 0.3s;
}
.head-right-tools .headtooliconwrapper-icon:hover svg {
  stroke-width: 24;
}
.avatar-menu {
  width: 112px;
  height: 32px;
  line-height: 32px;
}
.menu-expandcollapse {
  width: 50px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.menu-expandcollapse .mkicon {
  font-size: 16px;
  cursor: pointer;
}
.menu-expandcollapse .mkicon-xiangzuo {
  display: block;
}
.menu-expandcollapse .mkicon-xiangyou {
  display: none;
}
.menu-logoimg {
  transition: all 0.1s ease;
  width: 120px;
  height: 35px;
}
.update-version-modal {
  position: absolute;
  height: 64px;
  line-height: 64px;
  bottom: 10px;
  left: 24px;
  right: 24px;
}
.update-version-modal-left {
  float: left;
}
.update-version-modal-right {
  float: right;
}
.update-version-modal-content {
  height: 224px;
  overflow: auto;
}
.update-modal-bgImage {
  margin: -24px -24px 0 -24px;
  height: 180px;
  background-image: url(/793f6406ef83ceb3f38f.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.update-content-version {
  margin-bottom: 10px;
}
.update-content-version .new-version {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.84);
  font-weight: 700;
}
.update-content-version .current-version {
  font-size: 16px;
  color: #9b9b9b;
  font-weight: 700;
}
.update-content-item {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 24px;
  color: rgba(0, 0, 0, 0.6);
}
.update-content-item dt {
  float: left;
  margin-right: 5px;
}
.update-content-item dd {
  float: left;
}
.mkui-update-version-modal .mkui-modal-close {
  color: #ffffff;
}
.update-modal .mkui-modal-body {
  padding: 0px;
}
.update-modal .update-background {
  width: 320px;
  height: 300px;
}
.update-modal .update-lottie {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.update-modal .update-img-one {
  position: absolute;
  width: 116px;
  height: 173px;
  left: 50%;
  top: 115px;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.update-modal .update-img-two {
  position: absolute;
  width: 66px;
  height: 74px;
  top: 206px;
  left: 50%;
  transform: translate(-50%, -30%);
}
.update-modal .updating-text {
  position: absolute;
  bottom: 24px;
  left: 47px;
  right: 48px;
  width: 210px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.84);
  line-height: 20px;
}
.already-update-modal {
  text-align: center !important;
}
.already-update-modal .already-update-text {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.ecm-code-info-body .mkui-modal-body {
  padding-top: 0;
  height: 430px;
}
.ecm-code-info-body .mkui-tabs-tab-btn {
  font-size: 13px;
}
.ecm-code-info-body .mkui-alert-info {
  border: 0;
}
.ecm-code-info-codes {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 25px;
}
.ecm-code-info-codes-code {
  display: flex;
  flex-direction: column;
  align-items: center;
  float: left;
  width: 160px;
  height: 160px;
  background: #fff;
  box-shadow: 0 2px 16px 0 rgba(119, 118, 118, 0.08);
  border-radius: 8px;
  margin: 16px;
  text-align: center;
  transition: 0.3s ease;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAADKCAYAAADpe6/vAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAzKADAAQAAAABAAAAygAAAACxW2sAAAAYbklEQVR4Ae2db5Dexl3HV8/d+f76zrU7HRwaSKAp4L7ghUMoDEzzginDlJaGxEApSaDQtAHiOBff2W6Ssy+xOSeOL3HSBpKmbRJaKDWQppC/bdoODFCY8Qs6Y0/BL9qSYjPM2OTsu+fuuTw+sT/lWd0+elarlbQrrbQ/zZy1kvbvd/ej329XemSPWLT5vu9ZVB2simYFPM/zNWdZeHZGBygCUHh/1rJAm0DTCgwCUsvxam2jygApNzAIibXjybmKFQFQZmAQFOfGY6UabAqeTMAgLJUaO05XVjc4qYFBWJwef5VtvC5wUgGDsFR2vGDFOwrkBUcZmLrAMjs7q9xmHGXdCuzfv7/yz1GgRXmgUR48NgODEHQPbFuObAcsCzhKwNgEC8JhCw7Z6mEbRGmhqQQwCEm2wVmVVGVDlAYaa4FBSKoy3PXWsyx4VKFJBKZod6wIULadPJnYbr3DoH65nXrXu4wvABQJT+WA0QmKFIgdO+o3estq0fHjsSXrBKoocFSgSbzTFmFh8sAihAOhiB3IhV6IAJUXItPg5AbGNCxZQemBBAEplIPMhWkCyCQ4SdBILYxJYLLA0gVKBkhOnTolbW/mgYAJybZt29LPaTiA0lqfsqCRDiBTwKSFJQRFERIEwx6ClUHqwGMDODIrUzgwaWBJA4ppSLaeOSPVyp4hmr8mZy+7LL21UCw2EaAM4Oi2NtYAoxuWLJDkGvjbtysOi4pHO3EidQOyQCaFJyU4RUETe9fU7Y6pwqJiVVRBiYXDlYGfetjnSCCATBUiXeDohCbOylgFTBIsKqD0QKIAx9mzZ2N1yDGEap9069atctctApEKQLHwUIujMr8xDU3sQNFpYVSsSx5YVCFBMIphOBYkDiAZPDJooAVJ4OiCRmRlrABGBovMqnSBIrAkeQDZfO5crDbFDDs7Szm/ZYvcqgiqLQRIAR4hOIpzGx3QlAKMsnURLBkrwRIBRRUSBEIwsnOeUoGpB54s4BQEjZXABNYlBSxxViUJlERArrpKOlzOnz/vtMXZvHmz2LKcPi3XTWKRuuDpgBPnqsVZG9PuWRSa2EGgYw6TZF3iXLE4yxLCwlkVGSixkHBwuA6CdLSnuNgFVAxEcRZIFZws0OR1zawD5qbLv3T32ho5kKJvMGoVFfDIKr07n/XX/LMNz/9+H7n00tv8H7x481ue+T/WnBAcibXpgUbBPcsDjTXA8Nblpm/tQGjYqHFrf8kj/quj/SsHdo49EDwtDaEBHWLAKRKaKDANU/2T5I4F5XbmLs+8+/jBRh+5x1RdMF9rFejziffexfbwP88tzHzhsaVbLwcXO3SzO6536Ip3mtHjsgvmwKZabAyYtBV+5mePzzUaa7Np02H8eihA/6eTGxbab/vWQ4t7fgFalAWa0GsRSKJ0Axeki54qBRhRw+CusXf8voMUmploJfHYDQV8n7x1uT300gMLn7gRWqwbmiwqRhe/SgEmqHiMGaXQzDXI2oEsjcM0tVBgoO0PPH70wt73QmtSQyORQIeVKQ8YScP2brrvUMNb2y+JgpfqrUBfyx/8/LHFne+EZkahkTad3ohFHow0TYqLVgID9T+2dOscQpOiJ+sW1ScTS+1Nn2PN4qFJXASgieKgyWtlCgdG1JCeVY+OSsd+8klYCMA5DRs1zu29q4+8vu961mxlaGLcfZZPnn3hwKhUlr+DHPuJJw83SPtulXQYp34KtL0N936P/GimcSq6OedVKFNF8haaNv3eTYeOUGjQ0qQVrgbx6crZO569uOMXWVN0WJk8bpn1wDCBKDT3IzRs2Li1X10b+gD/XiAbE6AC740UoYq9wHAvWDIhAJoB0v4EO8a9Gwqskb73CVsqGCNd82EDK2b2AiNUiJC5S5Pz/V4bX6OJ0aeOp6lbduWL5FcGdVqZrG5Z5YCBAXG4PXmkv7GGCwF1pCOmTf++4ZrL4BIPTRA1ycrQSDon/4UDk/SDn0AE+If7JV54jgscvuJTD6Kl4QSpeXC1b3RrtIlKcxkNS8z86zH90UpU6Xh64tCDD1y4y2+v9R+sUr2z1PUrtxDyyz+VJaU8ze5nCXn0H9bjfIfa7Su3rB/rCn3gcUJe/k723FrttY0EfvhHf5wGVqbrx2hgZRJusKKSwS1L+1uZwi2MqOI9v2/gInX9PoI7z4LT44eO9jfwOQ3Tw7U9b2WKaLsxYNKSyzc27nfdfBw+HEDjte/iz2G4fgoEPyfnfl4ebSG/xGxqtSwWmOgvzaKVy33c+Wlp7nw6GRwk0w/ROQ1Co0tQy/NRmfybaEIsMCYKY3nqmviz/NgeoBlo4HMapkcd96KPlhTplpUCjKgjo/MY3i3j5zHhZA8mf4JP/9znTz/c762ipRGJXOFzfT79+T/bJG4ZiwL7LreMv5AjbBSYxHmMRrfswsRE+N2s6Ym5hwfIKr4RkGNgVCGpyC3j5zFdbYh56p/2AWZpy8rglik9UILlQsHDqS4xIgfjCwv+1Ka5Y/TVcPIG2fAnkcu1OzzxX4Q8/k/xzXrkBkKGBuKvq155/iQhz31bHHvTMCEPfFB8TfdZcMs2ExLeIHXnL8vPODBgZVQpBreMN6PglrE7BrhlzFcFtyy4u4BbdtVVPvNrwcpQWELTHUCzsM9/w98wJxOh6te+d56Qp/8tvhVHr9MDzLfPxJfzQ+PmgYG+DT2JzjMZ1moYG7zrzs7r3ktdMtMrZcHkX8Uty/BQanx8PLgDTU3MPTJIVtA90z1yHM1PCkwZmuSd/Id3oNdeC6t/56b7jw16K/vCExiojQJJ8xjeY9HR6EKAkU3+i7AyINRM3z2PIjQ6hkxJeTRI4Gozl5u54UXXphBg0jbKhJVZGhvzA2j85b1p64Pxa6KAhhcxE4HRNY9Ja2Wi0ARd1pnL8JO7pOcysGLGujuAZmDmk4MIDZOk2vvI8xi2KGSyUYnA6CxcBk1QjmQBgH+QqVKncC4jiDwD0JDlPYJLlTy1ZZSQn7sy/q9PUy+/fSK+jKsvr4Z0okcZqqu40ELjy8qqMoqeywiXmU+c8OC5TJplZrAyFKDABwYrM7q46M30z3zq3va9pEWG71eto63xrqVvvX+T/pnebryGEPhzeVO69+hyy0BomZVJuwCQxzWDugA0g15rGsK4VUCBy8VmrGelzGBTlIAxWL44a841i85l8rhm7NkMX+hM392PITS8IvaGL1y4ED6ULquWysAUamUiagihSbEAEM5nuGcz4JqxYgJoGq0pdox7uxVIXFpO+SpVmtYqA5MmU5W4aV0zXdBEV81YXWcad//pIELD5KjVXufDy9KAUeoRzjWLjZ/C0rA84qC5c2Xyz6h7tpvFw311FWDvIOpuQSpgdLpl0JBEKwOROGiEVgbiKEITumY0iQia0ZER/87W5OMIDYhakS3yLMZ0rTNNovjPzuiooGwdPFw3557SRk1seDfp+K78A6xwBYUKy16nYD4w1J0tN0MYlpthv9RsekeH5m9prQ0ehWMbth+mz0BGN+ivyf8uEvL68nq+8MWYgVS30fW0stAPFghprspiyK+N9F28btfG+VfYjY7d/IIfEdK31tkD7HDllN5E+QWi8GZLb8DBamykONnNG6IyY5HpOQwk1gkNVDYOmvD5DFiaDjTQeB6a8GcAYGkUntGA2Awa6AAGDXtGE1ia5uQTFBpiCzT/TQdcEdt3zxVRSnXLyHwvYcTparqM8PCOULR7tjL5xJDXmtTVRsyn+gpksjCs2S5Ymsnm5KfnB+fJik//KXGzwSU71yTk3JJYhAZ1Zt/xVvE1OJvXJYvPudgrmeYw0SrqdM8g7zj3DK6VNaeZH3zwoyv+cGnQ2PDly7mvEnLgBeiF3g1+cfn92d7z7EzeL1+qzmGgvGAeY2gOk9klY0LA3gX3bLK1+9ND3jK4Z+EDT14DDLuhgBZgQCpnoGkgNG6gIW6lNmCcgWZl95NDCI14NDlwViswTkHjLd9B24vumQOQ8E3UDkxdoGEPxtiDMmgXe2ETntPQOc1n6JwGoeFHkwNhI8CAblWf00AblKBpLO+iUdHSgGAObLmewyTpU/XnNNA+9lZA3BsBk83dn50fepCsrA0/TKNrWaZP0jV6/Zun6XLvi9Gz68cvfJyQEQ2v1dz4M4S858fX8+VDG4yOJL6kcsPGLAxrlhOWZmX3Z4fI8u20zaVYGniY+C/fjf+7tMZ6I9/+7ZsI+fkfE/9d/SP58q5KauPAgBBOQLO6+3NlQlOVAVf1ehYCjFPQeMs7aXtLsTQ6BuPrnddfwGpF/2RvG9P/GrwnPp9+9ZKO2pWfR6GepyNzmqfoazT03bPhR2j3ljKnyTOs3i15+WfvL9HXlt4nzv1/LhByxQHxtTqdLczCMNGccM9au5+iS86VtjSsv3DfrUDhwEDxzkBDmrfR5lbWPeseKngEChTqkvGSu+GeTT09v+EIWSEjj9K2G3PPrthMyM3X8Op2hwf6uo9lR9f/NCFjg+IY/TSfp/5VfG21La/D1/6DkKJ+BCeuoZ6zpQED1XcGmsEj/oo/8klosp5u685lO13SfULTsu6h9xMCP1MWbfB6/8e+KLpCiMrr/XUAphSXjJfcDfds6pkhr/nHtN3onvGdX8Fw6cCAZq5AM9xo/hFtLkJTQVBYla0ABirjAjR3rEz9OULDhl4199YA4xQ0XvMP6WxG0wsr1Rx4Va21VcA4A01r6vPDhLpnCE3luLEOGKegQUtTOWCMLHPqUqHqX6MBHdgHA9nHAuEc/4XNh4aOfHjZH3mMLgVYefOC+tqw1eqrMaYEdWQh4AvUPbsV3TNTo0hvvtbf1ZyApjX1FwiN3oFtKjfrgYGGOwON1/w4WhpTQ11PvpUApgxoov/fZvj1947u4ZfhFf+rDUiW9I0A+pzmL4cRmo7Cdu4qAwzIV6SlgfIQGlABN16BSgEDFXcGGr/5MXTP+KFqR7hywDgDzerUF4cRGjso4WpRSWCcgoY0b0FLw43YkoOVBcYZaFpTf0WXnBGakkFhxVcaGJegGfGbH6Xtrcm3V9jwq96+8sC4As2u1akvjYClQWhKpawWwDgFjbeElqZEZGoDjDPQtKaPjyA0pSFTK2AQmtLGkTMF1w4Yp6BpLP0BbS8uBBSIay2BcQaalem/HkFoCsSF1PtHSy68RrMLoPGWfh8tTTHc1NbCMPmcgKY1/TcIDetxs/vaAwPyOQNNY+kjtLk4pzHIjBPAOAPNyvTf0jkNQoPA6FHACUsD0JCl36OKoaXRM2y6cnHGwrBWOwHN6vSzATQeod/Ux02nAs4BA+I5A41P3TOERicv9V5WlinlDDQwp0FoZEMh1TUnLQxTyAlolql7htCwLs+9dxoYUM8VaEY9uhCAlgaBya2AI9DcvjL9ZYQm/2hx3sIwCV2wNAE0jaXfRUvDej39HoHhNHMCmuXp50YRGq7X0wURmIheCE1EEDzsUgCB6ZLjzQOARic4+/fvl/6/lmV8YfN2sDR9SzejeyYYAJJTCIxEnNpD05z+SgANIW9IZMBLnAIIDCeGKIjQiFRx9xwCo9D3tYdmefrv6mJptm7dKnV/FbpbGgWBkcqzftEJaPoXb6ItrpZ7dvr0eicVEEJgUohce2iae/5+tIrQpOjDvFERmJQKIjQpBatZdAQmQ4e6AM1YY/FGKo1V7tn4+HgwP2H/k1uGrsudBIHJKGHdodm5sud566B57bWMvaUvGQKTQ0snoOlf/B0qkVWWhnXZ5s2bja6IsXL4PQLDq5EhXDY0/H9Wa+I/qt3Z3PPCGEDjkdUM8tQuCQKjoUvLhAaqbxqafWT2+TGvWtCENw8N/ctngcDwauQI1xkakGVfY/aFqkGToztjkyIwsdKkv4DQpNdMOYXXFztfOb9lS/e1EyeUs00bEYFJq1hCfCeg8Rc+XPic5tKbn1nLsqTMu6wJ3Zd4GYFJlCh9hNpD03/wReqe/Xbh0ES7ouDXYqB4BCbaCZqOaw9NY/aljf7ih8qCRrSkbPrFSwRGExxx2dQVmqWxsWDOsLd/9uUyoYnT3eR5tDAm1aV52wZNsNzamRTzd+Rw4kzdHP7uzeYM4wsLXRPrHmgIaRmWkrC68OWE9eZPGgwjMAbFZVnbBA3UKQ80PDgADfwFlsa7+CGatXFomKakhPkLlI3AhD1gNlAXaEAlHho4DqDpu/eVjQahucQtK/MWEMrv2gwuKUM5CEyX2mYP6gYNe3sYVANobpuYf3lj38XfoofFWRpBl8me8gcfHBGkUT2FwKgqpSlenaAh9O3hqLW5beP8KyMGoQmsS8cd4+cv/HyM76quZzDHj/OXMoURmEyy5UtUB2j4CThAw1ubXYahyad+vtQITD79MqeuOjTQcB4aZm0YOAE03sXfpNG0uWe8dREKn3H+kvTdOL4sBIZXo+BwJaE5d87nJ90AjRAcanV2Tcx/dUQzNKyL4twx2fyFpc2zR2DyqKchbeWggTZHntXAqR5w6Dlw1WbI/ldGvYs76BsBKxAv89agL1+WtJTM1xmB4dUoKVxlaHhrA/KJwLmH7P/aKLn4G7mh6fQPb13CLhO4Y10T/jBivgACk08/bamrBE04YOGOL7A2IEoUHF3QhGV3lOdXx6TuGF0hy7ukDEUiMB3hbdhVBRrQqmvgAjSRuQ3Tk4ED+9vpnGbIb96gy9KEsAisCytf9x6B0a1ozvyqBk0POPTDFFE3jZdkctORV7NC01UWnykNR62LCXcMikRgIsLbcGg7NOGdvSNW10BmblrH4ojgCaDxmtfnsTRhHVSsi+SBZZolZWguAmMDIYI6WAtNZ4CGA7ZTd4CmCxw4z+DpWB2Ah/0dvOIzrw5lhCZadtS6COTUMn+BfBEYkbqWnLMSGtCGgyY6eGXgMIDY/uAbexk0y5kkj7EuptwxqCMCk6mniktkOzSgRBQaOMfA6bE6cJHbAmj8wD1TgiYsqwNLonWRuGNcNZSDCIyyVOVFtBGaYKDCoJVYG6YYDw8fhutwHMxpSOvX6ZwmHhqv31eBRWRddCwns7YgMEwJy/e2QQNyhXd3RXCiEvPWZ3Li8NeHGq3rpNBABhLL0gNLgnVJO+GH4hEYUKEim63QyMAJrYKCxpMbD39DCo0ElrjsdVoXKAOBiVPa0vM2QNNzJ6daATQicEBGgIb/k0l75J1Pf324v/3BHktzqR0kC8uIZNJTpwTrEkmufOgpx8SIVing+762vpudnZXmte3kSY/s2NHT/lOnTsWm23rmTPe17dt70stOTP/nR65dXut/jvhkGOINNlrvv3P88EuiND2wQCQKjMy6pHXH2I2qu1Gi2uA5axWwARoQRwYOXO+BB06KAOq4XHAZtunhR65d9ga/TIMj/f2XfnV67ODLwQXunyywQPKswKBLxolftSC76+mod9IACu7W4OYIXB3hoOUqxdy1LneKLRTw+0iaO95y+BsDXvvX6OkmdykMCssV1C9MoCGAFkaDiGVnUbilgQYLXDQ4nWRtIE7a7ciFu97jkfba7vH7/5GllcEic8UgfdLNgZXB79nNCYHhValwuEhoQKZgXgOBAsEJyt22reuDgnAu2DqWJQkWiIvAvCmZ8//aBg3rEB1WR2hRWAGGYYFi0MIwsWu2LxoakC/J2kQlVgVICgnLtABYoCgEhglew30Z0ICMacHJJT03uVdxw6CsLK4YpGOwBGH4B7f6KVAWNKBkCA4cxMxx4FLmLYVVYWVkhQXSIzBMxZrvdUIDUiU94IzK2QUOXMwDTwaLwuqTBxbIA4FhSjqwLxsaJnEPPOyCCCIODhYN9qquF58mLyyQFwLDK+pAWDc0IFlaayOSORaiTuQsgPDl6IAF8kNgeFUdCZuABqTTAY6JLtAFC9SNBwZfjTHRWxbmyXe6zurpHJi66mWyTvikX1cvVSQfU5YGml+2tTEFCn+zQWAqMtB1VtMkNKyeRcJjChTWFgSGKeHwvghomLym4DENCqs/AsOUcHxfJDRM6rzwFAUJqy/sERheDcfDZUBTJcl5WKDeuEpWpd4zUNfogDBQRK2yRGBq1Z3ZGoPQqOuGwKhrVeuYCI1a9+KysppOzsTCOc16V4tuImhh1vXBEFVANEhQmHUFEJh1LTDUUQChiR8K6JLFa+P8FZfds7ibBgLjPBZyAVyEJg4WUApdMvl4cf6qbPC4KA5aGBd7PUObXbE0STcIBCbD4HE5SV3BSQKF9TkCw5TAfSoF6gKOKihMHASGKYH7zApUEZ60oDBxEBimBO61KWAjQFkBiYqCwEQVwWMjChQNkS5AomIgMFFF8NgKBUSAmYLAigZjJVABVAAVQAVQAVQAFUAFUAFUABVABVABVKBcBf4fMeLMgO2WceYAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 72px -14px;
  background-size: 65%;
  list-style: none;
}
.ecm-code-info-codes-code .mkicon-svg {
  margin-top: 54px;
  max-height: 54px;
  min-height: auto;
  font-size: 42px;
}
.ecm-code-info-codes-code-text {
  font-size: 14px;
  color: #666;
  letter-spacing: 0;
  font-weight: 400;
  margin-top: 80px;
}
.ecm-code-info-codes-code-hoverContent {
  display: none;
}
.ecm-code-info-codes-code-hoverContent img {
  width: 120px;
}
.ecm-code-info-codes-code-hoverContent p {
  font-size: 14px;
  color: #666;
  letter-spacing: 0;
  font-weight: 400;
  margin-top: 34px;
  display: block;
}
.ecm-code-info-codes-code:hover {
  background: #FFF;
  border: 1px solid #0670FF;
  box-shadow: 0 2px 16px 0 rgba(50, 150, 250, 0.2);
  border-radius: 8px;
  transition: 0.3s ease;
}
.ecm-code-info-codes-code:hover .ecm-code-info-codes-code-text {
  display: none;
}
.ecm-code-info-codes-code:hover .mkicon-svg {
  display: none;
}
.ecm-code-info-codes-code:hover .ecm-code-info-codes-code-hoverContent {
  display: block;
}
.ecm-code-info-info {
  display: flex;
  align-items: center;
  height: 48px;
  opacity: 1;
  background: #f7f7f7;
  border-radius: 2px;
  box-shadow: 0px 2px 8px 0px rgba(181, 181, 181, 0.5);
  padding: 12px 14px;
}
.ecm-code-info-info > span:first-child {
  width: 70px;
  color: rgba(0, 0, 0, 0.6);
  display: inline-flex;
  font-weight: 700;
}
.ecm-code-info-info > span:last-child {
  display: inline-flex;
  width: 260px;
  flex-wrap: initial;
  word-break: break-all;
}
.ecm-code-info-config-code {
  text-align: center;
  margin: 15px auto;
}
.ecm-code-info-config-code > img {
  width: 150px;
}

/**
 * @Author: conggb
 * @Date: 2023-06-20 14:10:10
 * @LastEditors: conggb
 * @LastEditTime: 2023-06-21 16:58:51
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.favorite-lineitem {
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.favorite-lineitem-active {
  background: var(--mkui-primary-1, #f2f9ff) !important;
}
.favorite-lineitem-left {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-grow: 1;
  width: 0;
}
.favorite-lineitem-left-icon {
  display: flex;
  color: rgba(0, 0, 0, 0.6);
}
.favorite-lineitem-left-name {
  width: 100%;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.favorite-lineitem-right {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.44);
}
.favorite-lineitem-right-popconfirm {
  z-index: 1100 !important;
}
.favorite-lineitem-right-edit,
.favorite-lineitem-right-delete {
  display: none;
}
.favorite-lineitem-right-edit-inner,
.favorite-lineitem-right-delete-inner {
  display: flex;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.6);
}
.favorite-lineitem .mkui-input-group-addon {
  padding: 0 !important;
}
.favorite-lineitem-rename {
  padding: 0 11px;
}
.favorite-lineitem:hover {
  background: #f7f7f7;
}
.favorite-lineitem:hover:not(.favorite-lineitem-default) .favorite-lineitem-right-total {
  display: none;
}
.favorite-lineitem:hover:not(.favorite-lineitem-default) .favorite-lineitem-right-edit,
.favorite-lineitem:hover:not(.favorite-lineitem-default) .favorite-lineitem-right-delete {
  display: flex;
}

/**
 * @Author: conggb
 * @Date: 2023-06-20 17:47:34
 * @LastEditors: conggb
 * @LastEditTime: 2023-10-20 17:50:45
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.favorite-detail {
  height: 100%;
}
.favorite-detail .mkui-pagination-item-ellipsis {
  overflow: hidden !important;
}
.favorite-detail .mkui-table-empty .mkui-table-expanded-row-fixed {
  width: auto !important;
}
.favorite-detail-invalid {
  color: rgba(0, 0, 0, 0.44);
  padding-left: 4px;
}

/**
 * @Author: conggb
 * @Date: 2023-06-19 17:16:39
 * @LastEditors: conggb
 * @LastEditTime: 2023-06-25 11:15:35
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.favorite-manage {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.favorite-manage-modal .mkui-modal-body {
  padding: 0;
  height: 0;
}
.favorite-manage-content {
  flex-grow: 1;
  display: flex;
  height: 0;
}
.favorite-manage-content-left {
  width: calc(280px + 1px);
  border-right: #e1e1e1 solid 1px;
  padding: 16px 16px 0 24px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.favorite-manage-content-left .mkui-spin-nested-loading {
  height: 100%;
}
.favorite-manage-content-left .mkui-spin-nested-loading .mkui-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.favorite-manage-content-left-add {
  display: flex !important;
  align-items: center !important;
  place-self: flex-start;
  padding: 8px !important;
}
.favorite-manage-content-left-add .mkicon {
  padding: 0 !important;
  font-size: 14px !important;
}
.favorite-manage-content-left-list {
  flex-grow: 1;
  overflow: auto;
}
.favorite-manage-content-right {
  flex-grow: 1;
  padding: 16px 24px 0 16px;
  width: 0;
}

/**
 * @Author: conggb
 * @Date: 2023-06-19 17:25:17
 * @LastEditors: conggb
 * @LastEditTime: 2023-08-30 15:43:12
 */
/* @prefix-cls: ~"favorite-entrance";

.@{prefix-cls} {
} */

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.app-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.app-wrapper .app-layout-workspace {
  height: 100%;
}
.app-wrapper .app-layout-workspace-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding-top: 50px;
}
.app-wrapper .app-layout-out-workspace {
  display: flex;
}
.app-wrapper .app-layout-workspace-side {
  flex-shrink: 0;
  width: 200px;
  background-color: #ffffff;
  overflow: auto;
  z-index: 100;
  transition: width 0.5s;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
}
.app-wrapper .collapse {
  width: 64px;
  transition: width 0.4s;
}
.app-wrapper .collapse:hover {
  width: 220px;
}
.app-wrapper .app-layout-workspace-content {
  position: relative;
  overflow: auto;
  flex-grow: 1;
  background-color: #f0f2f5;
}
.app-wrapper .mkui-table-tbody > tr > td,
.app-wrapper .mkui-table-thead > tr > th,
.app-wrapper .mkui-table tfoot > tr > td,
.app-wrapper .mkui-table tfoot > tr > th {
  word-break: break-all;
}
.app-menu-small .app-layout-workspace-side {
  width: 72px;
}
.app-menu-small .head .head-left {
  width: 72px;
}
.app-menu-small .head .head-left .head-left-logo {
  padding-left: 0;
}
.app-menu-small .head .menu-expandcollapse {
  width: 72px;
}
.app-menu-small .head .menu-expandcollapse .mkicon-xiangzuo {
  display: none;
}
.app-menu-small .head .menu-expandcollapse .mkicon-xiangyou {
  display: block;
}
.app-menu-small .head .menu-logoimg {
  width: 0;
  opacity: 0;
}
.app-menu-small .side-menu .side-menu-category-name {
  text-align: center;
  padding: 22px 0 10px 0;
}
.app-menu-small .side-menu .side-menu-category-name-normal {
  display: none;
}
.app-menu-small .side-menu .side-menu-category-name-short {
  display: inline;
}
.app-menu-small .side-menu .side-menu-item-content {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-menu-small .side-menu .side-menu-item-content .side-menu-item-icon {
  transition-delay: 0.2s;
  margin: 0 !important;
}
.app-menu-small .side-menu .side-menu-item-name {
  display: none;
}
.app-menu-small .side-menu .mkui-menu {
  width: auto !important;
  border: none !important;
}
.side-menu .mkui-menu-inline {
  border-right: none;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.prepare-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: block;
  background-color: #ffffff;
  color: #ffffff;
  font-size: 20px;
}
.prepare-loading .box {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -80px;
  margin-left: -60px;
  width: 120px;
  text-align: center;
}
.prepare-loading .box .effect-jagoda.direct {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 80px;
  height: 80px;
  border-color: var(--mkui-primary-6, #0088ff);
  transition: border-color 1s ease;
}
.prepare-loading .box .effect-jagoda.direct::before,
.prepare-loading .box .effect-jagoda.direct::after {
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
  border: 1px solid var(--mkui-primary-6, #0088ff);
  box-shadow: none;
  animation-duration: 2s;
}
.prepare-loading .box .effect-jagoda.direct::after {
  border-color: #00b600;
  animation-delay: 1s;
}
.prepare-loading .box .logo {
  position: absolute;
  top: 15px;
  left: 50%;
  display: block;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
}
.prepare-loading .box .text {
  display: block;
  margin-top: 20px;
  font-size: 14px;
}
.prepare-loading.initing .effect-jagoda.direct::before {
  border-color: #efbc23;
}
.prepare-loading.initing .effect-jagoda.direct::after {
  border-color: rgba(0, 0, 0, 0.84);
}
.prepare-loading.ng-leave {
  opacity: 1;
  transition: all 1s ease-out;
}
.prepare-loading.ng-leave-active {
  opacity: 0;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.sign-out-page {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.sign-out-page-content {
  text-align: center;
}
.sign-out-page-content-img {
  width: 302px;
  height: 256px;
  background: url(/f2ff3f2d91cca719fd4d.png) no-repeat;
  background-size: 100% 100%;
}
.sign-out-page-content-time {
  margin-bottom: 28px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
}
.sign-out-page-content-time-span {
  margin: 0 5px;
  color: var(--mkui-primary-6, #0088ff);
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.side-menu {
  font-size: 14px;
  margin-bottom: 20px;
  padding: 12px;
  background-color: #ffffff;
}
.side-menubefore {
  content: '';
  height: 16px;
}
.side-menu-item {
  margin-top: 4px;
  margin-bottom: 4px;
  list-style: none;
  font-size: 14px;
  border-radius: 4px;
}
.side-menu-item-content {
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 16px 0 12px;
  height: 42px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 42px;
  cursor: pointer;
}
.side-menu-item-content:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.side-menu-item-name {
  color: rgba(0, 0, 0, 0.6);
}
.side-menu-item-icon {
  margin-right: 10px;
  font-size: 18px;
}
.side-menu-item-icon.mkicon,
.side-menu-item-icon.mkicon-svg {
  vertical-align: -0.15em;
  color: #a3abbe;
}
.side-menu-item .active {
  background-color: var(--mkui-primary-1, #f2f9ff);
  color: var(--mkui-primary-6, #0088ff);
  font-weight: 600;
}
.side-menu-item .active .side-menu .side-menu-item-icon {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.side-menu-item .active .mkicon-svg {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.side-menu-item .active-item-name {
  color: var(--mkui-primary-6, #0088ff);
}
.side-menu-item .active > span {
  color: var(--mkui-primary-6, #0088ff);
}
.side-menu-item:hover {
  background-color: #f7f7f7;
}
.side-menu-category {
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.side-menu-category-name {
  display: block;
  padding: 22px 0 10px 12px;
  border-top: 1px solid #eee;
  color: rgba(0, 0, 0, 0.44);
  font-weight: 400;
}
.side-menu-category-name-normal {
  display: inline;
}
.side-menu-category-name-short {
  display: none;
}
.side-menu-category:first-child .side-menu-category-name {
  border-top: none;
}
.side-menu-category:first-child .side-menu-category-name {
  border-top: none;
}

/**
 * @Author: wenjwu
 * @Date: 2022-04-21 10:18:43
 * @LastEditors: wenjwu
 * @LastEditTime: 2022-04-21 14:48:38
 * @Description:
 */
/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.layout-config-drawer {
  padding: 0 24px 24px;
}
.layout-config-drawer-block-title {
  padding-left: 5px;
  margin-bottom: 16px;
  font-size: 14px;
  border-left: 4px solid var(--mkui-primary-6, #0088ff);
  color: rgba(0, 0, 0, 0.84);
  font-weight: bold;
}
.layout-config-drawer-block-content {
  margin-bottom: 8px;
}
.layout-config-drawer-block-content-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 167px;
  height: 40px;
  padding-left: 12px;
  margin-right: 24px;
  margin-bottom: 16px;
  background: #ffffff;
  border-radius: 2px;
  border: 1px solid #eee;
}
.layout-config-drawer-block-content-item:hover {
  cursor: pointer;
}
.layout-config-drawer-block-content-item .mkicon-xuanzhong {
  position: absolute;
  top: -1px;
  right: -3px;
}
.layout-config-drawer-block-content-item .mkicon-xuanzhong svg {
  width: 31px;
  height: 26px;
  fill: var(--mkui-primary-6, #0088ff);
}

.custom-transfer-container {
  height: 320px;
}
.custom-transfer-box {
  width: 355px;
}
.custom-transfer-right-box {
  position: relative;
}
.custom-transfer-right-box::before {
  position: absolute;
  content: '';
  display: block;
  background-color: #eee;
  height: 370px;
  width: 1px;
  top: -25px;
  bottom: -10px;
  right: -20px;
}
.custom-transfer-tree-box {
  margin-top: 10px;
  height: 290px;
  overflow-y: auto;
}
.custom-transfer-box-title {
  margin-top: 10px;
}
.custom-transfer-item {
  display: flex;
  margin-top: 12px;
  margin-bottom: 12px;
  justify-content: space-between;
  font-size: 14px;
  color: #333;
}
.custom-transfer-icon {
  font-size: 16px;
  color: #666;
  cursor: pointer;
}
.custom-transfer-tree-list .mkui-checkbox-group-item {
  margin-right: 0px;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.homepage-entry-alert {
  background-color: #F5FBFF;
  border: none !important;
}
.homepage-entry-modal-clear {
  float: left;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.homepage-entry-config {
  margin-bottom: 16px;
  padding: 16px 24px;
  background-color: #fff;
  border-radius: 4px;
}
.homepage-entry-config-title {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
}
.homepage-entry-config-title-entry {
  font-size: 16px;
  color: #333;
  font-weight: 600;
}
.homepage-entry-config-title-setting {
  font-size: 13px;
  color: #999;
}
.homepage-entry-config-lists {
  display: flex;
  flex-wrap: wrap;
}
.homepage-entry-config-lists-item {
  width: 33.3%;
  height: 65px;
  text-align: center;
  padding-top: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}
.homepage-entry-config-item-icon .mkicon {
  position: relative;
  font-size: 20px;
  margin-bottom: 10px;
}
.homepage-entry-config-item-icon .mkicon::after {
  position: absolute;
  content: '';
  display: block;
  height: 32px;
  width: 32px;
  top: -6px;
  left: -6px;
  opacity: 0.1;
  border-radius: 4px;
  background-color: var(--mkui-primary-6, #0088ff);
}
.homepage-entry-config-title-setting {
  cursor: pointer;
}
.homepage-entry-config-item-name {
  font-size: 14px;
  color: #333;
}
.homepage-entry-config-empty {
  height: 140px;
  width: 100%;
  text-align: center;
}
.homepage-entry-config-empty-image {
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  height: 80px;
}
.homepage-entry-config-edit {
  position: relative;
  cursor: not-allowed;
}
.homepage-entry-config-edit::after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.homepage-drag-item {
  width: 100%;
  margin-bottom: 16px;
}
.homepage-drag-item-dragingclass {
  position: relative;
  height: 100%;
  width: 100%;
}
.homepage-drag-item-dragingclass::after {
  position: absolute;
  display: block;
  content: '';
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--mkui-primary-1, #f2f9ff);
  border: 1px dashed var(--mkui-primary-6, #0088ff);
}
.homepage-drag-board {
  display: flex;
  flex-wrap: wrap;
}
.homepage-step-content {
  color: #fff;
  padding: 12px 8px;
}
.homepage-step-content-title {
  font-size: 16px;
}
.homepage-step-content-icon {
  float: right;
}
.homepage-step-content-main-text {
  padding: 16px 0;
  font-size: 14px;
}
.homepage-step-content-button {
  text-align: right;
}
.homepage-step-content-skip {
  color: #fff;
  cursor: pointer;
}
.homepage-step-content-icon {
  cursor: pointer;
}
.homepage-step-content-trynow {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #FFF;
  cursor: pointer;
  color: var(--mkui-primary-6, #0088ff);
  border-radius: 2px;
}
.step-guide-inner .step-guide-main-content {
  color: #555;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
.homepage-head {
  display: flex;
  justify-content: center;
  background-color: #f0f2f5;
  padding-top: 62px;
}
.homepage-head-operation {
  position: fixed;
  padding: 0;
  width: 100%;
  z-index: 3;
}
.maycur-homepage {
  display: flex;
  justify-content: center;
  width: 100%;
}
.maycur-homepage-box {
  position: relative;
  height: 100%;
  overflow-y: auto;
  background-color: #f0f2f5;
}
.maycur-homepage-container {
  width: 84%;
}
.maycur-homepage-header {
  display: inline-flex;
  justify-content: space-between;
  width: 84%;
  margin: 0 12px 12px;
  padding: 0 24px;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  background-color: #ffffff;
}
.maycur-homepage-header-content-title-hello {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.84);
}
.maycur-homepage-header-content-title-hello .mkicon-tianjia {
  position: relative;
  bottom: 2px;
}
.maycur-homepage-header-content-title-layout {
  font-size: 13px;
  color: #666666;
}
.maycur-homepage-header-content-title-layout-img {
  width: 96px;
}
.maycur-homepage-header-content-title-button .reset-button {
  margin-right: 14px;
  padding: 5px 10px;
}
.maycur-homepage-header-content-title-button .cancel-button {
  margin-right: 8px;
}
.maycur-homepage-header-content-title-button .mkicon-tianjia {
  vertical-align: baseline;
}
.maycur-homepage-header-update-info {
  margin-left: 12px;
  font-size: 13px;
  color: #999999;
  font-weight: initial;
}
.maycur-homepage-header-custom-layout {
  display: inline-block;
  margin-left: 4px;
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.maycur-homepage-header-edit {
  width: 100%;
  margin: 0 0 12px 0;
}
.maycur-homepage-chart-container {
  display: flex;
}
.maycur-homepage-left-container {
  width: calc(100% - 296px);
}
.maycur-homepage-left-container-edit {
  cursor: all-scroll;
}
.maycur-homepage-left-container-edit .homepage-drag-item:hover {
  border: 1px dashed var(--mkui-primary-6, #0088ff);
}
.maycur-homepage-left-container-edit .homepage-drag-item:hover .workbench-new-card {
  background-color: var(--mkui-primary-1, #f2f9ff);
}
.maycur-homepage-right-container {
  width: 296px;
  height: 100%;
}
.maycur-homepage-right-container-edit {
  position: relative;
  cursor: all-scroll;
}
.maycur-homepage-right-container-edit::after {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  cursor: not-allowed;
}
.maycur-homepage-nodrag-container {
  display: flex;
  flex-wrap: wrap;
}
.maycur-homepage-normal-item {
  margin-bottom: 16px;
}

.expired-page {
  height: 100%;
  background: #f0f2f5;
}
.expired-page-header {
  display: flex;
  align-items: center;
  height: 50px;
  line-height: 50px;
  background-color: #0088ff;
  color: #ffffff;
  justify-content: space-between;
  padding: 0px 24px;
}
.expired-page-header .avatar {
  color: #0088ff;
  height: 36px;
  width: 36px;
  line-height: 36px;
  cursor: pointer;
}
.expired-page-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 50px);
}
.expired-page-content {
  width: 720px;
  height: 450px;
  background: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.expired-page-content-img {
  width: 300px;
}
.expired-page-content-desc {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  margin-top: 9px;
  margin-bottom: 16px;
}

/* 
  * 10 个色阶主色
*/
/* 
  * 随着主题色变化的颜色变量
*/
/* 
  * 固定的颜色变量
*/
/**
 * @Author: conggb
 * @Date: 2023-02-28 13:57:47
 * @LastEditors: conggb
 * @LastEditTime: 2023-08-14 11:02:21
 * @Description: 基础样式
 */
.ml1 {
  margin-left: 1px;
}
.ml1-i {
  margin-left: 1px !important;
}
.mr1 {
  margin-right: 1px;
}
.mr1-i {
  margin-right: 1px !important;
}
.mt1 {
  margin-top: 1px;
}
.mt1-i {
  margin-top: 1px !important;
}
.mb1 {
  margin-bottom: 1px;
}
.mb1-i {
  margin-bottom: 1px !important;
}
.pd1 {
  padding: 1px;
}
.pd1-i {
  padding: 1px !important;
}
.pl1 {
  padding-left: 1px;
}
.pl1-i {
  padding-left: 1px !important;
}
.pr1 {
  padding-right: 1px;
}
.pr1-i {
  padding-right: 1px !important;
}
.pt1 {
  padding-top: 1px;
}
.pt1-i {
  padding-top: 1px !important;
}
.pb1 {
  padding-bottom: 1px;
}
.pb1-i {
  padding-bottom: 1px !important;
}
.ml2 {
  margin-left: 2px;
}
.ml2-i {
  margin-left: 2px !important;
}
.mr2 {
  margin-right: 2px;
}
.mr2-i {
  margin-right: 2px !important;
}
.mt2 {
  margin-top: 2px;
}
.mt2-i {
  margin-top: 2px !important;
}
.mb2 {
  margin-bottom: 2px;
}
.mb2-i {
  margin-bottom: 2px !important;
}
.pd2 {
  padding: 2px;
}
.pd2-i {
  padding: 2px !important;
}
.pl2 {
  padding-left: 2px;
}
.pl2-i {
  padding-left: 2px !important;
}
.pr2 {
  padding-right: 2px;
}
.pr2-i {
  padding-right: 2px !important;
}
.pt2 {
  padding-top: 2px;
}
.pt2-i {
  padding-top: 2px !important;
}
.pb2 {
  padding-bottom: 2px;
}
.pb2-i {
  padding-bottom: 2px !important;
}
.ml3 {
  margin-left: 3px;
}
.ml3-i {
  margin-left: 3px !important;
}
.mr3 {
  margin-right: 3px;
}
.mr3-i {
  margin-right: 3px !important;
}
.mt3 {
  margin-top: 3px;
}
.mt3-i {
  margin-top: 3px !important;
}
.mb3 {
  margin-bottom: 3px;
}
.mb3-i {
  margin-bottom: 3px !important;
}
.pd3 {
  padding: 3px;
}
.pd3-i {
  padding: 3px !important;
}
.pl3 {
  padding-left: 3px;
}
.pl3-i {
  padding-left: 3px !important;
}
.pr3 {
  padding-right: 3px;
}
.pr3-i {
  padding-right: 3px !important;
}
.pt3 {
  padding-top: 3px;
}
.pt3-i {
  padding-top: 3px !important;
}
.pb3 {
  padding-bottom: 3px;
}
.pb3-i {
  padding-bottom: 3px !important;
}
.ml4 {
  margin-left: 4px;
}
.ml4-i {
  margin-left: 4px !important;
}
.mr4 {
  margin-right: 4px;
}
.mr4-i {
  margin-right: 4px !important;
}
.mt4 {
  margin-top: 4px;
}
.mt4-i {
  margin-top: 4px !important;
}
.mb4 {
  margin-bottom: 4px;
}
.mb4-i {
  margin-bottom: 4px !important;
}
.pd4 {
  padding: 4px;
}
.pd4-i {
  padding: 4px !important;
}
.pl4 {
  padding-left: 4px;
}
.pl4-i {
  padding-left: 4px !important;
}
.pr4 {
  padding-right: 4px;
}
.pr4-i {
  padding-right: 4px !important;
}
.pt4 {
  padding-top: 4px;
}
.pt4-i {
  padding-top: 4px !important;
}
.pb4 {
  padding-bottom: 4px;
}
.pb4-i {
  padding-bottom: 4px !important;
}
.ml5 {
  margin-left: 5px;
}
.ml5-i {
  margin-left: 5px !important;
}
.mr5 {
  margin-right: 5px;
}
.mr5-i {
  margin-right: 5px !important;
}
.mt5 {
  margin-top: 5px;
}
.mt5-i {
  margin-top: 5px !important;
}
.mb5 {
  margin-bottom: 5px;
}
.mb5-i {
  margin-bottom: 5px !important;
}
.pd5 {
  padding: 5px;
}
.pd5-i {
  padding: 5px !important;
}
.pl5 {
  padding-left: 5px;
}
.pl5-i {
  padding-left: 5px !important;
}
.pr5 {
  padding-right: 5px;
}
.pr5-i {
  padding-right: 5px !important;
}
.pt5 {
  padding-top: 5px;
}
.pt5-i {
  padding-top: 5px !important;
}
.pb5 {
  padding-bottom: 5px;
}
.pb5-i {
  padding-bottom: 5px !important;
}
.ml6 {
  margin-left: 6px;
}
.ml6-i {
  margin-left: 6px !important;
}
.mr6 {
  margin-right: 6px;
}
.mr6-i {
  margin-right: 6px !important;
}
.mt6 {
  margin-top: 6px;
}
.mt6-i {
  margin-top: 6px !important;
}
.mb6 {
  margin-bottom: 6px;
}
.mb6-i {
  margin-bottom: 6px !important;
}
.pd6 {
  padding: 6px;
}
.pd6-i {
  padding: 6px !important;
}
.pl6 {
  padding-left: 6px;
}
.pl6-i {
  padding-left: 6px !important;
}
.pr6 {
  padding-right: 6px;
}
.pr6-i {
  padding-right: 6px !important;
}
.pt6 {
  padding-top: 6px;
}
.pt6-i {
  padding-top: 6px !important;
}
.pb6 {
  padding-bottom: 6px;
}
.pb6-i {
  padding-bottom: 6px !important;
}
.ml7 {
  margin-left: 7px;
}
.ml7-i {
  margin-left: 7px !important;
}
.mr7 {
  margin-right: 7px;
}
.mr7-i {
  margin-right: 7px !important;
}
.mt7 {
  margin-top: 7px;
}
.mt7-i {
  margin-top: 7px !important;
}
.mb7 {
  margin-bottom: 7px;
}
.mb7-i {
  margin-bottom: 7px !important;
}
.pd7 {
  padding: 7px;
}
.pd7-i {
  padding: 7px !important;
}
.pl7 {
  padding-left: 7px;
}
.pl7-i {
  padding-left: 7px !important;
}
.pr7 {
  padding-right: 7px;
}
.pr7-i {
  padding-right: 7px !important;
}
.pt7 {
  padding-top: 7px;
}
.pt7-i {
  padding-top: 7px !important;
}
.pb7 {
  padding-bottom: 7px;
}
.pb7-i {
  padding-bottom: 7px !important;
}
.ml8 {
  margin-left: 8px;
}
.ml8-i {
  margin-left: 8px !important;
}
.mr8 {
  margin-right: 8px;
}
.mr8-i {
  margin-right: 8px !important;
}
.mt8 {
  margin-top: 8px;
}
.mt8-i {
  margin-top: 8px !important;
}
.mb8 {
  margin-bottom: 8px;
}
.mb8-i {
  margin-bottom: 8px !important;
}
.pd8 {
  padding: 8px;
}
.pd8-i {
  padding: 8px !important;
}
.pl8 {
  padding-left: 8px;
}
.pl8-i {
  padding-left: 8px !important;
}
.pr8 {
  padding-right: 8px;
}
.pr8-i {
  padding-right: 8px !important;
}
.pt8 {
  padding-top: 8px;
}
.pt8-i {
  padding-top: 8px !important;
}
.pb8 {
  padding-bottom: 8px;
}
.pb8-i {
  padding-bottom: 8px !important;
}
.ml9 {
  margin-left: 9px;
}
.ml9-i {
  margin-left: 9px !important;
}
.mr9 {
  margin-right: 9px;
}
.mr9-i {
  margin-right: 9px !important;
}
.mt9 {
  margin-top: 9px;
}
.mt9-i {
  margin-top: 9px !important;
}
.mb9 {
  margin-bottom: 9px;
}
.mb9-i {
  margin-bottom: 9px !important;
}
.pd9 {
  padding: 9px;
}
.pd9-i {
  padding: 9px !important;
}
.pl9 {
  padding-left: 9px;
}
.pl9-i {
  padding-left: 9px !important;
}
.pr9 {
  padding-right: 9px;
}
.pr9-i {
  padding-right: 9px !important;
}
.pt9 {
  padding-top: 9px;
}
.pt9-i {
  padding-top: 9px !important;
}
.pb9 {
  padding-bottom: 9px;
}
.pb9-i {
  padding-bottom: 9px !important;
}
.ml10 {
  margin-left: 10px;
}
.ml10-i {
  margin-left: 10px !important;
}
.mr10 {
  margin-right: 10px;
}
.mr10-i {
  margin-right: 10px !important;
}
.mt10 {
  margin-top: 10px;
}
.mt10-i {
  margin-top: 10px !important;
}
.mb10 {
  margin-bottom: 10px;
}
.mb10-i {
  margin-bottom: 10px !important;
}
.pd10 {
  padding: 10px;
}
.pd10-i {
  padding: 10px !important;
}
.pl10 {
  padding-left: 10px;
}
.pl10-i {
  padding-left: 10px !important;
}
.pr10 {
  padding-right: 10px;
}
.pr10-i {
  padding-right: 10px !important;
}
.pt10 {
  padding-top: 10px;
}
.pt10-i {
  padding-top: 10px !important;
}
.pb10 {
  padding-bottom: 10px;
}
.pb10-i {
  padding-bottom: 10px !important;
}
.ml11 {
  margin-left: 11px;
}
.ml11-i {
  margin-left: 11px !important;
}
.mr11 {
  margin-right: 11px;
}
.mr11-i {
  margin-right: 11px !important;
}
.mt11 {
  margin-top: 11px;
}
.mt11-i {
  margin-top: 11px !important;
}
.mb11 {
  margin-bottom: 11px;
}
.mb11-i {
  margin-bottom: 11px !important;
}
.pd11 {
  padding: 11px;
}
.pd11-i {
  padding: 11px !important;
}
.pl11 {
  padding-left: 11px;
}
.pl11-i {
  padding-left: 11px !important;
}
.pr11 {
  padding-right: 11px;
}
.pr11-i {
  padding-right: 11px !important;
}
.pt11 {
  padding-top: 11px;
}
.pt11-i {
  padding-top: 11px !important;
}
.pb11 {
  padding-bottom: 11px;
}
.pb11-i {
  padding-bottom: 11px !important;
}
.ml12 {
  margin-left: 12px;
}
.ml12-i {
  margin-left: 12px !important;
}
.mr12 {
  margin-right: 12px;
}
.mr12-i {
  margin-right: 12px !important;
}
.mt12 {
  margin-top: 12px;
}
.mt12-i {
  margin-top: 12px !important;
}
.mb12 {
  margin-bottom: 12px;
}
.mb12-i {
  margin-bottom: 12px !important;
}
.pd12 {
  padding: 12px;
}
.pd12-i {
  padding: 12px !important;
}
.pl12 {
  padding-left: 12px;
}
.pl12-i {
  padding-left: 12px !important;
}
.pr12 {
  padding-right: 12px;
}
.pr12-i {
  padding-right: 12px !important;
}
.pt12 {
  padding-top: 12px;
}
.pt12-i {
  padding-top: 12px !important;
}
.pb12 {
  padding-bottom: 12px;
}
.pb12-i {
  padding-bottom: 12px !important;
}
.ml13 {
  margin-left: 13px;
}
.ml13-i {
  margin-left: 13px !important;
}
.mr13 {
  margin-right: 13px;
}
.mr13-i {
  margin-right: 13px !important;
}
.mt13 {
  margin-top: 13px;
}
.mt13-i {
  margin-top: 13px !important;
}
.mb13 {
  margin-bottom: 13px;
}
.mb13-i {
  margin-bottom: 13px !important;
}
.pd13 {
  padding: 13px;
}
.pd13-i {
  padding: 13px !important;
}
.pl13 {
  padding-left: 13px;
}
.pl13-i {
  padding-left: 13px !important;
}
.pr13 {
  padding-right: 13px;
}
.pr13-i {
  padding-right: 13px !important;
}
.pt13 {
  padding-top: 13px;
}
.pt13-i {
  padding-top: 13px !important;
}
.pb13 {
  padding-bottom: 13px;
}
.pb13-i {
  padding-bottom: 13px !important;
}
.ml14 {
  margin-left: 14px;
}
.ml14-i {
  margin-left: 14px !important;
}
.mr14 {
  margin-right: 14px;
}
.mr14-i {
  margin-right: 14px !important;
}
.mt14 {
  margin-top: 14px;
}
.mt14-i {
  margin-top: 14px !important;
}
.mb14 {
  margin-bottom: 14px;
}
.mb14-i {
  margin-bottom: 14px !important;
}
.pd14 {
  padding: 14px;
}
.pd14-i {
  padding: 14px !important;
}
.pl14 {
  padding-left: 14px;
}
.pl14-i {
  padding-left: 14px !important;
}
.pr14 {
  padding-right: 14px;
}
.pr14-i {
  padding-right: 14px !important;
}
.pt14 {
  padding-top: 14px;
}
.pt14-i {
  padding-top: 14px !important;
}
.pb14 {
  padding-bottom: 14px;
}
.pb14-i {
  padding-bottom: 14px !important;
}
.ml15 {
  margin-left: 15px;
}
.ml15-i {
  margin-left: 15px !important;
}
.mr15 {
  margin-right: 15px;
}
.mr15-i {
  margin-right: 15px !important;
}
.mt15 {
  margin-top: 15px;
}
.mt15-i {
  margin-top: 15px !important;
}
.mb15 {
  margin-bottom: 15px;
}
.mb15-i {
  margin-bottom: 15px !important;
}
.pd15 {
  padding: 15px;
}
.pd15-i {
  padding: 15px !important;
}
.pl15 {
  padding-left: 15px;
}
.pl15-i {
  padding-left: 15px !important;
}
.pr15 {
  padding-right: 15px;
}
.pr15-i {
  padding-right: 15px !important;
}
.pt15 {
  padding-top: 15px;
}
.pt15-i {
  padding-top: 15px !important;
}
.pb15 {
  padding-bottom: 15px;
}
.pb15-i {
  padding-bottom: 15px !important;
}
.ml16 {
  margin-left: 16px;
}
.ml16-i {
  margin-left: 16px !important;
}
.mr16 {
  margin-right: 16px;
}
.mr16-i {
  margin-right: 16px !important;
}
.mt16 {
  margin-top: 16px;
}
.mt16-i {
  margin-top: 16px !important;
}
.mb16 {
  margin-bottom: 16px;
}
.mb16-i {
  margin-bottom: 16px !important;
}
.pd16 {
  padding: 16px;
}
.pd16-i {
  padding: 16px !important;
}
.pl16 {
  padding-left: 16px;
}
.pl16-i {
  padding-left: 16px !important;
}
.pr16 {
  padding-right: 16px;
}
.pr16-i {
  padding-right: 16px !important;
}
.pt16 {
  padding-top: 16px;
}
.pt16-i {
  padding-top: 16px !important;
}
.pb16 {
  padding-bottom: 16px;
}
.pb16-i {
  padding-bottom: 16px !important;
}
.ml17 {
  margin-left: 17px;
}
.ml17-i {
  margin-left: 17px !important;
}
.mr17 {
  margin-right: 17px;
}
.mr17-i {
  margin-right: 17px !important;
}
.mt17 {
  margin-top: 17px;
}
.mt17-i {
  margin-top: 17px !important;
}
.mb17 {
  margin-bottom: 17px;
}
.mb17-i {
  margin-bottom: 17px !important;
}
.pd17 {
  padding: 17px;
}
.pd17-i {
  padding: 17px !important;
}
.pl17 {
  padding-left: 17px;
}
.pl17-i {
  padding-left: 17px !important;
}
.pr17 {
  padding-right: 17px;
}
.pr17-i {
  padding-right: 17px !important;
}
.pt17 {
  padding-top: 17px;
}
.pt17-i {
  padding-top: 17px !important;
}
.pb17 {
  padding-bottom: 17px;
}
.pb17-i {
  padding-bottom: 17px !important;
}
.ml18 {
  margin-left: 18px;
}
.ml18-i {
  margin-left: 18px !important;
}
.mr18 {
  margin-right: 18px;
}
.mr18-i {
  margin-right: 18px !important;
}
.mt18 {
  margin-top: 18px;
}
.mt18-i {
  margin-top: 18px !important;
}
.mb18 {
  margin-bottom: 18px;
}
.mb18-i {
  margin-bottom: 18px !important;
}
.pd18 {
  padding: 18px;
}
.pd18-i {
  padding: 18px !important;
}
.pl18 {
  padding-left: 18px;
}
.pl18-i {
  padding-left: 18px !important;
}
.pr18 {
  padding-right: 18px;
}
.pr18-i {
  padding-right: 18px !important;
}
.pt18 {
  padding-top: 18px;
}
.pt18-i {
  padding-top: 18px !important;
}
.pb18 {
  padding-bottom: 18px;
}
.pb18-i {
  padding-bottom: 18px !important;
}
.ml19 {
  margin-left: 19px;
}
.ml19-i {
  margin-left: 19px !important;
}
.mr19 {
  margin-right: 19px;
}
.mr19-i {
  margin-right: 19px !important;
}
.mt19 {
  margin-top: 19px;
}
.mt19-i {
  margin-top: 19px !important;
}
.mb19 {
  margin-bottom: 19px;
}
.mb19-i {
  margin-bottom: 19px !important;
}
.pd19 {
  padding: 19px;
}
.pd19-i {
  padding: 19px !important;
}
.pl19 {
  padding-left: 19px;
}
.pl19-i {
  padding-left: 19px !important;
}
.pr19 {
  padding-right: 19px;
}
.pr19-i {
  padding-right: 19px !important;
}
.pt19 {
  padding-top: 19px;
}
.pt19-i {
  padding-top: 19px !important;
}
.pb19 {
  padding-bottom: 19px;
}
.pb19-i {
  padding-bottom: 19px !important;
}
.ml20 {
  margin-left: 20px;
}
.ml20-i {
  margin-left: 20px !important;
}
.mr20 {
  margin-right: 20px;
}
.mr20-i {
  margin-right: 20px !important;
}
.mt20 {
  margin-top: 20px;
}
.mt20-i {
  margin-top: 20px !important;
}
.mb20 {
  margin-bottom: 20px;
}
.mb20-i {
  margin-bottom: 20px !important;
}
.pd20 {
  padding: 20px;
}
.pd20-i {
  padding: 20px !important;
}
.pl20 {
  padding-left: 20px;
}
.pl20-i {
  padding-left: 20px !important;
}
.pr20 {
  padding-right: 20px;
}
.pr20-i {
  padding-right: 20px !important;
}
.pt20 {
  padding-top: 20px;
}
.pt20-i {
  padding-top: 20px !important;
}
.pb20 {
  padding-bottom: 20px;
}
.pb20-i {
  padding-bottom: 20px !important;
}
.ml21 {
  margin-left: 21px;
}
.ml21-i {
  margin-left: 21px !important;
}
.mr21 {
  margin-right: 21px;
}
.mr21-i {
  margin-right: 21px !important;
}
.mt21 {
  margin-top: 21px;
}
.mt21-i {
  margin-top: 21px !important;
}
.mb21 {
  margin-bottom: 21px;
}
.mb21-i {
  margin-bottom: 21px !important;
}
.pd21 {
  padding: 21px;
}
.pd21-i {
  padding: 21px !important;
}
.pl21 {
  padding-left: 21px;
}
.pl21-i {
  padding-left: 21px !important;
}
.pr21 {
  padding-right: 21px;
}
.pr21-i {
  padding-right: 21px !important;
}
.pt21 {
  padding-top: 21px;
}
.pt21-i {
  padding-top: 21px !important;
}
.pb21 {
  padding-bottom: 21px;
}
.pb21-i {
  padding-bottom: 21px !important;
}
.ml22 {
  margin-left: 22px;
}
.ml22-i {
  margin-left: 22px !important;
}
.mr22 {
  margin-right: 22px;
}
.mr22-i {
  margin-right: 22px !important;
}
.mt22 {
  margin-top: 22px;
}
.mt22-i {
  margin-top: 22px !important;
}
.mb22 {
  margin-bottom: 22px;
}
.mb22-i {
  margin-bottom: 22px !important;
}
.pd22 {
  padding: 22px;
}
.pd22-i {
  padding: 22px !important;
}
.pl22 {
  padding-left: 22px;
}
.pl22-i {
  padding-left: 22px !important;
}
.pr22 {
  padding-right: 22px;
}
.pr22-i {
  padding-right: 22px !important;
}
.pt22 {
  padding-top: 22px;
}
.pt22-i {
  padding-top: 22px !important;
}
.pb22 {
  padding-bottom: 22px;
}
.pb22-i {
  padding-bottom: 22px !important;
}
.ml23 {
  margin-left: 23px;
}
.ml23-i {
  margin-left: 23px !important;
}
.mr23 {
  margin-right: 23px;
}
.mr23-i {
  margin-right: 23px !important;
}
.mt23 {
  margin-top: 23px;
}
.mt23-i {
  margin-top: 23px !important;
}
.mb23 {
  margin-bottom: 23px;
}
.mb23-i {
  margin-bottom: 23px !important;
}
.pd23 {
  padding: 23px;
}
.pd23-i {
  padding: 23px !important;
}
.pl23 {
  padding-left: 23px;
}
.pl23-i {
  padding-left: 23px !important;
}
.pr23 {
  padding-right: 23px;
}
.pr23-i {
  padding-right: 23px !important;
}
.pt23 {
  padding-top: 23px;
}
.pt23-i {
  padding-top: 23px !important;
}
.pb23 {
  padding-bottom: 23px;
}
.pb23-i {
  padding-bottom: 23px !important;
}
.ml24 {
  margin-left: 24px;
}
.ml24-i {
  margin-left: 24px !important;
}
.mr24 {
  margin-right: 24px;
}
.mr24-i {
  margin-right: 24px !important;
}
.mt24 {
  margin-top: 24px;
}
.mt24-i {
  margin-top: 24px !important;
}
.mb24 {
  margin-bottom: 24px;
}
.mb24-i {
  margin-bottom: 24px !important;
}
.pd24 {
  padding: 24px;
}
.pd24-i {
  padding: 24px !important;
}
.pl24 {
  padding-left: 24px;
}
.pl24-i {
  padding-left: 24px !important;
}
.pr24 {
  padding-right: 24px;
}
.pr24-i {
  padding-right: 24px !important;
}
.pt24 {
  padding-top: 24px;
}
.pt24-i {
  padding-top: 24px !important;
}
.pb24 {
  padding-bottom: 24px;
}
.pb24-i {
  padding-bottom: 24px !important;
}
.ml25 {
  margin-left: 25px;
}
.ml25-i {
  margin-left: 25px !important;
}
.mr25 {
  margin-right: 25px;
}
.mr25-i {
  margin-right: 25px !important;
}
.mt25 {
  margin-top: 25px;
}
.mt25-i {
  margin-top: 25px !important;
}
.mb25 {
  margin-bottom: 25px;
}
.mb25-i {
  margin-bottom: 25px !important;
}
.pd25 {
  padding: 25px;
}
.pd25-i {
  padding: 25px !important;
}
.pl25 {
  padding-left: 25px;
}
.pl25-i {
  padding-left: 25px !important;
}
.pr25 {
  padding-right: 25px;
}
.pr25-i {
  padding-right: 25px !important;
}
.pt25 {
  padding-top: 25px;
}
.pt25-i {
  padding-top: 25px !important;
}
.pb25 {
  padding-bottom: 25px;
}
.pb25-i {
  padding-bottom: 25px !important;
}
.ml26 {
  margin-left: 26px;
}
.ml26-i {
  margin-left: 26px !important;
}
.mr26 {
  margin-right: 26px;
}
.mr26-i {
  margin-right: 26px !important;
}
.mt26 {
  margin-top: 26px;
}
.mt26-i {
  margin-top: 26px !important;
}
.mb26 {
  margin-bottom: 26px;
}
.mb26-i {
  margin-bottom: 26px !important;
}
.pd26 {
  padding: 26px;
}
.pd26-i {
  padding: 26px !important;
}
.pl26 {
  padding-left: 26px;
}
.pl26-i {
  padding-left: 26px !important;
}
.pr26 {
  padding-right: 26px;
}
.pr26-i {
  padding-right: 26px !important;
}
.pt26 {
  padding-top: 26px;
}
.pt26-i {
  padding-top: 26px !important;
}
.pb26 {
  padding-bottom: 26px;
}
.pb26-i {
  padding-bottom: 26px !important;
}
.ml27 {
  margin-left: 27px;
}
.ml27-i {
  margin-left: 27px !important;
}
.mr27 {
  margin-right: 27px;
}
.mr27-i {
  margin-right: 27px !important;
}
.mt27 {
  margin-top: 27px;
}
.mt27-i {
  margin-top: 27px !important;
}
.mb27 {
  margin-bottom: 27px;
}
.mb27-i {
  margin-bottom: 27px !important;
}
.pd27 {
  padding: 27px;
}
.pd27-i {
  padding: 27px !important;
}
.pl27 {
  padding-left: 27px;
}
.pl27-i {
  padding-left: 27px !important;
}
.pr27 {
  padding-right: 27px;
}
.pr27-i {
  padding-right: 27px !important;
}
.pt27 {
  padding-top: 27px;
}
.pt27-i {
  padding-top: 27px !important;
}
.pb27 {
  padding-bottom: 27px;
}
.pb27-i {
  padding-bottom: 27px !important;
}
.ml28 {
  margin-left: 28px;
}
.ml28-i {
  margin-left: 28px !important;
}
.mr28 {
  margin-right: 28px;
}
.mr28-i {
  margin-right: 28px !important;
}
.mt28 {
  margin-top: 28px;
}
.mt28-i {
  margin-top: 28px !important;
}
.mb28 {
  margin-bottom: 28px;
}
.mb28-i {
  margin-bottom: 28px !important;
}
.pd28 {
  padding: 28px;
}
.pd28-i {
  padding: 28px !important;
}
.pl28 {
  padding-left: 28px;
}
.pl28-i {
  padding-left: 28px !important;
}
.pr28 {
  padding-right: 28px;
}
.pr28-i {
  padding-right: 28px !important;
}
.pt28 {
  padding-top: 28px;
}
.pt28-i {
  padding-top: 28px !important;
}
.pb28 {
  padding-bottom: 28px;
}
.pb28-i {
  padding-bottom: 28px !important;
}
.ml29 {
  margin-left: 29px;
}
.ml29-i {
  margin-left: 29px !important;
}
.mr29 {
  margin-right: 29px;
}
.mr29-i {
  margin-right: 29px !important;
}
.mt29 {
  margin-top: 29px;
}
.mt29-i {
  margin-top: 29px !important;
}
.mb29 {
  margin-bottom: 29px;
}
.mb29-i {
  margin-bottom: 29px !important;
}
.pd29 {
  padding: 29px;
}
.pd29-i {
  padding: 29px !important;
}
.pl29 {
  padding-left: 29px;
}
.pl29-i {
  padding-left: 29px !important;
}
.pr29 {
  padding-right: 29px;
}
.pr29-i {
  padding-right: 29px !important;
}
.pt29 {
  padding-top: 29px;
}
.pt29-i {
  padding-top: 29px !important;
}
.pb29 {
  padding-bottom: 29px;
}
.pb29-i {
  padding-bottom: 29px !important;
}
.ml30 {
  margin-left: 30px;
}
.ml30-i {
  margin-left: 30px !important;
}
.mr30 {
  margin-right: 30px;
}
.mr30-i {
  margin-right: 30px !important;
}
.mt30 {
  margin-top: 30px;
}
.mt30-i {
  margin-top: 30px !important;
}
.mb30 {
  margin-bottom: 30px;
}
.mb30-i {
  margin-bottom: 30px !important;
}
.pd30 {
  padding: 30px;
}
.pd30-i {
  padding: 30px !important;
}
.pl30 {
  padding-left: 30px;
}
.pl30-i {
  padding-left: 30px !important;
}
.pr30 {
  padding-right: 30px;
}
.pr30-i {
  padding-right: 30px !important;
}
.pt30 {
  padding-top: 30px;
}
.pt30-i {
  padding-top: 30px !important;
}
.pb30 {
  padding-bottom: 30px;
}
.pb30-i {
  padding-bottom: 30px !important;
}
.ml31 {
  margin-left: 31px;
}
.ml31-i {
  margin-left: 31px !important;
}
.mr31 {
  margin-right: 31px;
}
.mr31-i {
  margin-right: 31px !important;
}
.mt31 {
  margin-top: 31px;
}
.mt31-i {
  margin-top: 31px !important;
}
.mb31 {
  margin-bottom: 31px;
}
.mb31-i {
  margin-bottom: 31px !important;
}
.pd31 {
  padding: 31px;
}
.pd31-i {
  padding: 31px !important;
}
.pl31 {
  padding-left: 31px;
}
.pl31-i {
  padding-left: 31px !important;
}
.pr31 {
  padding-right: 31px;
}
.pr31-i {
  padding-right: 31px !important;
}
.pt31 {
  padding-top: 31px;
}
.pt31-i {
  padding-top: 31px !important;
}
.pb31 {
  padding-bottom: 31px;
}
.pb31-i {
  padding-bottom: 31px !important;
}
.ml32 {
  margin-left: 32px;
}
.ml32-i {
  margin-left: 32px !important;
}
.mr32 {
  margin-right: 32px;
}
.mr32-i {
  margin-right: 32px !important;
}
.mt32 {
  margin-top: 32px;
}
.mt32-i {
  margin-top: 32px !important;
}
.mb32 {
  margin-bottom: 32px;
}
.mb32-i {
  margin-bottom: 32px !important;
}
.pd32 {
  padding: 32px;
}
.pd32-i {
  padding: 32px !important;
}
.pl32 {
  padding-left: 32px;
}
.pl32-i {
  padding-left: 32px !important;
}
.pr32 {
  padding-right: 32px;
}
.pr32-i {
  padding-right: 32px !important;
}
.pt32 {
  padding-top: 32px;
}
.pt32-i {
  padding-top: 32px !important;
}
.pb32 {
  padding-bottom: 32px;
}
.pb32-i {
  padding-bottom: 32px !important;
}
.ml33 {
  margin-left: 33px;
}
.ml33-i {
  margin-left: 33px !important;
}
.mr33 {
  margin-right: 33px;
}
.mr33-i {
  margin-right: 33px !important;
}
.mt33 {
  margin-top: 33px;
}
.mt33-i {
  margin-top: 33px !important;
}
.mb33 {
  margin-bottom: 33px;
}
.mb33-i {
  margin-bottom: 33px !important;
}
.pd33 {
  padding: 33px;
}
.pd33-i {
  padding: 33px !important;
}
.pl33 {
  padding-left: 33px;
}
.pl33-i {
  padding-left: 33px !important;
}
.pr33 {
  padding-right: 33px;
}
.pr33-i {
  padding-right: 33px !important;
}
.pt33 {
  padding-top: 33px;
}
.pt33-i {
  padding-top: 33px !important;
}
.pb33 {
  padding-bottom: 33px;
}
.pb33-i {
  padding-bottom: 33px !important;
}
.ml34 {
  margin-left: 34px;
}
.ml34-i {
  margin-left: 34px !important;
}
.mr34 {
  margin-right: 34px;
}
.mr34-i {
  margin-right: 34px !important;
}
.mt34 {
  margin-top: 34px;
}
.mt34-i {
  margin-top: 34px !important;
}
.mb34 {
  margin-bottom: 34px;
}
.mb34-i {
  margin-bottom: 34px !important;
}
.pd34 {
  padding: 34px;
}
.pd34-i {
  padding: 34px !important;
}
.pl34 {
  padding-left: 34px;
}
.pl34-i {
  padding-left: 34px !important;
}
.pr34 {
  padding-right: 34px;
}
.pr34-i {
  padding-right: 34px !important;
}
.pt34 {
  padding-top: 34px;
}
.pt34-i {
  padding-top: 34px !important;
}
.pb34 {
  padding-bottom: 34px;
}
.pb34-i {
  padding-bottom: 34px !important;
}
.ml35 {
  margin-left: 35px;
}
.ml35-i {
  margin-left: 35px !important;
}
.mr35 {
  margin-right: 35px;
}
.mr35-i {
  margin-right: 35px !important;
}
.mt35 {
  margin-top: 35px;
}
.mt35-i {
  margin-top: 35px !important;
}
.mb35 {
  margin-bottom: 35px;
}
.mb35-i {
  margin-bottom: 35px !important;
}
.pd35 {
  padding: 35px;
}
.pd35-i {
  padding: 35px !important;
}
.pl35 {
  padding-left: 35px;
}
.pl35-i {
  padding-left: 35px !important;
}
.pr35 {
  padding-right: 35px;
}
.pr35-i {
  padding-right: 35px !important;
}
.pt35 {
  padding-top: 35px;
}
.pt35-i {
  padding-top: 35px !important;
}
.pb35 {
  padding-bottom: 35px;
}
.pb35-i {
  padding-bottom: 35px !important;
}
.ml36 {
  margin-left: 36px;
}
.ml36-i {
  margin-left: 36px !important;
}
.mr36 {
  margin-right: 36px;
}
.mr36-i {
  margin-right: 36px !important;
}
.mt36 {
  margin-top: 36px;
}
.mt36-i {
  margin-top: 36px !important;
}
.mb36 {
  margin-bottom: 36px;
}
.mb36-i {
  margin-bottom: 36px !important;
}
.pd36 {
  padding: 36px;
}
.pd36-i {
  padding: 36px !important;
}
.pl36 {
  padding-left: 36px;
}
.pl36-i {
  padding-left: 36px !important;
}
.pr36 {
  padding-right: 36px;
}
.pr36-i {
  padding-right: 36px !important;
}
.pt36 {
  padding-top: 36px;
}
.pt36-i {
  padding-top: 36px !important;
}
.pb36 {
  padding-bottom: 36px;
}
.pb36-i {
  padding-bottom: 36px !important;
}
.ml37 {
  margin-left: 37px;
}
.ml37-i {
  margin-left: 37px !important;
}
.mr37 {
  margin-right: 37px;
}
.mr37-i {
  margin-right: 37px !important;
}
.mt37 {
  margin-top: 37px;
}
.mt37-i {
  margin-top: 37px !important;
}
.mb37 {
  margin-bottom: 37px;
}
.mb37-i {
  margin-bottom: 37px !important;
}
.pd37 {
  padding: 37px;
}
.pd37-i {
  padding: 37px !important;
}
.pl37 {
  padding-left: 37px;
}
.pl37-i {
  padding-left: 37px !important;
}
.pr37 {
  padding-right: 37px;
}
.pr37-i {
  padding-right: 37px !important;
}
.pt37 {
  padding-top: 37px;
}
.pt37-i {
  padding-top: 37px !important;
}
.pb37 {
  padding-bottom: 37px;
}
.pb37-i {
  padding-bottom: 37px !important;
}
.ml38 {
  margin-left: 38px;
}
.ml38-i {
  margin-left: 38px !important;
}
.mr38 {
  margin-right: 38px;
}
.mr38-i {
  margin-right: 38px !important;
}
.mt38 {
  margin-top: 38px;
}
.mt38-i {
  margin-top: 38px !important;
}
.mb38 {
  margin-bottom: 38px;
}
.mb38-i {
  margin-bottom: 38px !important;
}
.pd38 {
  padding: 38px;
}
.pd38-i {
  padding: 38px !important;
}
.pl38 {
  padding-left: 38px;
}
.pl38-i {
  padding-left: 38px !important;
}
.pr38 {
  padding-right: 38px;
}
.pr38-i {
  padding-right: 38px !important;
}
.pt38 {
  padding-top: 38px;
}
.pt38-i {
  padding-top: 38px !important;
}
.pb38 {
  padding-bottom: 38px;
}
.pb38-i {
  padding-bottom: 38px !important;
}
.ml39 {
  margin-left: 39px;
}
.ml39-i {
  margin-left: 39px !important;
}
.mr39 {
  margin-right: 39px;
}
.mr39-i {
  margin-right: 39px !important;
}
.mt39 {
  margin-top: 39px;
}
.mt39-i {
  margin-top: 39px !important;
}
.mb39 {
  margin-bottom: 39px;
}
.mb39-i {
  margin-bottom: 39px !important;
}
.pd39 {
  padding: 39px;
}
.pd39-i {
  padding: 39px !important;
}
.pl39 {
  padding-left: 39px;
}
.pl39-i {
  padding-left: 39px !important;
}
.pr39 {
  padding-right: 39px;
}
.pr39-i {
  padding-right: 39px !important;
}
.pt39 {
  padding-top: 39px;
}
.pt39-i {
  padding-top: 39px !important;
}
.pb39 {
  padding-bottom: 39px;
}
.pb39-i {
  padding-bottom: 39px !important;
}
.ml40 {
  margin-left: 40px;
}
.ml40-i {
  margin-left: 40px !important;
}
.mr40 {
  margin-right: 40px;
}
.mr40-i {
  margin-right: 40px !important;
}
.mt40 {
  margin-top: 40px;
}
.mt40-i {
  margin-top: 40px !important;
}
.mb40 {
  margin-bottom: 40px;
}
.mb40-i {
  margin-bottom: 40px !important;
}
.pd40 {
  padding: 40px;
}
.pd40-i {
  padding: 40px !important;
}
.pl40 {
  padding-left: 40px;
}
.pl40-i {
  padding-left: 40px !important;
}
.pr40 {
  padding-right: 40px;
}
.pr40-i {
  padding-right: 40px !important;
}
.pt40 {
  padding-top: 40px;
}
.pt40-i {
  padding-top: 40px !important;
}
.pb40 {
  padding-bottom: 40px;
}
.pb40-i {
  padding-bottom: 40px !important;
}
.ml41 {
  margin-left: 41px;
}
.ml41-i {
  margin-left: 41px !important;
}
.mr41 {
  margin-right: 41px;
}
.mr41-i {
  margin-right: 41px !important;
}
.mt41 {
  margin-top: 41px;
}
.mt41-i {
  margin-top: 41px !important;
}
.mb41 {
  margin-bottom: 41px;
}
.mb41-i {
  margin-bottom: 41px !important;
}
.pd41 {
  padding: 41px;
}
.pd41-i {
  padding: 41px !important;
}
.pl41 {
  padding-left: 41px;
}
.pl41-i {
  padding-left: 41px !important;
}
.pr41 {
  padding-right: 41px;
}
.pr41-i {
  padding-right: 41px !important;
}
.pt41 {
  padding-top: 41px;
}
.pt41-i {
  padding-top: 41px !important;
}
.pb41 {
  padding-bottom: 41px;
}
.pb41-i {
  padding-bottom: 41px !important;
}
.ml42 {
  margin-left: 42px;
}
.ml42-i {
  margin-left: 42px !important;
}
.mr42 {
  margin-right: 42px;
}
.mr42-i {
  margin-right: 42px !important;
}
.mt42 {
  margin-top: 42px;
}
.mt42-i {
  margin-top: 42px !important;
}
.mb42 {
  margin-bottom: 42px;
}
.mb42-i {
  margin-bottom: 42px !important;
}
.pd42 {
  padding: 42px;
}
.pd42-i {
  padding: 42px !important;
}
.pl42 {
  padding-left: 42px;
}
.pl42-i {
  padding-left: 42px !important;
}
.pr42 {
  padding-right: 42px;
}
.pr42-i {
  padding-right: 42px !important;
}
.pt42 {
  padding-top: 42px;
}
.pt42-i {
  padding-top: 42px !important;
}
.pb42 {
  padding-bottom: 42px;
}
.pb42-i {
  padding-bottom: 42px !important;
}
.ml43 {
  margin-left: 43px;
}
.ml43-i {
  margin-left: 43px !important;
}
.mr43 {
  margin-right: 43px;
}
.mr43-i {
  margin-right: 43px !important;
}
.mt43 {
  margin-top: 43px;
}
.mt43-i {
  margin-top: 43px !important;
}
.mb43 {
  margin-bottom: 43px;
}
.mb43-i {
  margin-bottom: 43px !important;
}
.pd43 {
  padding: 43px;
}
.pd43-i {
  padding: 43px !important;
}
.pl43 {
  padding-left: 43px;
}
.pl43-i {
  padding-left: 43px !important;
}
.pr43 {
  padding-right: 43px;
}
.pr43-i {
  padding-right: 43px !important;
}
.pt43 {
  padding-top: 43px;
}
.pt43-i {
  padding-top: 43px !important;
}
.pb43 {
  padding-bottom: 43px;
}
.pb43-i {
  padding-bottom: 43px !important;
}
.ml44 {
  margin-left: 44px;
}
.ml44-i {
  margin-left: 44px !important;
}
.mr44 {
  margin-right: 44px;
}
.mr44-i {
  margin-right: 44px !important;
}
.mt44 {
  margin-top: 44px;
}
.mt44-i {
  margin-top: 44px !important;
}
.mb44 {
  margin-bottom: 44px;
}
.mb44-i {
  margin-bottom: 44px !important;
}
.pd44 {
  padding: 44px;
}
.pd44-i {
  padding: 44px !important;
}
.pl44 {
  padding-left: 44px;
}
.pl44-i {
  padding-left: 44px !important;
}
.pr44 {
  padding-right: 44px;
}
.pr44-i {
  padding-right: 44px !important;
}
.pt44 {
  padding-top: 44px;
}
.pt44-i {
  padding-top: 44px !important;
}
.pb44 {
  padding-bottom: 44px;
}
.pb44-i {
  padding-bottom: 44px !important;
}
.ml45 {
  margin-left: 45px;
}
.ml45-i {
  margin-left: 45px !important;
}
.mr45 {
  margin-right: 45px;
}
.mr45-i {
  margin-right: 45px !important;
}
.mt45 {
  margin-top: 45px;
}
.mt45-i {
  margin-top: 45px !important;
}
.mb45 {
  margin-bottom: 45px;
}
.mb45-i {
  margin-bottom: 45px !important;
}
.pd45 {
  padding: 45px;
}
.pd45-i {
  padding: 45px !important;
}
.pl45 {
  padding-left: 45px;
}
.pl45-i {
  padding-left: 45px !important;
}
.pr45 {
  padding-right: 45px;
}
.pr45-i {
  padding-right: 45px !important;
}
.pt45 {
  padding-top: 45px;
}
.pt45-i {
  padding-top: 45px !important;
}
.pb45 {
  padding-bottom: 45px;
}
.pb45-i {
  padding-bottom: 45px !important;
}
.ml46 {
  margin-left: 46px;
}
.ml46-i {
  margin-left: 46px !important;
}
.mr46 {
  margin-right: 46px;
}
.mr46-i {
  margin-right: 46px !important;
}
.mt46 {
  margin-top: 46px;
}
.mt46-i {
  margin-top: 46px !important;
}
.mb46 {
  margin-bottom: 46px;
}
.mb46-i {
  margin-bottom: 46px !important;
}
.pd46 {
  padding: 46px;
}
.pd46-i {
  padding: 46px !important;
}
.pl46 {
  padding-left: 46px;
}
.pl46-i {
  padding-left: 46px !important;
}
.pr46 {
  padding-right: 46px;
}
.pr46-i {
  padding-right: 46px !important;
}
.pt46 {
  padding-top: 46px;
}
.pt46-i {
  padding-top: 46px !important;
}
.pb46 {
  padding-bottom: 46px;
}
.pb46-i {
  padding-bottom: 46px !important;
}
.ml47 {
  margin-left: 47px;
}
.ml47-i {
  margin-left: 47px !important;
}
.mr47 {
  margin-right: 47px;
}
.mr47-i {
  margin-right: 47px !important;
}
.mt47 {
  margin-top: 47px;
}
.mt47-i {
  margin-top: 47px !important;
}
.mb47 {
  margin-bottom: 47px;
}
.mb47-i {
  margin-bottom: 47px !important;
}
.pd47 {
  padding: 47px;
}
.pd47-i {
  padding: 47px !important;
}
.pl47 {
  padding-left: 47px;
}
.pl47-i {
  padding-left: 47px !important;
}
.pr47 {
  padding-right: 47px;
}
.pr47-i {
  padding-right: 47px !important;
}
.pt47 {
  padding-top: 47px;
}
.pt47-i {
  padding-top: 47px !important;
}
.pb47 {
  padding-bottom: 47px;
}
.pb47-i {
  padding-bottom: 47px !important;
}
.ml48 {
  margin-left: 48px;
}
.ml48-i {
  margin-left: 48px !important;
}
.mr48 {
  margin-right: 48px;
}
.mr48-i {
  margin-right: 48px !important;
}
.mt48 {
  margin-top: 48px;
}
.mt48-i {
  margin-top: 48px !important;
}
.mb48 {
  margin-bottom: 48px;
}
.mb48-i {
  margin-bottom: 48px !important;
}
.pd48 {
  padding: 48px;
}
.pd48-i {
  padding: 48px !important;
}
.pl48 {
  padding-left: 48px;
}
.pl48-i {
  padding-left: 48px !important;
}
.pr48 {
  padding-right: 48px;
}
.pr48-i {
  padding-right: 48px !important;
}
.pt48 {
  padding-top: 48px;
}
.pt48-i {
  padding-top: 48px !important;
}
.pb48 {
  padding-bottom: 48px;
}
.pb48-i {
  padding-bottom: 48px !important;
}
.ml49 {
  margin-left: 49px;
}
.ml49-i {
  margin-left: 49px !important;
}
.mr49 {
  margin-right: 49px;
}
.mr49-i {
  margin-right: 49px !important;
}
.mt49 {
  margin-top: 49px;
}
.mt49-i {
  margin-top: 49px !important;
}
.mb49 {
  margin-bottom: 49px;
}
.mb49-i {
  margin-bottom: 49px !important;
}
.pd49 {
  padding: 49px;
}
.pd49-i {
  padding: 49px !important;
}
.pl49 {
  padding-left: 49px;
}
.pl49-i {
  padding-left: 49px !important;
}
.pr49 {
  padding-right: 49px;
}
.pr49-i {
  padding-right: 49px !important;
}
.pt49 {
  padding-top: 49px;
}
.pt49-i {
  padding-top: 49px !important;
}
.pb49 {
  padding-bottom: 49px;
}
.pb49-i {
  padding-bottom: 49px !important;
}
.ml50 {
  margin-left: 50px;
}
.ml50-i {
  margin-left: 50px !important;
}
.mr50 {
  margin-right: 50px;
}
.mr50-i {
  margin-right: 50px !important;
}
.mt50 {
  margin-top: 50px;
}
.mt50-i {
  margin-top: 50px !important;
}
.mb50 {
  margin-bottom: 50px;
}
.mb50-i {
  margin-bottom: 50px !important;
}
.pd50 {
  padding: 50px;
}
.pd50-i {
  padding: 50px !important;
}
.pl50 {
  padding-left: 50px;
}
.pl50-i {
  padding-left: 50px !important;
}
.pr50 {
  padding-right: 50px;
}
.pr50-i {
  padding-right: 50px !important;
}
.pt50 {
  padding-top: 50px;
}
.pt50-i {
  padding-top: 50px !important;
}
.pb50 {
  padding-bottom: 50px;
}
.pb50-i {
  padding-bottom: 50px !important;
}
.ml51 {
  margin-left: 51px;
}
.ml51-i {
  margin-left: 51px !important;
}
.mr51 {
  margin-right: 51px;
}
.mr51-i {
  margin-right: 51px !important;
}
.mt51 {
  margin-top: 51px;
}
.mt51-i {
  margin-top: 51px !important;
}
.mb51 {
  margin-bottom: 51px;
}
.mb51-i {
  margin-bottom: 51px !important;
}
.pd51 {
  padding: 51px;
}
.pd51-i {
  padding: 51px !important;
}
.pl51 {
  padding-left: 51px;
}
.pl51-i {
  padding-left: 51px !important;
}
.pr51 {
  padding-right: 51px;
}
.pr51-i {
  padding-right: 51px !important;
}
.pt51 {
  padding-top: 51px;
}
.pt51-i {
  padding-top: 51px !important;
}
.pb51 {
  padding-bottom: 51px;
}
.pb51-i {
  padding-bottom: 51px !important;
}
.ml52 {
  margin-left: 52px;
}
.ml52-i {
  margin-left: 52px !important;
}
.mr52 {
  margin-right: 52px;
}
.mr52-i {
  margin-right: 52px !important;
}
.mt52 {
  margin-top: 52px;
}
.mt52-i {
  margin-top: 52px !important;
}
.mb52 {
  margin-bottom: 52px;
}
.mb52-i {
  margin-bottom: 52px !important;
}
.pd52 {
  padding: 52px;
}
.pd52-i {
  padding: 52px !important;
}
.pl52 {
  padding-left: 52px;
}
.pl52-i {
  padding-left: 52px !important;
}
.pr52 {
  padding-right: 52px;
}
.pr52-i {
  padding-right: 52px !important;
}
.pt52 {
  padding-top: 52px;
}
.pt52-i {
  padding-top: 52px !important;
}
.pb52 {
  padding-bottom: 52px;
}
.pb52-i {
  padding-bottom: 52px !important;
}
.ml53 {
  margin-left: 53px;
}
.ml53-i {
  margin-left: 53px !important;
}
.mr53 {
  margin-right: 53px;
}
.mr53-i {
  margin-right: 53px !important;
}
.mt53 {
  margin-top: 53px;
}
.mt53-i {
  margin-top: 53px !important;
}
.mb53 {
  margin-bottom: 53px;
}
.mb53-i {
  margin-bottom: 53px !important;
}
.pd53 {
  padding: 53px;
}
.pd53-i {
  padding: 53px !important;
}
.pl53 {
  padding-left: 53px;
}
.pl53-i {
  padding-left: 53px !important;
}
.pr53 {
  padding-right: 53px;
}
.pr53-i {
  padding-right: 53px !important;
}
.pt53 {
  padding-top: 53px;
}
.pt53-i {
  padding-top: 53px !important;
}
.pb53 {
  padding-bottom: 53px;
}
.pb53-i {
  padding-bottom: 53px !important;
}
.ml54 {
  margin-left: 54px;
}
.ml54-i {
  margin-left: 54px !important;
}
.mr54 {
  margin-right: 54px;
}
.mr54-i {
  margin-right: 54px !important;
}
.mt54 {
  margin-top: 54px;
}
.mt54-i {
  margin-top: 54px !important;
}
.mb54 {
  margin-bottom: 54px;
}
.mb54-i {
  margin-bottom: 54px !important;
}
.pd54 {
  padding: 54px;
}
.pd54-i {
  padding: 54px !important;
}
.pl54 {
  padding-left: 54px;
}
.pl54-i {
  padding-left: 54px !important;
}
.pr54 {
  padding-right: 54px;
}
.pr54-i {
  padding-right: 54px !important;
}
.pt54 {
  padding-top: 54px;
}
.pt54-i {
  padding-top: 54px !important;
}
.pb54 {
  padding-bottom: 54px;
}
.pb54-i {
  padding-bottom: 54px !important;
}
.ml55 {
  margin-left: 55px;
}
.ml55-i {
  margin-left: 55px !important;
}
.mr55 {
  margin-right: 55px;
}
.mr55-i {
  margin-right: 55px !important;
}
.mt55 {
  margin-top: 55px;
}
.mt55-i {
  margin-top: 55px !important;
}
.mb55 {
  margin-bottom: 55px;
}
.mb55-i {
  margin-bottom: 55px !important;
}
.pd55 {
  padding: 55px;
}
.pd55-i {
  padding: 55px !important;
}
.pl55 {
  padding-left: 55px;
}
.pl55-i {
  padding-left: 55px !important;
}
.pr55 {
  padding-right: 55px;
}
.pr55-i {
  padding-right: 55px !important;
}
.pt55 {
  padding-top: 55px;
}
.pt55-i {
  padding-top: 55px !important;
}
.pb55 {
  padding-bottom: 55px;
}
.pb55-i {
  padding-bottom: 55px !important;
}
.ml56 {
  margin-left: 56px;
}
.ml56-i {
  margin-left: 56px !important;
}
.mr56 {
  margin-right: 56px;
}
.mr56-i {
  margin-right: 56px !important;
}
.mt56 {
  margin-top: 56px;
}
.mt56-i {
  margin-top: 56px !important;
}
.mb56 {
  margin-bottom: 56px;
}
.mb56-i {
  margin-bottom: 56px !important;
}
.pd56 {
  padding: 56px;
}
.pd56-i {
  padding: 56px !important;
}
.pl56 {
  padding-left: 56px;
}
.pl56-i {
  padding-left: 56px !important;
}
.pr56 {
  padding-right: 56px;
}
.pr56-i {
  padding-right: 56px !important;
}
.pt56 {
  padding-top: 56px;
}
.pt56-i {
  padding-top: 56px !important;
}
.pb56 {
  padding-bottom: 56px;
}
.pb56-i {
  padding-bottom: 56px !important;
}
.ml57 {
  margin-left: 57px;
}
.ml57-i {
  margin-left: 57px !important;
}
.mr57 {
  margin-right: 57px;
}
.mr57-i {
  margin-right: 57px !important;
}
.mt57 {
  margin-top: 57px;
}
.mt57-i {
  margin-top: 57px !important;
}
.mb57 {
  margin-bottom: 57px;
}
.mb57-i {
  margin-bottom: 57px !important;
}
.pd57 {
  padding: 57px;
}
.pd57-i {
  padding: 57px !important;
}
.pl57 {
  padding-left: 57px;
}
.pl57-i {
  padding-left: 57px !important;
}
.pr57 {
  padding-right: 57px;
}
.pr57-i {
  padding-right: 57px !important;
}
.pt57 {
  padding-top: 57px;
}
.pt57-i {
  padding-top: 57px !important;
}
.pb57 {
  padding-bottom: 57px;
}
.pb57-i {
  padding-bottom: 57px !important;
}
.ml58 {
  margin-left: 58px;
}
.ml58-i {
  margin-left: 58px !important;
}
.mr58 {
  margin-right: 58px;
}
.mr58-i {
  margin-right: 58px !important;
}
.mt58 {
  margin-top: 58px;
}
.mt58-i {
  margin-top: 58px !important;
}
.mb58 {
  margin-bottom: 58px;
}
.mb58-i {
  margin-bottom: 58px !important;
}
.pd58 {
  padding: 58px;
}
.pd58-i {
  padding: 58px !important;
}
.pl58 {
  padding-left: 58px;
}
.pl58-i {
  padding-left: 58px !important;
}
.pr58 {
  padding-right: 58px;
}
.pr58-i {
  padding-right: 58px !important;
}
.pt58 {
  padding-top: 58px;
}
.pt58-i {
  padding-top: 58px !important;
}
.pb58 {
  padding-bottom: 58px;
}
.pb58-i {
  padding-bottom: 58px !important;
}
.ml59 {
  margin-left: 59px;
}
.ml59-i {
  margin-left: 59px !important;
}
.mr59 {
  margin-right: 59px;
}
.mr59-i {
  margin-right: 59px !important;
}
.mt59 {
  margin-top: 59px;
}
.mt59-i {
  margin-top: 59px !important;
}
.mb59 {
  margin-bottom: 59px;
}
.mb59-i {
  margin-bottom: 59px !important;
}
.pd59 {
  padding: 59px;
}
.pd59-i {
  padding: 59px !important;
}
.pl59 {
  padding-left: 59px;
}
.pl59-i {
  padding-left: 59px !important;
}
.pr59 {
  padding-right: 59px;
}
.pr59-i {
  padding-right: 59px !important;
}
.pt59 {
  padding-top: 59px;
}
.pt59-i {
  padding-top: 59px !important;
}
.pb59 {
  padding-bottom: 59px;
}
.pb59-i {
  padding-bottom: 59px !important;
}
.ml60 {
  margin-left: 60px;
}
.ml60-i {
  margin-left: 60px !important;
}
.mr60 {
  margin-right: 60px;
}
.mr60-i {
  margin-right: 60px !important;
}
.mt60 {
  margin-top: 60px;
}
.mt60-i {
  margin-top: 60px !important;
}
.mb60 {
  margin-bottom: 60px;
}
.mb60-i {
  margin-bottom: 60px !important;
}
.pd60 {
  padding: 60px;
}
.pd60-i {
  padding: 60px !important;
}
.pl60 {
  padding-left: 60px;
}
.pl60-i {
  padding-left: 60px !important;
}
.pr60 {
  padding-right: 60px;
}
.pr60-i {
  padding-right: 60px !important;
}
.pt60 {
  padding-top: 60px;
}
.pt60-i {
  padding-top: 60px !important;
}
.pb60 {
  padding-bottom: 60px;
}
.pb60-i {
  padding-bottom: 60px !important;
}
.ft100 {
  font-weight: 100;
}
.ft100-i {
  font-weight: 100 !important;
}
.ft200 {
  font-weight: 200;
}
.ft200-i {
  font-weight: 200 !important;
}
.ft300 {
  font-weight: 300;
}
.ft300-i {
  font-weight: 300 !important;
}
.ft400 {
  font-weight: 400;
}
.ft400-i {
  font-weight: 400 !important;
}
.ft500 {
  font-weight: 500;
}
.ft500-i {
  font-weight: 500 !important;
}
.ft600 {
  font-weight: 600;
}
.ft600-i {
  font-weight: 600 !important;
}
.ft700 {
  font-weight: 700;
}
.ft700-i {
  font-weight: 700 !important;
}
.ft800 {
  font-weight: 800;
}
.ft800-i {
  font-weight: 800 !important;
}
.ft900 {
  font-weight: 900;
}
.ft900-i {
  font-weight: 900 !important;
}
.ftbold {
  font-weight: bold;
}
.ftbold-i {
  font-weight: bold !important;
}
.ftbolder {
  font-weight: bolder;
}
.ftbolder-i {
  font-weight: bolder !important;
}
.ftlighter {
  font-weight: lighter;
}
.ftlighter-i {
  font-weight: lighter !important;
}
.ftnormal {
  font-weight: normal;
}
.ftnormal-i {
  font-weight: normal !important;
}
.w50 {
  width: 50px;
}
.w50-i {
  width: 50px !important;
}
.w100 {
  width: 100px;
}
.w100-i {
  width: 100px !important;
}
.w130 {
  width: 130px;
}
.w130-i {
  width: 130px !important;
}
.w150 {
  width: 150px;
}
.w150-i {
  width: 150px !important;
}
.w480 {
  width: 480px;
}
.w480-i {
  width: 480px !important;
}
.zoom90 {
  zoom: 90%;
}
.zoom90-i {
  zoom: 90% !important;
}
.hidden {
  display: none;
}
.hidden-i {
  display: none !important;
}
@font-face {
  font-family: 'Bebas';
  src: url(/080faab44ad98e2a5e2d.TTF);
}
body {
  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';
}
#root {
  width: 100%;
  height: 100%;
}
a {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
.mkui-layout-workspace .mkui-layout-workspace-content {
  margin: 0;
  box-shadow: none;
}
.slide-enter {
  overflow-y: hidden;
  height: 0;
}
.slide-enter-active {
  height: 32px;
  transition: height 0.3s;
}
.slide-leave {
  overflow-y: hidden;
  height: 32px;
}
.slide-leave-active {
  height: 0;
  transition: height 0.3s;
}
.question-popver-icon {
  margin-left: 3px;
}
.water-print .mkui-flex-table .mkui-table-wrapper .mkui-spin-nested-loading .mkui-spin-container .mkui-table,
.water-print .mkui-table-empty {
  background-color: rgba(250, 250, 250, 0.2);
}
.water-print .form-type-list .form-type-item {
  background-color: rgba(255, 255, 255, 0.4);
}
.water-print .doc-tree .doc-tree-content {
  background-color: rgba(255, 255, 255, 0.4);
}
.water-print .archive-finish {
  background-color: rgba(255, 255, 255, 0.4);
}
.water-print .right-part {
  background-color: rgba(255, 255, 255, 0);
}
.step-guide .step-guide-mask-show .step-guide-mask-item {
  background-color: rgba(0, 0, 0, 0.6);
}
.mkui-modal .layout-detail-header {
  min-height: 50px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.words-bold {
  font-weight: bold;
}
.mk-table-overflowtext {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mkui-form .mkui-form-item.hidden_label label {
  display: none;
}
.warning-color {
  color: #ffbf00 !important;
}
.required::before {
  content: '*';
  color: #ff5c5c;
  font-size: 13px;
  width: 8px;
  margin-left: -8px;
  display: inline-block;
  font-family: SimSun, sans-serif;
}
.theme-color {
  color: var(--mkui-primary-6, #0088ff);
}
.theme-color-i {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.clickable {
  cursor: pointer;
}
.maycurtable-column-operation {
  display: flex;
  align-items: center;
  gap: 12px;
}
.maycurtable-column-operation > button {
  margin: 0 !important;
}
.maycurtable-column-icontitle {
  display: flex;
  align-items: center;
  gap: 4px;
}
.maycurtable-column-icontitle .mkicon {
  color: var(--mkui-primary-6, #0088ff);
  cursor: pointer;
}
.overfolw-init.mkui-tabs {
  overflow: initial;
}
.loadingGif1 {
  width: 100px !important;
  height: 100px !important;
}
.loadingGif2 {
  width: 100px !important;
  height: 100px !important;
  margin: 0 !important;
  transform: translate(-50%, 10px);
}
.loadingGif3 {
  width: 100px !important;
  height: 100px !important;
  margin: 0 !important;
  transform: translate(-50%, -50%);
}
.ellipsis {
  width: 100%;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-empty {
  color: #999999;
}
.tag-button {
  border-color: var(--mkui-primary-6, #0088ff) !important;
  color: var(--mkui-primary-6, #0088ff) !important;
}
.preset-tag {
  border-color: var(--mkui-primary-6, #0088ff) !important;
  color: var(--mkui-primary-6, #0088ff) !important;
  background-color: var(--mkui-primary-1, #f2f9ff) !important;
}
.flex-center {
  display: flex;
  align-items: center;
}
.mkui-photo-upload-not-connect-btn > button {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.scan-signal-common button {
  color: var(--mkui-primary-6, #0088ff) !important;
}
.footer-bottom-line {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 12px 12px 24px !important;
  height: auto !important;
  gap: 8px;
}
.footer-bottom-line-group {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.footer-bottom-line-group:last-child {
  margin: 0;
}
.footer-bottom-line-group > button {
  margin-right: 8px;
}
.footer-bottom-line-group > button:last-child {
  margin-right: 0;
}
.footer-bottom-line-group .mkui-checkbox-wrapper span {
  padding-right: 0 !important;
}
.footer-bottom-line-group .mkui-divider-vertical {
  top: auto !important;
}
.footer-bottom-line .count-number {
  margin: 0 3px;
  font-weight: bold;
  color: var(--mkui-primary-6, #0088ff);
}
.footer-bottom-line .err-number {
  margin: 0 3px;
  font-weight: bold;
  color: #fe7a23;
}
.file-collect .mkui-alert > span,
.automatic-archive-config-modal .mkui-alert > span {
  margin-top: -20px;
}
.content-align-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.layout-detail .account-set-entry-inner {
  padding: 0 !important;
}
.mkui-table-cell.opt-td button {
  margin-right: 4px;
}
.mkui-tabs-tab-disabled .mkui-tabs-tab-btn:active {
  color: rgba(0, 0, 0, 0.25);
}
.mkui-tabs-tab-disabled .mkui-tabs-tab-btn:focus {
  color: rgba(0, 0, 0, 0.25);
}
.mkui-btn .mkicon {
  padding-top: 2px;
}
.mkui-all-filterlist .mkui-btn .mkicon {
  padding-top: 0 !important;
}
.table-filter-head-no-borderbottom .mkui-table-filter-head {
  border-bottom: 0;
}
/* 
// 可能影响的场景 : 1. 没有 rowSelection 的 Table (与页面其它模块左侧不对齐); 2. 完整性检查 - 多条数据的附件类型一样时; 3. 会计凭证 - 分录行
.mkui-table-tbody>tr:not(.no-first-padding)>td:not(.mkui-table-selection-column) {
  &:first-child {
    padding-left: 24px !important;
  }
}

.mkui-table-thead>tr:not(.no-first-padding)>th:not(.mkui-table-selection-column) {
  &:first-child {
    padding-left: 24px !important;
  }
} */
.layout-list-header .mkui-tabs-nav-list .mkui-tabs-tab-btn {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.64);
}
.popover-hide-arrow .mkui-popover-arrow {
  display: none !important;
}
.mkui-modal-body .mkui-pagination {
  word-wrap: initial;
}