@import "./variables.scss";
@import "./mixin.scss";
@import "./transition.scss";
@import "./element-ui.scss";
@import "./sidebar.scss";
// 动画
@import "./animate/vue-transition.scss";
@import "./custom.scss";

@import "./layui/css/layui.css";
@import "./layui-extend/iconfont.css";
@import "./layui-extend/extend/iconfont.css";
@import "./layui-extend/extend2/iconfont.css";

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
}

//  body   background-color: #f5f7fa   以后考虑整体替换
label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

aside:not(.el-aside) {
  background: #eef1f6;
  padding: 8px 24px;
  margin-bottom: 20px;
  border-radius: 2px;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  a {
    color: #337ab7;
    cursor: pointer;

    &:hover {
      color: rgb(32, 160, 255);
    }
  }
}

//main-container全局样式
.app-container {
  padding: 20px;
}
#app .app-wrapper:not(.showSidebar) {
  .app-container {
    padding: 0;
  }
  .main-container {
    margin-left: 0;
  }
  .sidebar-container {
    height: 50px;
  }
}

.components-container {
  margin: 30px 50px;
  position: relative;
}

.pagination-container {
  margin-top: 30px;
}

.text-center {
  text-align: center;
}

.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  padding-right: 20px;
  transition: 600ms ease position;

  .subtitle {
    font-size: 20px;
    color: $--color-white;
  }

  &.draft {
    background: #d0d0d0;
  }

  &.deleted {
    background: #d0d0d0;
  }
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32, 160, 255);
  }
}

.filter-container {
  padding-bottom: 10px;

  .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
}

//refine vue-multiselect plugin
.multiselect {
  line-height: 16px;
}

.multiselect--active {
  z-index: 1000 !important;
}

// 站点主色

/* Navbar
------------------------------ */
.el-submenu.more_parent {
  width: 88px;
}
.el-menu--horizontal .el-menu .el-menu-item.more {
  padding: 0 12px;
}
.ec-sidebar__menu-icon.svg-icon {
  margin-right: 8px;
  vertical-align: middle;
}
.ec-sidebar__menu-icon.sub-el-icon {
  margin-right: 8px;
  margin-left: -2px;
  vertical-align: middle;
}
.ec-navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  height: 50px;
  // box-shadow: 0 2px 4px rgba(0,0,0,.08);
  background-color: $--color-primary;
  //.ec-navbar__avatar .el-menu-item * {
  //  vertical-align: middle !important;
  //}
  .el-dropdown-link {
    color: #8f9398;
  }
  .app-breadcrumb.el-breadcrumb {
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    margin-left: 8px;
  }
  &--primary,
  &--dark {
    .ec-navbar__body {
      background-color: transparent;
    }
    .app-breadcrumb.el-breadcrumb {
      .el-breadcrumb__separator {
        color: #f5f7fa;
      }
      .el-breadcrumb__inner {
        &.is-link:hover {
          color: #ffffff;
        }
        a:hover {
          color: #ffffff;
        }
        a {
          color: #ffffff;
        }
        color: #ffffff;

        .no-redirect {
          color: #ffffff;
          cursor: text;
        }
      }
    }
    .el-menu {
      > .el-menu-item,
      > .el-submenu > .el-submenu__title {
        color: $--color-white;
        &:focus,
        &:hover {
          color: $--color-white !important;
          background-color: rgba(0, 0, 0, 0.1) !important;
        }
      }
      > .el-menu-item.is-active,
      > .el-submenu.is-active > .el-submenu__title {
        border-bottom-color: transparent;
        color: #ffffff !important;
        background-color: rgba(0, 0, 0, 0.1) !important;
      }
      .el-menu-item i,
      .el-submenu__title i,
      .el-dropdown .el-dropdown-link {
        color: $--color-white !important;
      }
    }
    .el-menu--popup-bottom-start {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    .svg-icon,
    .sub-el-icon {
      fill: #ffffff !important;
    }
  }
  &--primary,
  &--bright,
  &--dark {
    .ec-navbar__header {
      background: $menuBg;
      border-bottom: 1px solid #101117;
    }
  }
  &--dark {
    .ec-navbar__body {
      background-color: $menuBg;
    }
    .el-menu {
      > .el-menu-item,
      > .el-submenu > .el-submenu__title {
        color: rgba(163, 175, 183, 0.9);
      }
    }
    .svg-icon,
    .sub-el-icon {
      fill: rgba(163, 175, 183, 0.9) !important;
    }
  }
  &--primary,
  &--bright {
    background-color: white;
    .ec-navbar__header {
      background: white;
      .ec-navbar__brand {
        .ec-navbar__brand-lg,
        .ec-navbar__brand-mini {
          color: #515a6e;
        }
      }
    }
  }
  &__header {
    position: relative;
    float: left;
    width: 230px;
    height: 50px;
    overflow: hidden;
    // -webkit-box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);
    // box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);
    // border-right: 1px solid #f8f8f9;
  }
  &__brand {
    display: table-cell;
    vertical-align: middle;
    width: 230px;
    height: 50px;
    margin: 0;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    color: $--color-white;

    &-lg,
    &-mini {
      margin: 0 5px;
      color: $--color-white;
      &:focus,
      &:hover {
        color: $--color-white;
        text-decoration: none;
      }
    }
    &-mini {
      display: none;
    }
  }
  &__switch {
    font-size: 18px;
    border-bottom: none !important;
  }
  &__avatar {
    border-bottom: none !important;
    * {
      vertical-align: inherit;
    }
    .el-dropdown-link {
      > img {
        width: 36px;
        height: auto;
        margin-right: 5px;
        border-radius: 100%;
        vertical-align: middle;
      }
    }
  }
  &__body {
    //position: relative;
    //margin-left: 230px;
    padding-right: 15px;
    background-color: $--color-white;
    .el-menu--horizontal > .el-menu-item {
      border-bottom: 0px;
      //padding: 0 12px;
    }
  }
  &__menu {
    float: left;
    background-color: transparent !important;
    border-bottom: 0;

    &--right {
      float: right;
      .el-menu-item {
        border-bottom: 0;
        padding: 0 10px;
      }
      .el-menu-item.is-active {
        border-bottom: 0;
      }
    }
    a:focus,
    a:hover {
      text-decoration: none;
    }
    .el-menu-item,
    .el-submenu > .el-submenu__title {
      height: 50px !important;
      line-height: 50px !important;
    }
    //.el-menu-item [class^=el-icon-] {
    //  margin-right: 0px;
    //}
    .el-submenu > .el-menu {
      top: 55px;
    }
    .el-badge {
      display: inline;
      z-index: 2;
      &__content {
        line-height: 16px;
      }
    }
  }
  .ec-navbar__menu.el-menu--horizontal.el-menu {
    border-bottom: 0px;
  }
  .ec-navbar__menu > .el_menu_item {
    //width:110px;
    //padding: 0 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 20px;
  }
  .ec-navbar__menu.left > .el_menu_item {
    width: 70px;
    font-size: 14px;
    padding: 0 8px;
  }
}

/* Sidebar
------------------------------ */
.ec-sidebar {
  position: fixed;
  top: 50px;
  left: 0;
  bottom: 0;
  z-index: 1020;
  width: 230px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  .ec-sidebar__menu-icon {
    margin-right: 5px;
  }
  /*logo*/
  .sidebar-logo-container {
    background: $menuBg;
    border-bottom: 0;
    .sidebar-title {
      color: #fff;
    }
    .svg-icon,
    .sub-el-icon {
      fill: #fff !important;
    }
  }
  //&--primary, &--bright {
  //  &.sidebar-logo-container {
  //    background: $--color-primary;
  //    border-bottom: 0;
  //  }
  //}
  //&--bright {
  //  .sidebar-logo-container {
  //    background: $--color-white;
  //    border-bottom: 0;
  //    .sidebar-logo-link .sidebar-title {
  //      color: #515a6e;
  //    }
  //    .svg-icon, .sub-el-icon {
  //      fill: #515a6e !important;
  //    }
  //  }
  //}
  /*logo*/

  /*sidebar*/
  .sidebar-container {
    background-color: $menuBg;
    // menu hover
    .submenu-title-noDropdown,
    .el-submenu__title {
      &:hover {
        background-color: $menuHover !important;
      }
    }

    .is-active > .el-submenu__title {
      color: $menuActiveText !important;
    }

    & .nest-menu .el-submenu > .el-submenu__title,
    & .el-submenu .el-menu-item {
      min-width: $sideBarWidth !important;
      background-color: $subMenuBg !important;

      &:hover {
        background-color: $subMenuHover !important;
      }
    }
  }

  // when menu collapsed
  .el-menu--vertical {
    & > .el-menu {
      .svg-icon {
        margin-right: 14px;
      }
    }

    .nest-menu .el-submenu > .el-submenu__title,
    .el-menu-item {
      &:hover {
        // you can use $subMenuHover
        background-color: $menuHover !important;
      }
    }

    // the scroll bar appears when the subMenu is too long
    > .el-menu--popup {
      max-height: 100vh;
      overflow-y: auto;

      &::-webkit-scrollbar-track-piece {
        background: #d3dce6;
      }

      &::-webkit-scrollbar {
        width: 6px;
      }

      &::-webkit-scrollbar-thumb {
        background: #99a9bf;
        border-radius: 20px;
      }
    }
  }

  &--primary {
    &.sidebar-container {
      background-color: $--color-primary;
    }
    background-color: $--color-white;
    .ec-sidebar__menu.el-menu {
      border-top: 1px solid #e4e7ed;
    }
  }
  /*sidebar*/

  &--dark {
    .ec-sidebar__menu.el-menu {
      border-top: 1px solid #101117;
    }
  }

  &--dark,
  &--dark-popper {
    background-color: $menuBg;
    .ec-sidebar__menu.el-menu,
    > .el-menu--popup {
      background-color: $menuBg;
      .el-menu-item,
      .el-submenu > .el-submenu__title {
        white-space: nowrap;
        list-style: none;
        color: $--color-white;
        &:focus,
        &:hover {
          color: mix($--color-white, $--color-text-secondary, 50%);
          background-color: mix($--color-white, $menuBg, 2.5%);
        }
      }
      .el-menu,
      .el-submenu.is-opened {
        background-color: mix(#000, $menuBg, 15%);
        > .el-submenu__title {
          color: $--color-white;
        }
      }
      .el-menu-item.is-active,
      .el-submenu.is-active > .el-submenu__title {
        color: $--color-white;
      }
    }
  }

  &--primary,
  &--primary-popper {
    background-color: $menuBg;
    .ec-menu-category {
      color: #ffffff;
    }
    .ec-sidebar__menu.el-menu,
    > .el-menu--popup {
      background-color: transparent;
      .el-menu-item,
      .el-submenu > .el-submenu__title {
        white-space: nowrap;
        list-style: none;
        color: $--color-white;
        i {
          color: $--color-white;
        }
        &:focus,
        &:hover {
          color: $--color-white;
          background-color: rgba(0, 0, 0, 0.1) !important;
        }
      }
      .el-menu,
      .el-submenu.is-opened {
        background-color: transparent;
        > .el-submenu__title {
          color: $--color-white;
          i {
            color: $--color-white;
          }
        }
      }
      .el-menu-item.is-active,
      .el-submenu.is-active > .el-submenu__title {
        color: $--color-white;
        i {
          color: $--color-white;
        }
      }
    }
  }
  &__inner {
    position: relative;
    z-index: 1;
    width: 250px;
    height: 100%;
    padding-bottom: 15px;
    overflow-y: scroll;
  }
  &__menu.el-menu {
    width: 230px;
    border-top: 1px solid #31344826;
    border-right: 0;
  }
  &__menu-icon {
    width: 24px;
    vertical-align: middle;
    margin-right: 8px;
    text-align: center;
    font-size: 16px;
    color: inherit !important;
  }
}
.navbarLayoutType--bright {
  .sidebar-logo-container {
    border-bottom: 0;
    background: $--color-white !important;
    //border-bottom: 0;
    .sidebar-logo-link .sidebar-title {
      color: #515a6e;
    }
    .svg-icon,
    .sub-el-icon {
      fill: #515a6e !important;
    }
  }
}

.width100 {
  width: 100%;
}

.el-submenu [class^="fa-"],
.el-submenu [class^="layui-icon-"],
.el-submenu [class^="menu-"] {
  vertical-align: middle;
  width: 24px;
  text-align: center;
  font-size: 16px;
}
.el-menu-item [class^="fa-"],
.el-menu-item [class^="layui-icon-"],
.el-menu-item [class^="menu-"] {
  width: 24px;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
}
.el-submenu [class^="el-icon-"] {
  vertical-align: middle;
  width: 24px;
  text-align: center;
  font-size: 14px;
}
.el-menu-item [class^="el-icon-"] {
  width: 24px;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
}
.el-menu--collapse > .el-menu-item [class^="el-icon-"],
.el-menu--collapse > .el-menu-item [class^="fa-"],
.el-menu--collapse > .el-menu-item [class^="layui-icon-"],
.el-menu--collapse > .el-menu-item [class^="menu-"],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="fa-"],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="layui-icon-"],
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="menu-"] {
  font-size: 20px;
}
.el-input-number .el-input {
  min-width: auto;
}
.vxe-table .el-input {
  min-width: auto;
}
.el-date-range-picker__editor.el-input {
  min-width: auto;
}
.form-full {
  .el-select,
  .el-input,
  .el-select-tree,
  .el-cascader {
    width: 100%;
  }
}

.notice-popover .el-tabs__header {
  margin: 0 !important;
}

.el-popper.notice-popover {
  padding: 0;
  width: 300px;
}
.el-popper.notice-threeItem {
  padding: 0;
  width: 390px;
}
.el-popper.notice-threeItem .el-tabs__nav-scroll {
  padding: 0 5px;
}

.ec-pull-right {
  float: right;
}
.ec-pull-left {
  float: left;
}

.el-drawer__wrapper {
  :focus {
    outline: 0;
  }
}
.el-dialog__wrapper {
  .el-dialog__body {
    padding-top: 10px;
  }
}

.ecip-notificationRequest {
  z-index: 9999999 !important;
}

.text-red-color {
  color: $error-color !important;
}
.text-green-color {
  color: $success-color !important;
}
.text-blue-color {
  color: $primary-color !important;
}

// 深色主题
.theme-dark {
  background-color: #0f304f;
  .ec-navbar__body,
  .ec-navbar {
    background-color: #144871 !important;
  }

  .el-button.is-disabled,
  .el-button.is-disabled:focus,
  .el-button.is-disabled:hover {
    color: #cacaca;
    background-color: #787878;
    border-color: #686868;
  }
  .el-button--danger.is-disabled,
  .el-button--danger.is-disabled:active,
  .el-button--danger.is-disabled:focus,
  .el-button--danger.is-disabled:hover {
    background-color: #f5222d;
    border-color: #f5222d;
  }
  .el-button--warning.is-disabled,
  .el-button--warning.is-disabled:active,
  .el-button--warning.is-disabled:focus,
  .el-button--warning.is-disabled:hover {
    color: #fff;
    background-color: #f5971a;
    border-color: #f37509;
  }

  input,
  .el-input.is-disabled .el-input__inner {
    background-color: #103c5d;
    color: #fff;
    border-color: #1d4d76;
  }

  .tags-view-container .tags-view-wrapper .tags-view-item,
  .vxe-toolbar .vxe-custom--option-wrapper,
  .el-dropdown-menu,
  .el-popover,
  .el-collapse-item__header {
    background-color: #144871;
    color: #fff;
    border-color: #0f304f;
  }
  .vxe-table .vxe-cell--radio .vxe-radio--icon:before {
    background-color: #144871;
  }
  .ec-sidebar .sidebar-logo-container,
  .el-dropdown-menu__item--divided:before {
    background: #113556;
  }
  .el-popper[x-placement^="bottom"] .popper__arrow,
  .el-popper[x-placement^="bottom"] .popper__arrow::after {
    border-bottom-color: #113556;
  }
  .el-collapse {
    border-top-color: #113556;
    border-bottom-color: #113556;
  }
  .el-radio,
  .el-drawer__header,
  .el-dropdown-menu__item,
  .el-menu--horizontal > .el-menu-item,
  .el-menu--horizontal > .el-menu-item.is-active {
    color: #fff !important;
  }
  .el-dropdown-menu__item:focus,
  .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #3daeff;
  }
  .el-dialog,
  .el-pager li {
    background-color: #0c3858;
    border-color: #1980b7;
    box-shadow: #1980b7 0px 0px 18px inset;
  }
  #app,
  .el-dialog__title,
  .el-dialog__body,
  .el-date-editor .el-range-input,
  .el-checkbox,
  .el-select-dropdown__item {
    color: #fff;
  }
  .el-card,
  .el-dropdown-menu,
  .vxe-button,
  .el-collapse-item__wrap,
  aside:not(.el-aside),
  .el-select-dropdown {
    color: #fff;
    background: #0f304f;
    border-color: #1d4d76;
  }
  .vxe-toolbar .vxe-custom--wrapper.is--active > .vxe-button,
  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover {
    background-color: #3daeff;
    color: #fff;
  }

  .vxe-custom--option .vxe-checkbox--icon:before,
  .vxe-export--panel-column-option .vxe-checkbox--icon:before,
  .vxe-table--filter-option .vxe-checkbox--icon:before,
  .vxe-table .vxe-cell--checkbox .vxe-checkbox--icon:before {
    background-color: #21aeff;
    border-color: #0f304f;
  }

  .vxe-table.border--full .vxe-table--fixed-left-wrapper {
    border-right-color: #1d4d76;
  }

  .vxe-toolbar
    .vxe-custom--option-wrapper
    .vxe-custom--body
    .vxe-custom--option:hover,
  .el-button:focus,
  .el-button:hover,
  .el-tree-node__content:hover,
  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background-color: #3daeff;
    color: #fff !important;
  }

  .ec-navbar {
    .ec-navbar__body {
      background-color: #144871;
    }
  }

  .tags-view-container {
    border-bottom-color: #194971;
  }

  .ec-sidebar,
  .ec-sidebar-popper,
  .vxe-button {
    background-color: #114066;
  }
  .ec-sidebar {
    .el-submenu__title,
    .ec-sidebar__menu.el-menu .el-menu-item,
    .el-menu-item i,
    .el-submenu__title i {
      color: #fff;
    }
    .ec-sidebar__menu.el-menu,
    > .el-menu--popup,
    .ec-sidebar-popper .ec-sidebar__menu.el-menu,
    .ec-sidebar-popper > .el-menu--popup {
      background-color: #114066;
    }
    .ec-sidebar__menu.el-menu .el-menu-item:focus,
    .ec-sidebar__menu.el-menu .el-menu-item:hover,
    .ec-sidebar__menu.el-menu .el-submenu > .el-submenu__title:focus,
    .ec-sidebar__menu.el-menu .el-submenu > .el-submenu__title:hover,
    > .el-menu--popup .el-menu-item:focus,
    > .el-menu--popup .el-menu-item:hover,
    > .el-menu--popup .el-submenu > .el-submenu__title:focus,
    > .el-menu--popup .el-submenu > .el-submenu__title:hover,
    .ec-sidebar-popper .ec-sidebar__menu.el-menu .el-menu-item:focus,
    .ec-sidebar-popper .ec-sidebar__menu.el-menu .el-menu-item:hover,
    .ec-sidebar-popper
      .ec-sidebar__menu.el-menu
      .el-submenu
      > .el-submenu__title:focus,
    .ec-sidebar-popper
      .ec-sidebar__menu.el-menu
      .el-submenu
      > .el-submenu__title:hover,
    .ec-sidebar-popper > .el-menu--popup .el-menu-item:focus,
    .ec-sidebar-popper > .el-menu--popup .el-menu-item:hover,
    .ec-sidebar-popper > .el-menu--popup .el-submenu > .el-submenu__title:focus,
    .ec-sidebar-popper
      > .el-menu--popup
      .el-submenu
      > .el-submenu__title:hover {
      color: #fff;
      background-color: #114066;
    }
    .ec-sidebar__menu.el-menu .el-menu-item.is-active {
      background-color: #3daeff;
    }
  }
  .ec-sidebar .ec-sidebar__menu.el-menu .el-menu,
  .ec-sidebar .ec-sidebar__menu.el-menu .el-submenu.is-opened,
  .ec-sidebar--dark > .el-menu--popup .el-menu,
  .ec-sidebar--dark > .el-menu--popup .el-submenu.is-opened,
  .ec-sidebar--dark-popper .ec-sidebar__menu.el-menu .el-menu,
  .ec-sidebar--dark-popper .ec-sidebar__menu.el-menu .el-submenu.is-opened,
  .ec-sidebar--dark-popper > .el-menu--popup .el-menu,
  .ec-sidebar--dark-popper > .el-menu--popup .el-submenu.is-opened {
    background-color: #114066;
  }
  .tags-view-container {
    background: #0f304f;
  }
  .el-form-item__label {
    color: #87abc9;
  }

  .el-input__inner,
  .el-textarea__inner,
  .el-image__error {
    background-color: #103c5d;
    border-color: #194971;
    color: #fff;
  }
  .el-input-group__append,
  .el-input-group__prepend {
    background-color: #21aeff;
    color: #fff;
    border-color: #1d4d76;
  }

  .el-drawer,
  .el-button,
  .el-tree,
  .el-cascader__dropdown,
  .el-tag {
    background: #19446b;
    border-color: #1d4d76;
    color: #fff;
  }

  .el-cascader__dropdown,
  .el-cascader-menu,
  .ec-navbar .el-dropdown-link,
  .el-dropdown,
  .el-menu--horizontal > .el-submenu .el-submenu__title,
  .el-tabs__item {
    color: #fff;
  }

  .vxe-table,
  .el-table,
  .el-table thead,
  .el-table__empty-text {
    color: #21b0f3;
  }
  .vxe-table.border--full .vxe-body--column,
  .vxe-table.border--full .vxe-footer--column,
  .vxe-table.border--full .vxe-header--column,
  .el-table td,
  .el-table th.is-leaf {
    background: #114066;
  }
  .vxe-table .vxe-table--fixed-left-wrapper,
  .vxe-table .vxe-table--fixed-right-wrapper,
  .el-table {
    background: #1a4a72;
  }
  .vxe-input--inner {
    border-color: #1a4a72;
  }
  .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
    border-bottom-color: #113556;
  }
  .vxe-table .vxe-body--row {
    background: #114066;
  }
  .vxe-table.border--default .vxe-table--header-wrapper,
  .vxe-table.border--full .vxe-table--header-wrapper,
  .vxe-table.border--outer .vxe-table--header-wrapper {
    background-color: #114066;
  }
  .vxe-pager.is--perfect {
    border: 1px solid #1a4a72;
    border-top-width: 0;
    background-color: #0f304f;
  }
  .vxe-pager.is--perfect .vxe-pager--jump-next,
  .vxe-pager.is--perfect .vxe-pager--jump-prev,
  .vxe-pager.is--perfect .vxe-pager--next-btn,
  .vxe-pager.is--perfect .vxe-pager--num-btn,
  .vxe-pager.is--perfect .vxe-pager--prev-btn {
    background-color: #0c3959;
    color: #fff;
  }
  .vxe-pager.is--border:not(.is--background) .vxe-pager--jump-next,
  .vxe-pager.is--border:not(.is--background) .vxe-pager--jump-prev,
  .vxe-pager.is--border:not(.is--background) .vxe-pager--next-btn,
  .vxe-pager.is--border:not(.is--background) .vxe-pager--num-btn,
  .vxe-pager.is--border:not(.is--background) .vxe-pager--prev-btn,
  .vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-next,
  .vxe-pager.is--perfect:not(.is--background) .vxe-pager--jump-prev,
  .vxe-pager.is--perfect:not(.is--background) .vxe-pager--next-btn,
  .vxe-pager.is--perfect:not(.is--background) .vxe-pager--num-btn,
  .vxe-pager.is--perfect:not(.is--background) .vxe-pager--prev-btn {
    border-color: #1a4a72;
  }

  .vxe-pager,
  .vxe-pager .vxe-pager--jump .vxe-pager--goto {
    color: #fff;
    border-color: #1a4a72;
  }

  .vxe-table .vxe-table--border-line {
    border-color: #1a4a72;
  }
  .vxe-select-option--wrapper {
    background-color: #0c3959;
    color: #fff;
    border-color: #1a4a72;
  }
  .vxe-select-option:not(.is--disabled).is--hover {
    background-color: #3daeff;
    color: #fff !important;
  }
  .el-input-number__decrease,
  .el-input-number__increase,
  .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
  .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
  .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
    background: #21aeff;
    color: #fff !important;
  }
  .el-input-number__decrease {
    border-right-color: #21aeff;
  }
}

//vxe table 表格底部边框
.vxe-table.border--full .vxe-body--column,
.vxe-table.border--full .vxe-header--column,
.vxe-table.border--full .vxe-footer--column {
  background-size: 0 100%, 100% 0;
  border-bottom: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;

  .vxe-cell {
    text-align: center;
  }
}

// .vxe-table.border--full .vxe-header--column {
//   background-size: 0 100%, 100% 0;
//   border-bottom: 2px solid #c0c0c0;
//   // border-right: 1px solid #ebeef5;
//   background-color: #f4f4f4;
//   color: #333;
//   font-size: 14px;
//   font-weight: bold;
//   text-align: center;

//   .vxe-cell {
//     justify-content: center;
//   }
// }

// .vxe-table .vxe-table--border-line {
//   border-width: 0 !important;
// }

// // 全局修改，分页组件样式
// .vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active {
//   color: #000;
//   background-color: #fff;
// }