:root {
  --primary-color: #3176ff;
  --primary-color2: #bae7ff;
  --select-color: #eff6ff;
  --tab-headle-bg-color: #e6f7ff; /** 页签背景色**/
  --main-headle-bg-color: #50ace2; /** 主背景色**/
  --link-color: #1890ff; /**链接色**/
  --success-color: #52c41a; /** 成功色**/
  --warning-color: #faad14; /** 警告色**/
  --error-color: #f5222d; /** 错误色**/
  --font-size-base: 14px; /** 主字号**/
  --heading-color: rgba(0, 0, 0, 0.85); /** 标题色**/
  --text-color: rgba(0, 0, 0, 0.65); /** 主文本色**/
  --text-color-secondary: rgba(0, 0, 0, 0.45); /** 次文本色**/
  --disabled-color: rgba(0, 0, 0, 0.25); /** 失效色**/
  --border-radius-base: 2px; /**  组件/浮层圆角**/
  --border-color-base: #d9d9d9; /** 边框色**/
  --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); /** 浮层阴影**/
}

.ant-btn {
  border-color: #aaa !important;
}

.ant-btn-primary {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.ant-btn:hover {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.ant-btn-primary:hover {
  color: #fff !important;
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* tabs */
.ant-tabs-tab:hover {
  color: var(--primary-color) !important;
}

.ant-tabs-ink-bar {
  background: var(--primary-color) !important;
}

/* 动态标签页 '.tabs-nav' css设置 */
.tabs-nav .ant-tabs-top > .ant-tabs-nav {
  margin: 0px;
}
.tabs-nav .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap {
  /* padding: 8px 8px; */
  padding: 0px 8px;
  background: #fff;
  box-shadow: 0px 1px 5px #dcdfe6;
  z-index: 20;
  height: 40px;
}
.tabs-nav .ant-tabs-card .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  /* padding: 0px 8px; */
  background-color: #fff;
  color: #000 !important;
  border-bottom: 2px solid #ffffff;
}
.tabs-nav .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom: 2px solid var(--primary-color) !important;
}
.tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--primary-color) !important;
}

.tabs-nav .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  font-size: 12px;
  color: #000 !important;
  border-bottom: 2px solid #ffffff !important;
}

.tabs-nav .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  background: #fff;
  border: none;
}
/* 标签页 关闭按钮样式 */
.tabs-nav .ant-tabs-tab-remove {
  margin-left: 0px;
  color: rgba(0, 0, 0, 0.6);
}

/* 左侧菜单栏样式 */

.left-menu {
  height: calc(100vh - 48px);
  overflow-y: auto;
  overflow-x: hidden;
  /* border-right: 1px solid #bbb; */
  background-color: #ffffff !important;
}

.left-menu .ant-menu {
  background-color: #ffffff !important;
}

.left-menu .ant-menu-sub.ant-menu-inline {
  background-color: #f3f4f6 !important;
}
.left-menu .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #eff6ff !important;
}

.left-menu > .ant-menu-inline {
  padding: 0px 12px;
  /* border-right: 1px solid #bbb !important; */
}

.left-menu .ant-menu-inline .ant-menu-item::after {
  border-right: 0px solid var(--main-headle-bg-color) !important;
}

/*  */
.left-menu .ant-menu-submenu-active,
.ant-menu-submenu-title:hover,
.ant-menu-submenu-selected,
.ant-menu-item-active,
.ant-menu-item-selected,
.ant-menu-item:hover {
  color: var(--primary-color) !important;
}

.headerBox .headerImg {
  text-align: center;
  margin-bottom: 10px;
}

.headerBox .headerImg img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background: #eee;
}

.headerBox1 .headerNav {
  color: var(--primary-color);
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.headerBox .headerNav > div {
  cursor: pointer;
}

.headerBox .headerList > div {
  overflow: hidden;
  font-size: 14px;
}

.headerBox .headerList .headerList_tit {
  float: left;
  margin-right: 20px;
  height: 100%;
  color: #00b6ba;
}

.headerBox .headerBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}

.headerBox .headerBtn div {
  height: 30px;
  border: 1px solid #00b6ba;
  color: #00b6ba;
  width: calc(50% - 10px);
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}

.headerBox .headerBtn .tc {
  color: #ff0000;
  border: 1px solid #ff0000;
}