:root {
  --color: #333;
  --color2: #999;
  --color3: #666;
  --color4: #798188;
  --color5: #eaebed;
  --color6: #e0f1ff;
  --colorMain: #0089ff;
  --colorBai: #fff;
  --colorHui1: #eaebed;
}

* {
  margin: 0;
  padding: 0;
}

.bai {
  background-color: #fff;
}

/* ========== 图片自适应 start ========== */
.pic {
  position: relative;
}

.pic:before {
  display: block;
  content: '';
  padding-top: 60%;
}

.pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center center;
}

/* ========== 图片自适应 end ========== */
/* ========== 框架布局 start ========== */
.system_aside {
  border-right: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  background-color: var(--colorBai);
  position: relative;
  padding: 16px 0;
}

.system_aside_body {
  flex: 1;
  height: 0;
  overflow: hidden;
  overflow-y: auto;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.system_aside_body .ant-menu {
  width: 220px;
}

.system_aside_body.hide {
  padding: 0;
}

.system_aside_body.hide .ant-menu {
  width: 0;
  min-width: 0;
}

.system_aside_body.hide ~ .system_aside_btn {
  display: block;
}

.system_aside_btn {
  display: none;
  width: 16px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: var(--colorBai);
  background: #dadee3;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 5;
  border-radius: 0 15px 15px 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}

.system_aside_btn:hover {
  background-color: var(--colorMain);
}

.system_aside:hover .system_aside_btn {
  display: block;
}

.system_main_header {
  margin: 16px 16px 0;
}

.top_header1 {
  margin: 0 16px 16px;
}

.top_header2 {
  margin: 0 16px 6px;
}

.system_main {
  flex: 1;
  width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.system_main_body {
  flex: 1;
  height: 0;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}

.system_main_body2 {
  overflow: hidden;
  flex: 1;
  height: 0;
  position: relative;
  margin: 0 16px 16px;
  padding: 16px 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}

.system_main_body3 {
  overflow: hidden;
  flex: 1;
  height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}

.system_flex {
  height: 100%;
  display: flex;
  flex-direction: row;
}

.system_flex2 {
  overflow: hidden;
  height: calc(100% - 32px);
  display: flex;
  flex-direction: row;
  margin: 16px 16px 0;
  padding: 16px 0;
  background-color: #fff;
  border-radius: 4px;
}

.system_flex_column {
  display: flex;
  flex-direction: column;
}

.system_flex_row {
  display: flex;
  flex-direction: row;
}

.flex_space_between {
  display: flex;
  justify-content: space-between;
}

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex_start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flex_end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flex_1 {
  flex: 1;
}

.arow_html {
  height: 100%;
  overflow: hidden;
}

.arow_html > .ant-col {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.body_header1 {
  padding: 10px 16px;
  background-color: #fff;
}

.arow_html .arow_main {
  flex: 1;
  height: 0;
  overflow: hidden;
  background-color: #fff;
  padding: 16px 0;
}

.arow_html .arow_body {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 16px;
}

.jeecg-layout-content.jeecg-layout-content {
  height: 0;
}

.layout_style1 {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}

.drawer_base .layout_style1 .table_base .ant-form {
  padding: 0 !important;
}

.fl {
  float: left;
  display: inline;
}

/* ========== 框架布局 end ========== */
/* ========== 框架布局样式1 start ========== */
/* .jeecg-layout-content.jeecg-layout-content{padding: 16px 0 0;}
.jeecg-layout-mix-sider.jeecg-layout-mix-sider { top: 16px; left: 16px; height: calc(100% - 32px); border-radius: 10px; }
.jeecg-layout-mix-sider-menu-list.jeecg-layout-mix-sider-menu-list{height: calc(100% - 32px);top: 16px;left: 96px !important;border-radius: 0 10px 10px 0;overflow: hidden;}
.jeecg-layout-mix-sider-dom.jeecg-layout-mix-sider-dom {margin-right: 16px;}
.jeecg-basic-table-form-container.jeecg-basic-table-form-container { padding: 16px; }
.jeecg-layout-multiple-header.jeecg-layout-multiple-header { top: 16px !important;right: 16px !important; display: flex;flex-direction: column;align-items: flex-end;}
.jeecg-layout-header.jeecg-layout-header { border-radius: 10px 10px 0 0;width: calc(100% - 48px) !important;}
.jeecg-multiple-tabs.jeecg-multiple-tabs { border-radius: 0 0 10px 10px;overflow: hidden; width: calc(100% - 48px) !important;}
.system_flex2{border-radius: 10px;} */
/* ========== 框架布局样式1 end ========== */
/* ========== 框架布局样式2 start ========== */
/* .ant-layout.ant-layout{background-color: #fff;}
.jeecg-layout-content.jeecg-layout-content{background: #f0f2f5;border-radius: 30px 0 0 30px;}
.jeecg-layout-mix-sider.light.light .jeecg-layout-mix-sider-trigger,
.jeecg-layout-mix-sider.jeecg-layout-mix-sider .jeecg-layout-mix-sider-logo.jeecg-layout-mix-sider-logo{border: 0;}
.jeecg-layout-header--light.jeecg-layout-header--light{border-left: 0;}
.jeecg-layout-mix-sider.light.light .jeecg-layout-mix-sider-menu-list__content,
.jeecg-multiple-tabs.jeecg-multiple-tabs.jeecg-multiple-tabs{box-shadow: none;-webkit-box-shadow: none;border: 0;}
.ant-tabs-nav.ant-tabs-nav::before{display: none;}
.system_flex2.system_flex2{border-radius: 16px;}
.system_atabs1.ant-tabs .ant-tabs-content-holder.ant-tabs-content-holder{border-radius: 0 0 16px 16px;} */
/* ========== 框架布局样式2 end ========== */
/* ========== 框架布局样式3 start ========== */
.jeecg-layout-mix-sider.light .jeecg-layout-mix-sider-trigger,
.jeecg-layout-mix-sider {
  background-color: #1890ff !important;
  color: #fff !important;
}

.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before,
.jeecg-multiple-tabs,
.jeecg-layout-mix-sider.light.open > .scrollbar {
  border: none !important;
}

.jeecg-layout-mix-sider.light .jeecg-layout-mix-sider-logo,
.jeecg-layout-mix-sider.light .jeecg-layout-mix-sider-trigger {
  border: none !important;
}

.jeecg-layout-mix-sider.light .jeecg-layout-mix-sider-module__item {
  color: #fff !important;
  padding: 6px 12px;
  /* display: flex; */
  margin-bottom: 10px;
}

.jeecg-layout-mix-sider.light .jeecg-layout-mix-sider-module__name {
  font-size: 13px;
  /* text-align: left; */
}

.jeecg-layout-mix-sider.light.mini .jeecg-layout-mix-sider-module__item {
  justify-content: center;
}

.jeecg-layout-mix-sider.light .jeecg-layout-mix-sider-module__icon {
  margin: 0;
  width: 35px;
}

.jeecg-layout-mix-sider.light .jeecg-layout-mix-sider-module__icon svg {
  font-size: 16px;
}

.jeecg-layout-mix-sider.light .jeecg-layout-mix-sider-module__item--active {
  background-color: #fff !important;
  color: rgba(0, 0, 0, 0.65) !important;
  border-radius: 8px 0 0 8px;
}

.jeecg-menu-light.jeecg-menu-vertical .jeecg-menu-item-active:not(.jeecg-menu-submenu)::after {
  display: none !important;
}

.jeecg-layout-mix-sider.light.mini .jeecg-layout-mix-sider-module__name {
  white-space: nowrap;
}

.jeecg-menu-vertical .jeecg-menu-item,
.jeecg-menu-vertical .jeecg-menu-submenu-title {
  font-size: 13px;
}

.jeecg-menu-item .jeecg-simple-menu-sub-title {
  white-space: break-spaces;
}

.jeecg-layout-mix-sider.light.open .jeecg-layout-mix-sider-menu-list__title {
  padding-left: 20px;
  font-size: 14px;
}

.jeecg-layout-header--light {
  border-left: none !important;
}

.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap {
  padding: 0 !important;
  margin: 0 !important;
}

.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs-small,
.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav {
  height: 40px !important;
}

.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .jeecg-multiple-tabs-content__extra-quick,
.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .jeecg-multiple-tabs-content__extra-redo,
.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .jeecg-multiple-tabs-content__extra-fold,
.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card {
  height: 40px !important;
  line-height: 40px !important;
}

.jeecg-multiple-tabs.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav > div:nth-child(1) .ant-tabs-tab {
  margin: 0 !important;
}

.jeecg-layout-mix-sider.light .jeecg-layout-mix-sider-menu-list__content {
  box-shadow: none !important;
}

.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab {
  padding: 0 20px !important;
}

.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  width: 0 !important;
}

.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon-close {
  left: 0 !important;
}

.jeecg-multiple-tabs.jeecg-multiple-tabs--theme-card .ant-tabs.ant-tabs-card .ant-tabs-nav {
  padding-left: 0 !important;
}

/* ========== 框架布局样式3 end ========== */
/* ========== 弹窗 start ========== */
.ant-modal-wrap.hui .ant-modal-body {
  background-color: #eaebed;
}

.modal_base .scroll-container .scrollbar__wrap {
  margin-bottom: 0 !important;
}

.modal_base.ant-modal-wrap .ant-modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.modal_base.ant-modal-wrap .ant-modal-body {
  flex: 1;
  height: 0;
}

.modal_base.height100 .scroll-container .scrollbar__view > div,
.modal_base.height100 .scroll-container .scrollbar__view {
  height: 100% !important;
  max-height: 100% !important;
  min-height: auto !important;
}

.modal_base .ant-input-number {
  width: 100%;
}

.modal_base .ant-picker {
  width: 100%;
}

.modal_base .ant-picker-range .ant-picker-input > input {
  text-align: center;
}

.modal_base .jeecg-modal-content > .scroll-container {
  padding: 0 0 16px;
}

.modal_base.pd0 .jeecg-modal-content > .scroll-container {
  padding: 0;
}

/* 颜色选择弹窗 start */
.modal_colorPicker .ant-modal-close,
.modal_colorPicker .ant-modal-header {
  display: none;
}

.modal_colorPicker.modal_base .jeecg-modal-content > .scroll-container {
  padding: 0 !important;
}

.modal_colorPicker .ant-modal-footer {
  background: #242c3e;
  border: none;
  padding-top: 0;
}

.modal_colorPicker .ant-btn-sm {
  font-size: 12px;
}
.footerCenter .ant-modal-footer > div {
  display: flex;
  justify-content: center;
}
/* 颜色选择弹窗 end */
/* ========== 弹窗 end ========== */
/* ========== 抽屉 start ========== */
.drawer_base.drawer_warp.ant-drawer {
  margin: 16px;
  height: calc(100% - 32px);
}

.drawer_base.drawer_warp.ant-drawer.ant-drawer-open {
  width: calc(100% - 32px);
}

.drawer_base .ant-drawer-content {
  overflow: hidden;
}

.drawer_base.drawer_warp.ant-drawer .ant-drawer-content-wrapper {
  box-shadow: none;
}

.drawer_base.drawer_warp.ant-drawer .ant-drawer-header {
  height: 60px;
  border-top: 0;
  padding: 16px;
}

.drawer_base.height100 .scroll-container .scrollbar__view {
  height: 100%;
}

.drawer_base.pdlr0 .ant-drawer-body .scrollbar__wrap {
  padding: 16px 0 !important;
}

.drawer_base.pd0 .ant-drawer-body .scrollbar__wrap {
  padding: 0 !important;
}

.drawer_base.conpd0 .ant-drawer-body .scrollbar__wrap {
  padding: 0 !important;
}

.drawer_base.conpd0 .ant-drawer-body .scrollbar__wrap > .scrollbar__view > .FullPageHtml {
  padding: 0 !important;
}

.drawer_base.pdlr16 .ant-drawer-body .scrollbar__wrap {
  padding: 0 16px !important;
}

.drawer_base.pdtb16 .ant-drawer-body .scrollbar__wrap {
  padding: 16px 0 !important;
}

.drawer_base .jeecg-basic-drawer-header__toolbar {
  padding-right: 16px;
}

.drawer_base .jeecg-basic-drawer-header__toolbar .ant-btn {
  margin-left: 10px;
}

.drawer_style2 .ant-drawer-header {
  padding: 16px;
}

.drawer_style2 .ant-drawer-header-title {
  position: relative;
}

.drawer_style2 .ant-drawer-close {
  position: absolute;
  right: 0;
  margin: auto;
  z-index: 10;
}

.drawer_base.jeecg-basic-drawer__detail .ant-drawer-header {
  padding: 0 16px;
}

.drawer_base.jeecg-basic-drawer__detail .jeecg-basic-drawer-header__back {
  padding-left: 0;
}

.drawer_base .ant-picker {
  width: 100%;
}

.footerUiCenter .jeecg-basic-drawer-footer {
  padding: 0 20px;
  justify-content: center;
  display: flex;
  justify-content: center;
}

.footerUiCenter .jeecg-basic-drawer-footer > * {
  margin: 0;
}

.headerUipdlr0.drawer_base .ant-drawer-header {
  padding: 0 16px;
}

/* ========== 抽屉 end ========== */
/* ========== 图标 start ========== */
.anticon {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ========== 图标 end ========== */
/* ========== 按钮 start ========== */
.ant-btn {
  display: flex;
  align-items: center;
}

.headerLeft .ant-btn {
  margin-right: 10px;
  margin-bottom: 5px;
}

.headerRight .ant-btn {
  margin-left: 10px;
  margin-bottom: 5px;
}

.headerCenter .ant-btn {
  margin: 0 5px;
}

/* ========== 按钮 end ========== */
/* ========== 间距 start ========== */
.pd0.pd0 {
  padding: 0;
}

.pd16.pd16 {
  padding: 16px;
}

.pdt0.pdt0 {
  padding-top: 0;
}

.pdb0.pdb0 {
  padding-bottom: 0;
}

.pdb16.pdb16 {
  padding-bottom: 16px;
}

.pdt16.pdt16 {
  padding-top: 16px;
}

.pdt20.pdt20 {
  padding-top: 20px;
}

.pdtb16.pdtb16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pdtbr16.pdtbr16 {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
}

.pdlr16.pdlr16 {
  padding-left: 16px;
  padding-right: 16px;
}

.pdlr32.pdlr32 {
  padding-left: 32px;
  padding-right: 32px;
}

.mg0.mg0 {
  margin: 0;
}

.mg16.mg16 {
  margin: 16px;
}

.mglr16.mglr16 {
  margin-left: 16px;
  margin-right: 16px;
}

.mgt0.mgt0 {
  margin-top: 0;
}

.mgt6.mgt6 {
  margin-top: 6;
}

.mgl10.mgl10 {
  margin-left: 10px;
}

.mgl_10.mgl_10 {
  margin-left: -10px;
}

.mgl12.mgl12 {
  margin-left: 12px;
}

.mgl16.mgl16 {
  margin-left: 16px;
}

.mgr16.mgr16 {
  margin-right: 16px;
}

.mgb0.mgb0 {
  margin-bottom: 0;
}

.mgb16.mgb16 {
  margin-bottom: 16px;
}

.mgtlr16.mgtlr16 {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
}

/* ========== 间距 end ========== */
/* ========== 宽高 start ========== */
.height100.height100 {
  height: 100%;
}

.h16 {
  height: 16px;
}

/* ========== 宽高 end ========== */
/* ========== 表单 start ========== */
.ant-form .ant-input-number,
.formWidth100 .ant-select {
  width: 100%;
}

.ant-form .ant-col {
  max-width: 100%;
}

.selectUiStyle1.ant-select {
  padding: 10px 0;
  min-width: 200px;
}

/* ========== 表单 end ========== */
/* ========== 树 start ========== */
.treeH100 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.treeH100 > .jeecg-tree-header {
  padding: 10px 16px;
  display: flex;
}

.treeH100 > .jeecg-tree-header > .ant-btn {
  margin-right: 8px;
  padding: 4px 8px;
}

.treeH100 > .jeecg-tree-header > .ant-btn > .anticon + span,
.treeH100 > .jeecg-tree-header > .ant-btn > span + .anticon {
  margin-left: 4px;
}

.treeH100 > .jeecg-tree-header > .items-center {
  display: flex;
}

.treeH100 > .jeecg-tree-header > .items-center > .w-full {
  flex: 1;
}

.treeH100 > .jeecg-tree-header > .items-center > * {
  margin: 0;
}

.treeH100 > .ant-spin-nested-loading {
  flex: 1;
  height: 0;
  overflow: hidden;
  overflow-y: auto;
  padding: 10px 16px 10px 10px;
}

.treeH100 .ant-input-affix-wrapper > input.ant-input {
  height: 30px;
}

.treeH100 .ant-input-group-addon .ant-btn {
  height: 32px;
}

.treeH100.jeecg-tree .ant-tree-node-content-wrapper .ant-tree-title {
  white-space: unset;
  position: relative;
}

.treeH100.jeecg-tree .ant-tree-node-content-wrapper .ant-tree-title .jeecg-tree__title {
  align-items: flex-start;
  line-height: 20px;
}

.treeH100.jeecg-tree .ant-tree-node-content-wrapper .ant-tree-title .jeecg-tree__actions {
  position: relative;
  margin-left: 4px;
}

.treeH100.jeecg-tree .ant-tree-node-content-wrapper .ant-tree-title .anticon {
  margin-top: 1px;
}

.treeH100.jeecg-tree .ant-tree-switcher {
  line-height: 18px;
}

/* ========== 树 end ========== */
/* ========== 描述列表 start ========== */
.baseDescription .ant-select {
  width: 100%;
  cursor: default !important;
}

.baseDescription .ant-select-selector {
  border: none !important;
  pointer-events: none;
  padding: 0 !important;
}

.baseDescription .ant-select-clear,
.baseDescription .ant-select-arrow {
  display: none;
}

/* ========== 描述列表 end ========== */
/* ========== 内容 start ========== */
.contentUiStyle1 {
  padding: 5px 0;
  display: flex;
}

.contentUiStyle1 .title {
  font-size: 14px;
  color: #999;
  line-height: 30px;
}

.contentUiStyle1 .text {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}

/* ========== 内容 end ========== */