@charset "UTF-8";
.nSubMenu svg, .arch-nav svg {
  pointer-events: none;
}

/* main-app导航 start */
.mainapp-nMenuBox .asideLogoBox {
  width: 68px;
  height: 68px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mainapp-nMenuBox .ep-asideLogo {
  vertical-align: middle !important;
  max-width: 68px;
}

.mainapp-nMenuBox {
  width: 168px;
  padding-top: 26px;
  background: #202340;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
}

.mainapp-nMenuBox .nSubMenu .nSubMenu__item {
  width: 100%;
  cursor: pointer;
  height: 40px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #FFFFFF;
  text-align: center;
  position: relative;
  padding: 0 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.mainapp-nMenuBox .nSubMenu .nSubMenu__item:hover {
  background: rgba(255, 255, 255, 0.1);
}
.mainapp-nMenuBox .nSubMenu .nSubMenu__item .dynamicMenuCloseBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  position: absolute;
  right: 8px;
  background: rgba(255, 255, 255, 0.2);
}

.mainapp-nMenuBox .nSubMenu .nSubMenu__item.isItem_active {
  color: #6373FF;
  background: rgba(99, 115, 255, 0.2);
  font-weight: bold;
}

.mainapp-nMenuBox .nSubMenu .nSubMenu__item .imgBox {
  display: inline-block;
  width: 16px;
  height: 18px;
  z-index: 10;
  margin-right: 8px;
}

.mainapp-nMenuBox .nSubMenu .nSubMenu__item::before {
  content: "";
  display: block;
  width: 4px;
  height: 50px;
  background: transparent;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}

/* main-app导航 end */
/* -- sideBar start -- */
/* 菜单icon start */
.fill-N5 {
  color: #C3C5D9;
  fill: currentColor;
}

.fill-N6 {
  color: #8E92B3;
  fill: currentColor;
}

.fill-N7 {
  color: #565B85;
  fill: currentColor;
}

.fill-N10 {
  color: #C0C2D1;
  fill: currentColor;
}

.stroke-N5 {
  color: #C3C5D9;
  stroke: currentColor;
}

.stroke-N6 {
  color: #8E92B3;
  stroke: currentColor;
}

.stroke-N7 {
  color: #565B85;
  stroke: currentColor;
}

.stroke-N10 {
  color: #C0C2D1;
  stroke: currentColor;
}

.arch-nav .active-icon .fill-N5 {
  color: #6373FF;
  fill: currentColor;
}

.arch-nav .active-icon .fill-N6 {
  color: #B1B9FF;
  fill: currentColor;
}

.arch-nav .active-icon .fill-N7 {
  color: #FFFFFF;
  fill: currentColor;
}

.arch-nav .active-icon .fill-N10 {
  color: #6373FF;
  fill: currentColor;
}

.arch-nav .active-icon .stroke-N5 {
  color: #6373FF;
  stroke: currentColor;
}

.arch-nav .active-icon .stroke-N6 {
  color: #B1B9FF;
  stroke: currentColor;
}

.arch-nav .active-icon .stroke-N7 {
  color: #FFFFFF;
  stroke: currentColor;
}

.arch-nav .active-icon .stroke-N10 {
  color: #6373FF;
  stroke: currentColor;
}

/* 菜单icon end */
.ep-aside.arch-nav {
  z-index: 1;
  background: #FFFFFF !important;
  box-shadow: 2px 0px 4px 0px rgba(148, 148, 148, 0.12);
}

.arch-nav .side-bar {
  /* position: relative; */
  height: calc(100% - 50px);
  float: left;
  color: #FFFFFF;
  overflow: auto;
  overflow-x: hidden;
  margin: 18px 8px;
  transition: all 0.5s;
}

.arch-nav .menu-collapsed .ep-sub-menu {
  width: 44px !important;
}

.nSubMenu {
  flex: 1;
  overflow-x: hidden;
  padding: 0 8px;
}
.nSubMenu .dynamicMenuSplitBox {
  padding: 10px 0 20px;
  height: 17px;
  line-height: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.49;
  box-sizing: content-box;
}
.nSubMenu .dynamicMenuSplitBox .dynamicMenuSplit {
  width: 100%;
  border-bottom: 1px solid #979797;
  display: inline-block;
}
.nSubMenu .dynamicMenuSplitBox .dynamicMenuCloseBtn {
  font-size: 12px;
  color: #FFFFFF;
  cursor: pointer;
  display: none;
}
.nSubMenu .dynamicMenuSplitBox:hover .dynamicMenuCloseBtn {
  display: inline-block;
  white-space: nowrap;
  margin-left: 8px;
  text-align: center;
}

.arch-nav .side-bar::-webkit-scrollbar, .nSubMenu::-webkit-scrollbar {
  display: none;
}

.arch-nav .menu-expanded .ep-menu,
.arch-nav .menu-expanded .ep-sub-menu .ep-menu-item {
  min-width: 156px;
}

/* 元素内部大小 */
.arch-nav .ep-menu > .ep-menu-item,
.arch-nav .ep-menu > .ep-sub-menu {
  padding: 0 0px;
  border-radius: 4px;
}

.arch-nav .side-bar > .ep-menu > .ep-menu-item,
.arch-nav .side-bar .ep-sub-menu__title {
  margin-bottom: 8px !important;
  padding-left: 0px !important;
}

.arch-nav .side-bar .ep-menu {
  background: none !important;
  border: none;
}

.arch-nav .side-bar .ep-menu .item-img {
  display: inline-block;
  width: 32px;
  height: 40px;
}

.arch-nav .menu-collapsed .ep-menu--inline {
  display: none !important;
}

.arch-nav .side-bar .ep-menu * {
  font-size: 14px !important;
}

.arch-nav .side-bar .ep-sub-menu .ep-menu * {
  font-size: 13px !important;
}

.arch-nav .menu-collapsed .ep-menu .ep-menu-item .item-img .img-icon,
.arch-nav .menu-collapsed .ep-menu .ep-sub-menu .item-img .img-icon {
  margin-left: 15px;
  margin-right: 60px;
}

.arch-nav .side-bar .ep-menu .item-img .img-icon {
  width: 14px;
  height: 14px;
}

.arch-nav .arch-nav-vertical {
  text-align: left;
  font-size: 0;
}

.arch-nav .side-bar .ep-sub-menu__title,
.arch-nav .side-bar .ep-menu-item {
  padding: 0 0px;
  color: #202340 !important;
  font-size: 14px;
  height: 40px !important;
  line-height: 40px !important;
}

.arch-nav .side-bar .ep-sub-menu .ep-menu-item {
  padding-left: 48px !important;
  background-color: rgba(0, 0, 0, 0.1);
}

.arch-nav .side-bar .ep-sub-menu .ep-sub-menu .ep-sub-menu__title {
  padding-left: 48px !important;
}

.arch-nav .side-bar .ep-sub-menu .ep-menu-item > li label {
  color: #FFFFFF;
}

.arch-nav .side-bar .ep-sub-menu__title i {
  color: #C3C5D9;
}

.arch-nav .side-bar .ep-sub-menu.is-active .ep-sub-menu__title i {
  color: #6373FF;
}

.arch-nav .side-bar .ep-sub-menu__title .ep-sub-menu__icon-arrow {
  transform: scale(0.5);
  position: absolute;
  right: 12px;
}

.arch-nav .ep-sub-menu__icon-arrow {
  margin-top: -1px;
}

.arch-nav .side-bar .ep-menu .ep-menu-item:focus,
.arch-nav .side-bar .ep-menu .ep-menu-item:hover,
.arch-nav .side-bar .ep-menu .ep-sub-menu__title:focus,
.arch-nav .side-bar .ep-menu .ep-sub-menu__title:hover {
  background-color: #0c788c;
}

.arch-nav .ep-sub-menu__icon-arrow {
  font-family: "iconfont" !important;
  color: #C3C5D9 !important;
}
.arch-nav .ep-sub-menu__icon-arrow svg {
  display: none;
  width: 11.6px;
  height: 7px;
}

.arch-nav .is-active .ep-sub-menu__icon-arrow {
  color: #C3C5D9 !important;
}

.arch-nav .ep-sub-menu .ep-sub-menu__icon-arrow {
  width: 12px;
  height: 7px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPuWIh+eJhzwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0iYXV0byIgaWQ9ImZpbHRlci0xIj4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUdyYXBoaWMiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuNzUyOTQxIDAgMCAwIDAgMC43NjA3ODQgMCAwIDAgMCAwLjgxOTYwOCAwIDAgMCAxLjAwMDAwMCAwIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i5aSa57uE57uH5aSa5Yy65Z+f57uG57KS5bqm566h55CGIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5L6n6L655a+86IiqIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjI5LjAwMDAwMCwgLTM0MS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IjJuZC1uYXYt6YCa6KGM5aSH5Lu9LTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY4LjAwMDAwMCwgNDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i6Lev5b6E5aSH5Lu9LTE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgMjc4LjAwMDAwMCkiIGZpbHRlcj0idXJsKCNmaWx0ZXItMSkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1OC4wMDAwMDAsIDE4LjMxNTc4OSkgcm90YXRlKC0zNjAuMDAwMDAwKSB0cmFuc2xhdGUoLTE1OC4wMDAwMDAsIC0xOC4zMTU3ODkpIHRyYW5zbGF0ZSgxNTMuMDAwMDAwLCAxNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUuNzQ3Nzk0NzgsMC44NDIyNTMwNjYgTDguNTIyNjc5MDIsMy45Njc2NDkgQzguODg5MzU3NCw0LjM4MDY0NDY2IDguODUxODA5ODQsNS4wMTI2OTUzNCA4LjQzODgxNDE5LDUuMzc5MzczNzMgQzguMjU1ODE4Miw1LjU0MTg0NjggOC4wMTk1OTg0Miw1LjYzMTU3ODk1IDcuNzc0ODg0MjQsNS42MzE1Nzg5NSBMMi4yMjUxMTU3Niw1LjYzMTU3ODk1IEMxLjY3MjgzMTAxLDUuNjMxNTc4OTUgMS4yMjUxMTU3Niw1LjE4Mzg2MzcgMS4yMjUxMTU3Niw0LjYzMTU3ODk1IEMxLjIyNTExNTc2LDQuMzg2ODY0NzcgMS4zMTQ4NDc5MSw0LjE1MDY0NDk5IDEuNDc3MzIwOTgsMy45Njc2NDkgTDQuMjUyMjA1MjIsMC44NDIyNTMwNjYgQzQuNjE4ODgzNiwwLjQyOTI1NzQxNCA1LjI1MDkzNDI5LDAuMzkxNzA5ODQ4IDUuNjYzOTI5OTQsMC43NTgzODgyMzEgQzUuNjkzNTE5NSwwLjc4NDY1OTMyOSA1LjcyMTUyMzY4LDAuODEyNjYzNTE0IDUuNzQ3Nzk0NzgsMC44NDIyNTMwNjYgWiIgaWQ9IuS4ieinkuW9ouWkh+S7vS01IiBmaWxsPSIjQzBDMkQxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjAwMDAwMCwgMi44MTU3ODkpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC01LjAwMDAwMCwgLTIuODE1Nzg5KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: cover;
}
.arch-nav .ep-sub-menu.is-active > .ep-sub-menu__title > .ep-sub-menu__icon-arrow {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPuWIh+eJhzwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0iYXV0byIgaWQ9ImZpbHRlci0xIj4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUdyYXBoaWMiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMzg4MjM1IDAgMCAwIDAgMC40NTA5ODAgMCAwIDAgMCAxLjAwMDAwMCAwIDAgMCAxLjAwMDAwMCAwIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i5aSa57uE57uH5aSa5Yy65Z+f57uG57KS5bqm566h55CGIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i6aG26YOo5a+86IiqMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMDUuMDAwMDAwLCAtNDMxLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0ibmF25aSH5Lu9LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgNDEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Iui3r+W+hOWkh+S7vS0xNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA2MC4wMDAwMDAsIDExLjAwMDAwMCkiIGZpbHRlcj0idXJsKCNmaWx0ZXItMSkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg1LjAwMDAwMCwgMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01Ljc0Nzc5NDc4LDAuODQyMjUzMDY2IEw4LjUyMjY3OTAyLDMuOTY3NjQ5IEM4Ljg4OTM1NzQsNC4zODA2NDQ2NiA4Ljg1MTgwOTg0LDUuMDEyNjk1MzQgOC40Mzg4MTQxOSw1LjM3OTM3MzczIEM4LjI1NTgxODIsNS41NDE4NDY4IDguMDE5NTk4NDIsNS42MzE1Nzg5NSA3Ljc3NDg4NDI0LDUuNjMxNTc4OTUgTDIuMjI1MTE1NzYsNS42MzE1Nzg5NSBDMS42NzI4MzEwMSw1LjYzMTU3ODk1IDEuMjI1MTE1NzYsNS4xODM4NjM3IDEuMjI1MTE1NzYsNC42MzE1Nzg5NSBDMS4yMjUxMTU3Niw0LjM4Njg2NDc3IDEuMzE0ODQ3OTEsNC4xNTA2NDQ5OSAxLjQ3NzMyMDk4LDMuOTY3NjQ5IEw0LjI1MjIwNTIyLDAuODQyMjUzMDY2IEM0LjYxODg4MzYsMC40MjkyNTc0MTQgNS4yNTA5MzQyOSwwLjM5MTcwOTg0OCA1LjY2MzkyOTk0LDAuNzU4Mzg4MjMxIEM1LjY5MzUxOTUsMC43ODQ2NTkzMjkgNS43MjE1MjM2OCwwLjgxMjY2MzUxNCA1Ljc0Nzc5NDc4LDAuODQyMjUzMDY2IFoiIGlkPSLkuInop5LlvaLlpIfku70tNSIgZmlsbD0iI0MwQzJEMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDIuODE1Nzg5KSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtNS4wMDAwMDAsIC0yLjgxNTc4OSkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}

.arch-nav .menu-collapsed .ep-sub-menu__icon-arrow {
  display: none;
}

.arch-nav .menu-collapsed .ep-sub-menu__icon-arrow:before {
  content: "";
}

.arch-nav .sidebar-collapse-img {
  position: absolute;
  left: 176px;
  top: 5px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: all 0.5s;
}

.arch-nav .sidebar-collapse-img-close {
  left: 48px;
}

.ep-menu--vertical {
  background: #FFFFFF !important;
  border-radius: 4px !important;
}

.ep-menu--vertical .ep-menu-item {
  color: #202340 !important;
  height: 32px !important;
  line-height: 32px !important;
  margin-bottom: 2px !important;
  padding-left: 12px !important;
  border-radius: 4px !important;
}

.ep-menu--vertical .ep-menu-item.is-active {
  background: rgba(99, 115, 255, 0.1) !important;
  color: #6373FF !important;
}

.ep-menu--vertical .ep-menu-item:hover {
  background: rgba(99, 115, 255, 0.1) !important;
}

.ep-popper.arch-nav-vertical-collapsed {
  left: 257px !important;
  border: none !important;
  box-shadow: 0px 2px 8px 0px rgba(148, 148, 148, 0.2) !important;
}

.ep-menu--vertical .ep-menu {
  min-width: 132px !important;
}

.ep-menu--vertical.arch-nav-vertical-collapsed {
  padding: 8px 12px !important;
}
.ep-menu--vertical.arch-nav-vertical-collapsed .ep-menu--popup {
  box-shadow: none;
}

.ep-menu--vertical.arch-nav-vertical-collapsed-third .ep-menu.ep-menu--popup-right-start {
  padding: 8px 12px !important;
}

.ep-menu--vertical .ep-menu * {
  font-size: 14px !important;
  /* background-color: green; */
}

.ep-menu--vertical .dot-menu {
  display: none !important;
}

.ep-menu--vertical .ep-menu--popup {
  box-sizing: border-box;
}

.ep-menu--popup-right-start {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.arch-nav .menu-collapsed .sidebar-collapse-img {
  transform: rotateZ(180deg);
}

.ep-sub-menu.is-opened > .ep-sub-menu__title .ep-sub-menu__icon-arrow {
  transform: rotateZ(180deg) scale(1) !important;
}

.arch-nav .menu-collapsed .nav-title {
  display: none !important;
}

.arch-nav .menu-collapsed,
.arch-nav .menu-collapsed .ep-menu--collapse,
.arch-nav .menu-collapsed .ep-menu--collapse .ep-sub-menu {
  width: 44px;
}

.arch-nav .side-bar .ep-menu-item,
.arch-nav .side-bar .ep-sub-menu {
  background: transparent !important;
  color: #202340 !important;
}

.arch-nav .side-bar .ep-sub-menu .ep-sub-menu__title {
  border-radius: 4px;
}

.arch-nav .side-bar .ep-sub-menu.is-active .ep-sub-menu__title {
  color: #202340 !important;
  background-color: rgba(99, 115, 255, 0.1) !important;
}

.arch-nav .side-bar .ep-sub-menu.is-active.is-opened .ep-sub-menu__title {
  color: #202340 !important;
  background-color: transparent !important;
}

.arch-nav .side-bar .ep-sub-menu .ep-menu {
  margin-bottom: 8px;
}

.arch-nav .side-bar.ep-sub-menu is-opened .ep-menu elmenu--inline {
  position: relative;
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.arch-nav .side-bar .ep-sub-menu__title:hover,
.arch-nav .side-bar .ep-menu-item:hover {
  background: #F4F5F7 !important;
  color: #202340 !important;
}

.arch-nav .side-bar .ep-menu-item.is-active {
  background: rgba(99, 115, 255, 0.1) !important;
  color: #6373FF !important;
}

.arch-nav .menu-expanded .arch-nav-vertical .img-icon {
  margin-left: 12px;
  margin-top: 0px;
  width: 14px;
}

.arch-nav .ep-sub-menu__title *, .arch-nav .ep-menu-item * {
  vertical-align: middle;
}

.arch-nav .menu-collapsed .ep-menu .ep-menu-item .item-img .img-icon {
  margin-top: 0px;
}

.arch-nav .menu-expanded .arch-nav-vertical .dot-menu {
  height: 4px;
  width: 4px;
  margin-right: 4px;
}

.arch-nav .menu-collapsed .ep-menu {
  border: none;
}

.arch-nav .menu-collapsed .ep-menu,
.arch-nav .menu-collapsed .ep-menu--collapse .ep-sub-menu {
  position: static;
}

.arch-nav .menu-collapsed .ep-menu--collapse .ep-sub-menu .ep-menu {
  /* 留padding为了不让hover时的边缘尖角覆盖2px的border-radius的效果 */
  position: absolute;
  height: auto;
  width: auto;
  padding: 4px 0 4px;
  left: 60px;
  margin-left: 0;
  border: none;
}

.arch-nav .menu-collapsed .ep-menu--collapse .ep-sub-menu .ep-menu::before {
  /* 填充hover后的子菜单框和侧边栏之间4px的距离，否则鼠标滑过时hover效果消失 */
  position: absolute;
  /* display: block; */
  height: 100%;
  width: 4px;
  top: 0;
  left: -4px;
  background-color: transparent;
}

.arch-nav .menu-collapsed .ep-menu--collapse .ep-sub-menu .ep-menu .ep-menu-item {
  width: 160px;
}

.arch-nav .menu-collapsed .ep-sub-menu__title {
  padding: 13px 13px;
  padding-left: 0px !important;
  /* line-height: 30px; */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arch-nav .menu-collapsed .img-nosub-collapsed {
  width: 20px;
  /* height: 21px; */
}

.ep-aside.arch-nav .menu-expanded {
  width: 176px;
}

.arch-nav .menu-expanded .arch-nav-vertical .img-icon {
  margin-left: 15px !important;
}

.arch-nav .nav-title {
  margin-left: 10px;
}

.nav-3th-title {
  padding-left: 8px;
}

.arch-nav .side-bar .arch-nav-vertical .ep-sub-menu.is-active > .ep-sub-menu__title {
  color: #6373FF !important;
  background-color: transparent !important;
}

.arch-nav .ep-sub-menu.is-active > .ep-sub-menu__title > .ep-sub-menu__icon-arrow {
  color: #6373FF !important;
}

.arch-nav-vertical-collapsed {
  max-width: 180px !important;
}
.arch-nav-vertical-collapsed .ep-popper.arch-nav-vertical-collapsed-third {
  margin-left: 12px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.arch-nav-vertical-collapsed .ep-menu {
  min-width: auto !important;
}
.arch-nav-vertical-collapsed .ep-menu > .ep-sub-menu:last-child {
  margin-bottom: 3px;
}
.arch-nav-vertical-collapsed .ep-menu .ep-sub-menu {
  margin-bottom: 3px;
  border-radius: 4px;
}
.arch-nav-vertical-collapsed .ep-menu .ep-sub-menu.is-opened > .ep-sub-menu__title .ep-sub-menu__icon-arrow {
  transform: rotateZ(180deg) scale(1) !important;
}
.arch-nav-vertical-collapsed .ep-menu .ep-sub-menu.is-active .ep-sub-menu__title {
  background: rgba(99, 115, 255, 0.1) !important;
  border-radius: 4px !important;
  color: #6373FF;
}
.arch-nav-vertical-collapsed .ep-menu .ep-sub-menu .ep-menu-item {
  min-width: auto;
  padding-right: 12px;
}
.arch-nav-vertical-collapsed .ep-menu .ep-sub-menu .ep-sub-menu__title {
  padding: 0 10px;
  padding-right: 18px;
  padding-left: 10px !important;
  height: 40px;
  line-height: 40px;
}
.arch-nav-vertical-collapsed .ep-menu .ep-sub-menu .ep-sub-menu__title .nav-2th-title {
  padding-left: 0px;
}
.arch-nav-vertical-collapsed .ep-menu .ep-sub-menu .ep-sub-menu__title .ep-sub-menu__icon-arrow {
  width: 16px;
  font-size: 14px;
  right: 0px;
}
.arch-nav-vertical-collapsed .ep-menu .ep-sub-menu .ep-sub-menu__title:hover {
  background-color: rgba(99, 115, 255, 0.1) !important;
}

/* -- sideBar end -- */
/* 按钮样式 */
.arch-style .arch-primary-btn {
  height: 36px !important;
  background: #6373FF !important;
  border-radius: 4px !important;
  color: #FFFFFF !important;
  border: none !important;
  font-size: 14px !important;
  padding: 0 18px !important;
}

.arch-style .arch-primary-btn:hover {
  background: #7A87FF !important;
  box-shadow: none !important;
  border: none !important;
}

.arch-style .arch-primary-btn:active {
  background: #5461D9 !important;
  box-shadow: none !important;
  border: none !important;
}

.arch-style .arch-default-btn {
  height: 36px !important;
  background: #FFFFFF !important;
  border-radius: 4px !important;
  color: #6373FF !important;
  border: 1px solid #6373FF !important;
  font-size: 14px !important;
  padding: 0 18px !important;
}

.arch-style .arch-default-btn:hover {
  background: #FFFFFF !important;
  box-shadow: none !important;
  color: #7A87FF !important;
  border: 1px solid #7A87FF !important;
}

.arch-style .arch-default-btn:active {
  background: #FFFFFF !important;
  box-shadow: none !important;
  color: #5461D9 !important;
  border: 1px solid #5461D9 !important;
}

body .el-switch .el-switch__core {
  border-color: #C3C5D9;
  background-color: #C3C5D9;
  width: 44px !important;
  height: 21px !important;
}
body .el-switch.is-checked .el-switch__core {
  border-color: #6373FF;
  background-color: #6373FF;
}
body .el-switch.L .el-switch__core {
  width: 44px !important;
  height: 21px !important;
}
body .el-switch.L .el-switch__core:after {
  height: 16px;
  width: 16px;
}
body .el-switch.M .el-switch__core {
  width: 28px !important;
  height: 16px !important;
}
body .el-switch.M .el-switch__core:after {
  height: 12px;
  width: 12px;
}
body .el-switch.M.is-checked .el-switch__core:after {
  margin-left: -13px;
}
body .el-switch.S .el-switch__core {
  width: 24px !important;
  height: 12px !important;
}
body .el-switch.S .el-switch__core:after {
  height: 8px;
  width: 8px;
}
body .el-switch.S.is-checked .el-switch__core:after {
  margin-left: -9px;
}
body .el-tree .el-tree-node__content .el-tree-node__label {
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding-left: 6px;
}
body .el-tree .el-tree-node__content > .el-tree-node__expand-icon {
  padding-right: 6px;
}
body .el-tree .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #FFFFFF;
  border-color: #6373FF;
}
body .el-tree .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  background-color: #6373FF;
}
body .el-tree .el-tree-node:focus > .el-tree-node__content {
  background-color: #FFFFFF;
}
body .el-tree .el-tree-node__content:hover {
  background-color: #FFFFFF;
}
body .el-tree .el-tree-node__content:hover .el-tree-node__label {
  background-color: #F7F8FA;
}
body .el-tree .el-tree-node.is-current > .el-tree-node__content {
  background-color: #FFFFFF;
  color: #6373FF;
}
body .el-tree .el-tree-node.is-current > .el-tree-node__content .el-tree-node__label {
  background-color: #F7F8FA;
}
body .el-tag.el-tag--info {
  color: #202340;
  background-color: #EBEDF0;
  font-size: 12px;
}
body .el-tag.el-tag--info .el-tag__close {
  background-color: #EBEDF0;
  color: #8E92B3;
  font-size: 15px;
}
body .el-tag.el-tag--info .el-tag__close:hover {
  background-color: #EBEDF0;
  color: #8E92B3;
}
body .el-button {
  font-weight: 400;
}
body .el-button--text {
  color: #6373FF;
}
body .el-button--default, body .el-button--primary {
  height: 36px;
  background-color: #6373FF;
  border-radius: 3px;
  color: #FFFFFF;
  border: 1px solid #6373FF;
  vertical-align: middle;
  padding: 0 19px;
  font-size: 14px;
  box-shadow: unset;
}
body .el-button--default.weight-button, body .el-button--primary.weight-button {
  background-color: #6373FF;
  color: #FFFFFF;
  border: 1px solid #6373FF;
}
body .el-button--default.search-button, body .el-button--primary.search-button {
  margin-left: -4px;
  border-radius: 0 3px 3px 0;
}
body .el-button--default:hover, body .el-button--default:active, body .el-button--primary:hover, body .el-button--primary:active {
  background-color: #7A87FF;
  border: 1px solid #7A87FF;
  color: #FFFFFF;
}
body .el-button--default:focus, body .el-button--primary:focus {
  background-color: #5461D9;
  border: 1px solid #5461D9;
  color: #FFFFFF;
}
body .el-button--default.is-disabled, body .el-button--primary.is-disabled {
  background-color: #EBEDF0;
  border: 1px solid #EBEDF0;
  color: #D2D2D6;
  box-shadow: unset;
}
body .el-button--default.is-disabled:hover, body .el-button--primary.is-disabled:hover {
  background-color: #EBEDF0;
  border: 1px solid #EBEDF0;
  color: #D2D2D6;
  box-shadow: unset;
}
body .el-button--default.light-button, body .el-button--primary.light-button {
  background-color: #FFFFFF;
  color: #6373FF;
  border: 1px solid #6373FF;
}
body .el-button--default.light-button:hover, body .el-button--default.light-button:active, body .el-button--primary.light-button:hover, body .el-button--primary.light-button:active {
  background-color: #FFFFFF;
  border: 1px solid #7A87FF;
  color: #7A87FF;
}
body .el-button--default.light-button:focus, body .el-button--primary.light-button:focus {
  background-color: #FFFFFF;
  border: 1px solid #5461D9;
  color: #5461D9;
}
body .el-button--default.subtle-button, body .el-button--primary.subtle-button {
  background-color: #FFFFFF;
  color: #202340;
  border: 1px solid #E2E3EE;
  font-size: 14px;
  font-weight: 400;
}
body .el-button--default.subtle-button.L, body .el-button--primary.subtle-button.L {
  height: 36px;
  line-height: 36px;
}
body .el-button--default.subtle-button.M, body .el-button--primary.subtle-button.M {
  height: 34px;
  line-height: 34px;
}
body .el-button--default.subtle-button:hover, body .el-button--primary.subtle-button:hover {
  border: 1px solid #7A87FF;
  color: #7A87FF;
}
body .el-button--default.subtle-button:active, body .el-button--primary.subtle-button:active {
  border: 1px solid #5461D9;
  color: #5461D9;
}
body .el-button--default.subtle-button.is-disabled, body .el-button--primary.subtle-button.is-disabled {
  background-color: #EBEDF0;
  color: #D2D2D6;
  border: 1px solid #EBEDF0;
}
body .confirm-dialog-wrapper-entry {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2001;
}
body .confirm-dialog-wrapper-entry > .confirm-dialog {
  min-height: 188px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  border-radius: 4px;
}
body .confirm-dialog-wrapper-entry > .confirm-dialog > .confirm-dialog-header {
  font-size: 16px;
  font-weight: 600;
  color: #202340;
  height: 46px;
  line-height: 22px;
  border-bottom: 1px solid #EBEDF0;
  padding: 14px 24px;
  box-sizing: border-box;
}
body .confirm-dialog-wrapper-entry > .confirm-dialog > .confirm-dialog-body {
  padding: 24px 24px;
}
body .confirm-dialog-wrapper-entry > .confirm-dialog > .confirm-dialog-body .warnPic {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
body .confirm-dialog-wrapper-entry > .confirm-dialog > .confirm-dialog-body > .dialog-body-text {
  display: inline-block;
}
body .confirm-dialog-wrapper-entry > .confirm-dialog > .confirm-dialog-body > .dialog-body-text2 {
  padding-top: 5px;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #8E92B3;
}
body .confirm-dialog-wrapper-entry > .confirm-dialog > .confirm-dialog-operation {
  padding-bottom: 32px;
  text-align: right;
  padding-right: 32px;
}
body .el-input .el-input__inner {
  height: 36px;
  line-height: 36px;
}
body .el-time-panel__btn.confirm {
  color: #6373FF;
}
body .el-date-editor .el-range__close-icon {
  color: #C0C2D1;
}
body .el-date-editor .el-range__close-icon:hover {
  color: #8E92B3;
}
body .el-input-number--small {
  line-height: 34px;
}
body .el-input-number--small .el-input-number__decrease, body .el-input-number--small .el-input-number__increase {
  height: 34px;
  width: 37px;
}
body .el-input-number--small .el-input-number__decrease:hover, body .el-input-number--small .el-input-number__increase:hover {
  color: #6373FF;
}
body .el-slider__bar {
  background-color: #6373FF;
}
body .el-slider__button {
  border-color: #6373FF;
}
body .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), body .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #6373FF;
}
body .el-input__inner::placeholder {
  color: #C0C2D1;
  font-weight: 400;
}
body .el-input .el-input__clear {
  color: #C0C2D1;
}
body .el-input .el-input__clear:hover {
  color: #8E92B3;
}
body .el-input__inner {
  border: 1px solid #E2E3EE;
  border-radius: 4px;
  padding-left: 12px;
  color: #202340;
  font-weight: 400;
}
body .el-input__inner:hover {
  border-color: #6373FF;
}
body .el-input__inner:focus {
  border-color: #6373FF;
}
body .el-textarea .el-textarea__inner:focus {
  border-color: #6373FF;
}
body .el-textarea .el-input__count {
  color: #C3C5D9;
}
body .el-textarea__inner {
  border-radius: 4px;
  color: #202340;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 14px;
  padding: 8px 12px;
}
body .el-textarea__inner:hover {
  border-color: #6373FF;
}
body .el-textarea.is-disabled .el-textarea__inner {
  color: #202340 !important;
}
body .el-textarea.is-disabled .el-textarea__inner:hover, body .el-textarea.is-disabled .el-textarea__inner:focus {
  border-color: #E2E3EE;
}
body .el-cascader .el-cascader__search-input {
  font-size: 14px;
}
body .el-cascader .el-input__inner {
  height: 36px !important;
}
body .el-input {
  vertical-align: middle;
}
body .el-input.search-input .el-input__inner {
  border-radius: 4px;
}
body .el-input.is-disabled .el-input__inner {
  color: #202340 !important;
  background: #F7F8FA !important;
}
body .el-input.is-disabled .el-input__inner:hover, body .el-input.is-disabled .el-input__inner:focus {
  border-color: #E2E3EE;
}
body .el-select-dropdown__item {
  color: #202340;
}
body .el-select-dropdown__item.selected {
  color: #6373FF;
  font-weight: unset;
}
body .el-select-dropdown__item.hover, body .el-select-dropdown__item:hover {
  background-color: #F7F8FA;
}
body .el-range-editor {
  width: 370px;
  height: 36px;
  vertical-align: middle;
}
body .el-range-editor.is-active {
  border-color: #6373FF;
}
body .el-range-editor.is-active:hover {
  border-color: #6373FF;
}
body .el-range-editor .el-range-input .is-active {
  border-color: #6373FF;
}
body .el-range-editor .el-range-input:hover {
  border-color: #6373FF;
}
body .el-select .el-input.is-disabled .el-input__inner:hover, body .el-select .el-input.is-disabled .el-input__inner:focus {
  border-color: #E2E3EE;
}
body .el-date-editor .el-range-separator {
  line-height: 30px;
  width: unset;
}
body .el-date-table td.current:not(.disabled) span {
  background-color: #6373FF;
}
body .el-date-table td.in-range div,
body .el-date-table td.in-range div:hover,
body .el-date-table.is-week-mode .el-date-table__row.current div,
body .el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #EFF1FF;
}
body .el-date-table td.end-date span, body .el-date-table td.start-date span {
  background-color: #6373FF;
}
body .el-date-table td.available:hover {
  color: #6373FF;
}
body .el-date-table td.today span {
  color: #6373FF;
}
body .el-picker-panel .el-button--default.is-plain:hover, body .el-picker-panel .el-button--primary.is-plain:hover {
  background-color: #7A87FF;
  border: 1px solid #7A87FF;
  color: #FFFFFF;
}
body .el-picker-panel .is-plain:focus {
  background-color: #5461D9;
  border: 1px solid #5461D9;
  color: #FFFFFF;
}
body .el-dialog {
  border-radius: 5px;
}
body .el-radio {
  font-weight: 400;
  color: #202340;
}
body .el-radio__input.is-checked + .el-radio__label {
  color: #202340;
}
body .el-radio-button__inner {
  padding: 10px 20px;
  line-height: 15px;
}
body .el-radio-button__orig-radio:checked .el-radio-button__inner {
  background-color: #6373FF;
  border-color: #6373FF;
  box-shadow: -1px 0 0 0 #6373FF;
}
body .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #202340;
}
body .el-checkbox__input.is-checked,
body .el-checkbox__input .el-checkbox__label {
  color: #6373FF;
}
body .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #6373FF;
  border-color: #6373FF !important;
}
body .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #DCDFD9;
}
body .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #FFFFFF;
  border-color: #6373FF;
}
body .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  background-color: #6373FF;
}
body .el-checkbox {
  font-weight: unset;
  color: #a7a5c2;
}
body .el-checkbox__inner:hover {
  border-color: #6373FF;
}
body .el-carousel__indicator, body .el-carousel__indicator--horizontal {
  padding: 0 8px;
}
body .el-carousel__button {
  background-color: rgb(182, 181, 181);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
body .el-dropdown-menu {
  overflow: auto;
  max-height: 400px;
}
body .el-dropdown-menu__item:focus, body .el-dropdown-menu__item:not(.is-disabled):hover {
  color: #6373FF;
  background-color: #F7F8FA;
}
body .el-button--text:focus, body .el-button--text:hover {
  color: #7A87FF;
}
body .el-button--text:active {
  color: #5461D9;
}
body .search-width {
  width: 240px;
}
body .search-width .el-input__icon {
  line-height: 34px;
  cursor: pointer;
}
body .search-width .el-icon-search:before {
  color: #8E92B3;
}
body .select-width-min {
  width: 108px;
}
body .select-white-middle {
  width: 172px;
}
body .select-width-max {
  width: 240px;
}
body .el-header .select-el-form .el-input.el-input-group--append .el-input__inner {
  border-right: none;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body .el-header .search-theme .el-input-group__append {
  border: none;
}
body .el-header .search-theme .el-input-group__append .el-button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
body .el-header .el-input__inner {
  margin-right: -2px;
  height: 34px;
  line-height: 34px;
}
body .el-header .el-date-editor .el-range__close-icon {
  line-height: 28px;
}
body .el-header .el-date-editor .el-range__icon {
  line-height: 28px;
}
body .el-header .button_header {
  float: right;
}
body .el-header .button_header .el-button--default, body .el-header .button_header .el-button--primary {
  height: 34px;
  padding: 0 19px;
  line-height: 33px;
}

.arch-entry .main-page .el-tabs__content {
  height: 100%;
  padding: 0px 0px 15px 0px !important;
}
.arch-entry .main-page .el-tabs__nav-wrap::after {
  bottom: 1px;
  height: 1px;
  background: #EDEEF0;
  border-radius: 3px;
}
.arch-entry .main-page .el-tabs__active-bar {
  height: 3px;
  background: #6373FF;
  border-radius: 3px;
  bottom: 1px;
}
.arch-entry .main-page .el-tabs__item {
  font-size: 14px;
  font-weight: 400;
  color: #202340;
  line-height: 32px;
}
.arch-entry .main-page .el-tabs__item:hover {
  color: #6373FF;
}
.arch-entry .main-page .el-tabs__item.is-active {
  font-size: 14px;
  font-weight: 500;
  color: #6373FF;
}
.arch-entry .main-page .el-tabs .el-tabs__content .el-tab-pane {
  height: 100%;
}
.arch-entry .main-page .el-range-editor .el-range-input {
  width: 45%;
  color: #202340;
}
.arch-entry .main-page .el-icon-circle-close:before {
  content: "\e79d";
}
.arch-entry .main-page .el-tree .el-tree-node__content {
  height: 32px;
  width: 100%;
}
.arch-entry .main-page .el-radio__input .el-radio__inner:hover {
  border-color: #6373FF;
}
.arch-entry .main-page .el-radio__input.is-checked .el-radio__label {
  color: #6373FF;
}
.arch-entry .main-page .el-radio__input.is-checked .el-radio__inner {
  background: #FFFFFF;
  border-color: #6373FF;
}
.arch-entry .main-page .el-radio__input.is-checked .el-radio__inner::after {
  background-color: #6373FF;
  height: 8px;
  width: 8px;
}
.arch-entry .main-page .el-radio__input.is-disabled.is-checked .el-radio__inner {
  background: #F7F8FA;
  border-color: #E2E3EE;
}
.arch-entry .main-page .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #E2E3EE;
  border-color: #E2E3EE;
}
.arch-entry .main-page .el-radio__input.is-disabled .el-radio__inner {
  background: #F7F8FA;
  border-color: #E2E3EE;
}
.arch-entry .main-page .el-radio__input.is-disabled .el-radio__inner:hover {
  border-color: #E2E3EE;
}
.arch-entry .main-page .el-radio__input.is-disabled + span.el-radio__label {
  color: #C3C5D9;
}
.arch-entry .main-page .el-form-item {
  margin-bottom: 18px;
}
.arch-entry .main-page .el-form-item .el-form-item__label {
  min-height: 1em;
  font-size: 14px;
  width: 22%;
  min-width: 110px;
  max-width: 150px;
}
.arch-entry .main-page .el-form-item .el-form-item__content {
  display: inline-block;
}
.arch-entry .main-page .el-form-item.is-success .el-input__inner {
  border-color: #E2E3EE;
}
.arch-entry .main-page .el-form-item.is-success .el-input__inner:focus {
  border-color: #6373FF;
}
.arch-entry .main-page .el-select {
  vertical-align: middle;
}
.arch-entry .main-page .el-select .el-input.is-focus .el-input__inner {
  border-color: #6373FF;
}
.arch-entry .main-page .el-select .el-icon-arrow-up:before {
  content: "\e78f";
  color: #C3C5D9;
}
.arch-entry .main-page .el-select .el-input__inner:hover, .arch-entry .main-page .el-select .el-input__inner:focus {
  border-color: #6373FF;
}
.arch-entry .main-page .el-select .el-input__inner .el-input__inner {
  border-color: #6373FF;
}
.arch-entry .main-page .el-header {
  height: auto !important;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 16px 24px;
}
.arch-entry .main-page .el-header .el-form {
  display: block;
  background-color: #FFFFFF;
  padding: 0;
}
.arch-entry .main-page .el-header .el-form .el-form-item {
  margin-bottom: 6px;
  margin-right: 14px;
  padding: 0 !important;
}
.arch-entry .main-page .el-header .el-form .el-form-item .el-form-item__label {
  padding: 0 8px 0 0;
  color: #8E92B3;
  min-width: unset;
  width: auto;
}
.arch-entry .main-page > .right > .content > div > div > .middle, .arch-entry .main-page > .right > .content-other > div > div > .middle {
  padding: 0px 24px;
  flex: 1;
  min-height: 0;
}
.arch-entry .main-page > .right > .content > div > div > .middle .el-table--border::after, .arch-entry .main-page > .right > .content > div > div > .middle .el-table--group::after, .arch-entry .main-page > .right > .content > div > div > .middle .el-table::before, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table--border::after, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table--group::after, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table::before {
  height: 0px;
}
.arch-entry .main-page > .right > .content > div > div > .middle .el-table__fixed-right::before, .arch-entry .main-page > .right > .content > div > div > .middle .el-table__fixed::before, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table__fixed-right::before, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table__fixed::before {
  height: 0px;
}
.arch-entry .main-page > .right > .content > div > div > .middle .el-table .el-loading-spinner .el-loading-text, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table .el-loading-spinner .el-loading-text {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #6373FF;
  line-height: 20px;
  margin: 4px 0;
}
.arch-entry .main-page > .right > .content > div > div > .middle .el-table .el-loading-mask, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table .el-loading-mask {
  background-color: rgba(255, 255, 255, 0.8);
}
.arch-entry .main-page > .right > .content > div > div > .middle .el-table .el-loading-spinner i, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table .el-loading-spinner i {
  width: 32px;
  height: 32px;
}
.arch-entry .main-page > .right > .content > div > div > .middle .el-table td, .arch-entry .main-page > .right > .content > div > div > .middle .el-table th.is-leaf, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table td, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table th.is-leaf {
  border-bottom: 0px solid #EBEEF5;
  padding: 0;
}
.arch-entry .main-page > .right > .content > div > div > .middle .el-table__body .el-table__row.hover-row td, .arch-entry .main-page > .right > .content-other > div > div > .middle .el-table__body .el-table__row.hover-row td {
  background-color: #EBEDF0;
}
.arch-entry .main-page > .right > .content > div > div > .middle > .el-table, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table {
  line-height: 20px;
  border: 1px solid #E2E3EE;
}
.arch-entry .main-page > .right > .content > div > div > .middle > .el-table .el-button--text, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .el-button--text {
  height: 20px;
  line-height: 20px;
  padding: 0;
}
.arch-entry .main-page > .right > .content > div > div > .middle > .el-table .el-table__body tr.current-row > td, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .el-table__body tr.current-row > td {
  background: none;
}
.arch-entry .main-page > .right > .content > div > div > .middle > .el-table .striped, .arch-entry .main-page > .right > .content > div > div > .middle > .el-table .table-row, .arch-entry .main-page > .right > .content > div > div > .middle > .el-table thead tr th, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .striped, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .table-row, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table thead tr th {
  background: #F7F8FA;
}
.arch-entry .main-page > .right > .content > div > div > .middle > .el-table .cell, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .cell {
  text-align: left;
  padding: 14px 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #202340;
  line-height: 20px;
}
.arch-entry .main-page > .right > .content > div > div > .middle > .el-table img, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table img {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  border-radius: 4px;
}
.arch-entry .main-page > .right > .content > div > div > .middle > .el-table .header-cell .cell, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .header-cell .cell {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #202340;
  background: #F7F8FA;
  padding: 12px 12px;
}
.arch-entry .main-page > .right > .content > div > div > .middle > .el-table .el-button--default, .arch-entry .main-page > .right > .content > div > div > .middle > .el-table .el-button--primary, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .el-button--default, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .el-button--primary {
  border: unset;
  margin: 0 2px;
  padding: 0;
  color: #6373FF;
  background-color: unset;
}
.arch-entry .main-page > .right > .content > div > div > .middle > .el-table .el-button--default:hover, .arch-entry .main-page > .right > .content > div > div > .middle > .el-table .el-button--primary:hover, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .el-button--default:hover, .arch-entry .main-page > .right > .content-other > div > div > .middle > .el-table .el-button--primary:hover {
  box-shadow: unset;
}
.arch-entry .main-page > .right > .content > div > div > .bottom, .arch-entry .main-page > .right > .content-other > div > div > .bottom {
  text-align: right;
  padding-right: 15px;
  height: 60px;
  line-height: 60px;
  padding: 15px 24px 0px 24px;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-input, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-input {
  width: 90px;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-input .el-input__inner, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination__sizes .el-input .el-input__inner:hover, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #6373FF;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .btn-next, .arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .btn-prev, .arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .el-pager li, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .btn-next, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .btn-prev, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .el-pager li {
  border: 1px solid #EBEDF0;
  background-color: #FFFFFF;
  color: #6E7CA1;
  width: 32px;
  height: 28px;
  border-radius: 4px;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .btn-next.disabled, .arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .btn-next:disabled, .arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background,
.arch-entry .main-page > .right > .content > div > div > .bottom .btn-prev.disabled, .arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .btn-prev:disabled, .arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .el-pager li.disabled, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .btn-next.disabled, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .btn-next:disabled, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background,
.arch-entry .main-page > .right > .content-other > div > div > .bottom .btn-prev.disabled, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .btn-prev:disabled, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .el-pager li.disabled {
  color: #E2E3EE;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination {
  padding: unset;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination .el-input__inner, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination .el-input__inner {
  border-radius: unset;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .el-pager, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .el-pager {
  font-weight: lighter;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .el-pager li, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .el-pager li {
  border: 1px solid #EBEDF0;
  background-color: #FFFFFF;
  color: #202340;
  width: 32px;
  height: 28px;
  font-size: 14px;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .el-pager li:not(.active):hover, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .el-pager li:not(.active):hover {
  border: 1px solid #6373FF;
  color: #6373FF;
  background-color: #EFF1FF;
}
.arch-entry .main-page > .right > .content > div > div > .bottom .el-pagination.is-background .el-pager li:not(.disabled).active, .arch-entry .main-page > .right > .content-other > div > div > .bottom .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #FFFFFF;
  border: 1px solid #6373FF;
  color: #6373FF;
  font-weight: 400;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle {
  padding: 0px 24px;
  flex: 1;
  min-height: 0;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table--border::after, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table--group::after, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table::before, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table--border::after, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table--group::after, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table::before {
  height: 0px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table__fixed-right::before, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table__fixed::before, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table__fixed-right::before, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table__fixed::before {
  height: 0px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table .el-loading-spinner .el-loading-text, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table .el-loading-spinner .el-loading-text {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #6373FF;
  line-height: 20px;
  margin: 4px 0;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table .el-loading-mask, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table .el-loading-mask {
  background-color: rgba(255, 255, 255, 0.8);
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table .el-loading-spinner i, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table .el-loading-spinner i {
  width: 32px;
  height: 32px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table td, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table th.is-leaf, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table td, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table th.is-leaf {
  border-bottom: 0px solid #EBEEF5;
  padding: 0;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle .el-table__body .el-table__row.hover-row td, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle .el-table__body .el-table__row.hover-row td {
  background-color: #EBEDF0;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table {
  line-height: 20px;
  border: 1px solid #E2E3EE;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .el-button--text, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .el-button--text {
  height: 20px;
  line-height: 20px;
  padding: 0;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .el-table__body tr.current-row > td, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .el-table__body tr.current-row > td {
  background: none;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .striped, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .table-row, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table thead tr th, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .striped, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .table-row, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table thead tr th {
  background: #F7F8FA;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .cell, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .cell {
  text-align: left;
  padding: 14px 12px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #202340;
  line-height: 20px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table img, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table img {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  border-radius: 4px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .header-cell .cell, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .header-cell .cell {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #202340;
  background: #F7F8FA;
  padding: 12px 12px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .el-button--default, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .el-button--primary, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .el-button--default, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .el-button--primary {
  border: unset;
  margin: 0 2px;
  padding: 0;
  color: #6373FF;
  background-color: unset;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .el-button--default:hover, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .middle > .el-table .el-button--primary:hover, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .el-button--default:hover, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .middle > .el-table .el-button--primary:hover {
  box-shadow: unset;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom {
  text-align: right;
  padding-right: 15px;
  height: 60px;
  line-height: 60px;
  padding: 15px 24px 0px 24px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-input, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-input {
  width: 90px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-input .el-input__inner, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination__sizes .el-input .el-input__inner:hover, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #6373FF;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-next, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-prev, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-next, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-prev, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li {
  border: 1px solid #EBEDF0;
  background-color: #FFFFFF;
  color: #6E7CA1;
  width: 32px;
  height: 28px;
  border-radius: 4px;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-next.disabled, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-next:disabled, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background,
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .btn-prev.disabled, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-prev:disabled, .arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li.disabled, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-next.disabled, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-next:disabled, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background,
.arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .btn-prev.disabled, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .btn-prev:disabled, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li.disabled {
  color: #E2E3EE;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination {
  padding: unset;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination .el-input__inner, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination .el-input__inner {
  border-radius: unset;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager {
  font-weight: lighter;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li {
  border: 1px solid #EBEDF0;
  background-color: #FFFFFF;
  color: #202340;
  width: 32px;
  height: 28px;
  font-size: 14px;
  border-radius: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li:not(.active):hover, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li:not(.active):hover {
  border: 1px solid #6373FF;
  color: #6373FF;
  background-color: #EFF1FF;
}
.arch-entry .main-page > .right > .content > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li:not(.disabled).active, .arch-entry .main-page > .right > .content-other > div > div > div > div > div > div > .bottom .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #FFFFFF;
  border: 1px solid #6373FF;
  color: #6373FF;
  font-weight: 400;
}