.xxWeb-box[data-theme='element'] .header {
  color: #fff;
  background: #409EFF;
  box-shadow: 0 0px 4px #00000033 !important;
}
.xxWeb-box[data-theme='element'] .header .logo {
  background: #002140;
}
.xxWeb-box[data-theme='element'] .header .el-breadcrumb__inner .no-redirect {
  color: #fff;
}
.xxWeb-box[data-theme='element'] .header .el-breadcrumb__inner a {
  color: #fff;
}
.xxWeb-box[data-theme='element'] .header .user-wrapper .el-dropdown {
  color: #fff;
}
.xxWeb-box[data-theme='element'] .top-header {
  color: #fff;
  background: #409EFF;
}
.xxWeb-box[data-theme='element'] .top-header .head-title {
  margin-left: 10px;
}
.xxWeb-box[data-theme='element'] .top-header .user-wrapper .el-dropdown {
  color: #fff;
}
.xxWeb-box[data-theme='element'] .top-header .el-breadcrumb__inner a {
  color: #fff;
}
.xxWeb-box[data-theme='element'] .top-header .logo {
  background: #409EFF;
}
.xxWeb-box[data-theme='element'] .top-header .logo .title {
  color: #fff;
}
.xxWeb-box[data-theme='element'] .top-header .dynamic-menu .el-sub-menu__title {
  color: #fff;
  background: #409EFF;
}
.xxWeb-box[data-theme='element'] .top-header .dynamic-menu .el-sub-menu__title i {
  color: #fff !important;
}
.xxWeb-box[data-theme='element'] .top-header .dynamic-menu .el-sub-menu__title:hover {
  color: #fff;
  background-color: #409EFF;
}
.xxWeb-box[data-theme='element'] .top-header .dynamic-menu .el-sub-menu.is-active .el-sub-menu__title {
  color: #fff;
  background-color: #2992ff;
}
.xxWeb-box[data-theme='element'] .side-header {
  color: #000;
  background: #fff;
}
.xxWeb-box[data-theme='element'] .side-scrollbar {
  background: #fff;
}
.xxWeb-box[data-theme='element'] .side-scrollbar .side-menu-header {
  box-shadow: 0 0px 4px #00000033;
  background: #409EFF;
}
.xxWeb-box[data-theme='element'] .side-scrollbar .side-menu-header .title {
  color: #fff;
}
.xxWeb-box[data-theme='element'] .side-scrollbar .side-menu-header .hamburger-div {
  color: #fff;
}
.xxWeb-box[data-theme='element'] .side-menu {
  background: #fff;
}
.xxWeb-box[data-theme='element'] .side-menu .user-wrapper {
  border-bottom: 1px solid #ebebeb70;
}
.xxWeb-box[data-theme='element'] .title {
  color: #000;
}
.xxWeb-box[data-theme='element'] .layout-main {
  background: #fff;
}
.xxWeb-box[data-theme='element'] .tab-padding {
  padding-top: 40px !important;
}
.xxWeb-box[data-theme='element'] .contextmenu {
  background: #fff;
  color: #000;
  border: 1px solid #ebebeb;
  box-shadow: 2px 2px 3px 0 #00000033;
}
.xxWeb-box[data-theme='element'] .contextmenu li:hover {
  background: #eee;
}
.xxWeb-box[data-theme='element'] .app-main {
  background: #eaecef;
}
.xxWeb-box[data-theme='element'] .footer {
  background: #fff;
}
.xxWeb-box[data-theme='element'] .footer a {
  color: #409EFF;
}
.xxWeb-box[data-theme='element'] .mobile-drawer {
  background-color: #fff;
}
.xxWeb-xxWebBox-element .el-menu--popup {
  background-color: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .header {
  color: #303133;
  background: #fff;
  box-shadow: 0 0px 4px #00000033 !important;
}
.xxWeb-box[data-theme='vue-admin'] .header .logo {
  background: #304156;
}
.xxWeb-box[data-theme='vue-admin'] .header .el-breadcrumb__inner .no-redirect {
  color: #606266;
}
.xxWeb-box[data-theme='vue-admin'] .header .el-breadcrumb__inner a {
  color: #303133;
}
.xxWeb-box[data-theme='vue-admin'] .top-header {
  color: #606266;
  background: #304156;
}
.xxWeb-box[data-theme='vue-admin'] .top-header .user-wrapper .el-dropdown {
  color: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .top-header .el-breadcrumb__inner a {
  color: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .top-header .logo {
  background: #304156;
}
.xxWeb-box[data-theme='vue-admin'] .side-header {
  color: #303133;
  background: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .side-scrollbar {
  background: #304156;
}
.xxWeb-box[data-theme='vue-admin'] .side-scrollbar .side-menu-header {
  box-shadow: none;
  background: transparent;
}
.xxWeb-box[data-theme='vue-admin'] .side-scrollbar .side-menu-header .title {
  color: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .side-scrollbar .side-menu-header .hamburger-div {
  color: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .side-menu {
  background: #304156;
}
.xxWeb-box[data-theme='vue-admin'] .side-menu .user-wrapper {
  border-bottom-color: #58626A24;
}
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-sub-menu__title,
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-menu-item,
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-sub-menu__title:focus,
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-menu-item:focus {
  color: #bfcbd9;
  background-color: #304156;
}
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-sub-menu .el-menu-item {
  background-color: #1f2d3d;
}
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-sub-menu .el-menu-item:hover {
  background-color: #001528FF;
}
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-sub-menu__title:hover,
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-menu-item:hover {
  color: #bfcbd9;
  background-color: #263445;
}
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-sub-menu.is-active .el-sub-menu__title {
  color: #f4f4f5;
}
.xxWeb-box[data-theme='vue-admin'] .dynamic-menu .el-menu-item.is-active {
  color: #409EFF;
}
.xxWeb-box[data-theme='vue-admin'] .title {
  color: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .layout-main {
  background: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .tab-padding {
  padding-top: 32px !important;
}
.xxWeb-box[data-theme='vue-admin'] .contextmenu {
  background: #fff;
  color: #303133;
  box-shadow: 2px 2px 3px 0 #00000033;
}
.xxWeb-box[data-theme='vue-admin'] .contextmenu li:hover {
  background: #eee;
}
.xxWeb-box[data-theme='vue-admin'] .app-main {
  background: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .footer {
  background: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .footer a {
  color: #409EFF;
}
.xxWeb-box[data-theme='vue-admin'] .mobile-drawer {
  background-color: #304156;
}
.xxWeb-box[data-theme='vue-admin'] .tags-view-container {
  height: 32px;
  border-bottom: 1px solid #d8dce5;
  box-shadow: 0 1px 3px 0 #0000001f, 0 0 3px 0 #0000000a;
}
.xxWeb-box[data-theme='vue-admin'] .xx-web-tab.el-tabs {
  display: flex;
  align-items: center;
}
.xxWeb-box[data-theme='vue-admin'] .xx-web-tab .el-tabs__item {
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  padding: 0 8px !important;
  border: 1px solid #d8dce5;
}
.xxWeb-box[data-theme='vue-admin'] .xx-web-tab .el-tabs__nav-wrap::after {
  background: none;
}
.xxWeb-box[data-theme='vue-admin'] .xx-web-tab .el-tabs__item + .el-tabs__item {
  margin: 0 5px;
}
.xxWeb-box[data-theme='vue-admin'] .xx-web-tab .el-tabs__item.is-active {
  background-color: #42b983;
  border-color: #42b983;
  color: #fff;
}
.xxWeb-box[data-theme='vue-admin'] .xx-web-tab .el-tabs__item.is-active:before {
  content: "";
  background: #fff;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  margin-right: 2px;
}
.xxWeb-box[data-theme='vue-admin'] .xx-web-tab .el-tabs__active-bar {
  display: none;
}
.xxWeb-box-vue-admin .el-menu--popup {
  background-color: #304156;
}
.xxWeb-box-vue-admin .box-item-link .el-submenu__title,
.xxWeb-box-vue-admin .box-item-link .el-menu-item {
  color: #bfcbd9;
  background-color: #304156;
}
.xxWeb-box-vue-admin .box-item-link .el-menu-item.is-active {
  color: #409EFF;
}
.xxWeb-box-vue-admin .box-item-link .el-submenu__title:hover,
.xxWeb-box-vue-admin .box-item-link .el-submenu__title:focus,
.xxWeb-box-vue-admin .box-item-link .el-menu-item:focus,
.xxWeb-box-vue-admin .box-item-link .el-menu-item:hover {
  color: #bfcbd9;
  background-color: #263445;
}
.xxWeb-box[data-theme='v2board'] .header {
  color: #303133;
  background: #fff;
  box-shadow: 0 0px 4px #00000033 !important;
}
.xxWeb-box[data-theme='v2board'] .header .logo {
  background: #002140;
}
.xxWeb-box[data-theme='v2board'] .header .el-breadcrumb__inner .no-redirect {
  color: #303133;
}
.xxWeb-box[data-theme='v2board'] .header .el-breadcrumb__inner a {
  color: #303133;
}
.xxWeb-box[data-theme='v2board'] .top-header {
  color: #fff;
  background: #343a40;
}
.xxWeb-box[data-theme='v2board'] .top-header .user-wrapper .el-dropdown {
  color: #fff;
}
.xxWeb-box[data-theme='v2board'] .top-header .el-breadcrumb__inner .no-redirect {
  color: #fff;
}
.xxWeb-box[data-theme='v2board'] .top-header .el-breadcrumb__inner a {
  color: #fff;
}
.xxWeb-box[data-theme='v2board'] .top-header .logo {
  background: #343a40;
}
.xxWeb-box[data-theme='v2board'] .side-header {
  color: #303133;
  background: #fff;
}
.xxWeb-box[data-theme='v2board'] .side-scrollbar {
  background: #343a40;
}
.xxWeb-box[data-theme='v2board'] .side-scrollbar .side-menu-header {
  box-shadow: none;
  background: transparent;
}
.xxWeb-box[data-theme='v2board'] .side-scrollbar .side-menu-header .title {
  color: #fff;
}
.xxWeb-box[data-theme='v2board'] .side-scrollbar .side-menu-header .hamburger-div {
  color: #fff;
}
.xxWeb-box[data-theme='v2board'] .side-menu {
  background: #343a40;
}
.xxWeb-box[data-theme='v2board'] .side-menu .user-wrapper {
  border-bottom-color: #58626A24;
}
.xxWeb-box[data-theme='v2board'] .dynamic-menu {
  padding: 20px 14px;
}
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-menu-item {
  line-height: 40px;
  height: 40px;
}
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-sub-menu__title,
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-menu-item,
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-sub-menu__title:focus,
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-menu-item:focus {
  color: #ffffffa6;
  background-color: #343a40;
}
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-sub-menu .el-menu-item {
  min-width: unset;
  margin: 8px 0;
  line-height: 40px;
  height: 40px;
  background-color: #343a40;
}
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-sub-menu .el-menu-item:hover {
  background-color: #2a2f33;
  border-radius: 5px;
}
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-sub-menu__title:hover,
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-menu-item:hover {
  color: #f4f4f5;
  background-color: #343a40;
}
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-sub-menu.is-active .el-sub-menu__title {
  color: #ffffff;
}
.xxWeb-box[data-theme='v2board'] .dynamic-menu .el-menu-item.is-active {
  color: #ffffff;
  background-color: #2a2f33;
  border-radius: 5px;
}
.xxWeb-box[data-theme='v2board'] .dynamic-menu.is-Collapse {
  padding: 20px 0;
}
.xxWeb-box[data-theme='v2board'] .title {
  color: #fff;
}
.xxWeb-box[data-theme='v2board'] .layout-main {
  background: #fff;
}
.xxWeb-box[data-theme='v2board'] .tab-padding {
  padding-top: 40px !important;
}
.xxWeb-box[data-theme='v2board'] .contextmenu {
  background: #fff;
  color: #303133;
  box-shadow: 2px 2px 3px 0 #00000033;
}
.xxWeb-box[data-theme='v2board'] .contextmenu li:hover {
  background: #eee;
}
.xxWeb-box[data-theme='v2board'] .app-main {
  background: #eaecef;
}
.xxWeb-box[data-theme='v2board'] .footer {
  background: #fff;
}
.xxWeb-box[data-theme='v2board'] .footer a {
  color: #409EFF;
}
.xxWeb-box[data-theme='v2board'] .mobile-drawer {
  background-color: #343a40;
}
.xxWeb-box-v2board .el-menu--popup {
  background-color: #343a40;
}
.xxWeb-box-v2board .el-menu {
  padding: 0 14px;
}
.xxWeb-box-v2board .box-item-link .el-sub-menu__title,
.xxWeb-box-v2board .box-item-link .el-menu-item {
  color: #ffffffa6;
  background-color: #343a40;
}
.xxWeb-box-v2board .box-item-link .el-menu-item i,
.xxWeb-box-v2board .box-item-link .el-sub-menu__title i {
  color: inherit;
}
.xxWeb-box-v2board .box-item-link .el-menu-item {
  margin: 8px 0;
}
.xxWeb-box-v2board .box-item-link .el-menu-item:hover,
.xxWeb-box-v2board .box-item-link .el-menu-item.is-active {
  color: #ffffff;
  background-color: #2a2f33;
  border-radius: 5px;
}
.xxWeb-box[data-theme='thunder'] .header {
  color: #303133;
  background: #fff;
  box-shadow: 0 0px 4px #00000033 !important;
}
.xxWeb-box[data-theme='thunder'] .header .logo {
  background: #002140;
}
.xxWeb-box[data-theme='thunder'] .header .el-breadcrumb__inner {
  color: #303133;
}
.xxWeb-box[data-theme='thunder'] .header .el-breadcrumb__inner .no-redirect {
  color: #606266;
}
.xxWeb-box[data-theme='thunder'] .header .el-breadcrumb__inner a {
  color: #303133;
}
.xxWeb-box[data-theme='thunder'] .top-header {
  color: #606266;
  background: #3C4852;
}
.xxWeb-box[data-theme='thunder'] .top-header .user-wrapper .el-dropdown {
  color: #fff;
}
.xxWeb-box[data-theme='thunder'] .top-header .el-breadcrumb__inner a {
  color: #fff;
}
.xxWeb-box[data-theme='thunder'] .top-header .logo {
  background: #3C4852;
}
.xxWeb-box[data-theme='thunder'] .side-header {
  color: #303133;
  background: #fff;
}
.xxWeb-box[data-theme='thunder'] .side-scrollbar {
  background: #3C4852;
}
.xxWeb-box[data-theme='thunder'] .side-scrollbar .side-menu-header {
  box-shadow: none;
  background: transparent;
}
.xxWeb-box[data-theme='thunder'] .side-scrollbar .side-menu-header .title {
  color: #fff;
}
.xxWeb-box[data-theme='thunder'] .side-scrollbar .side-menu-header .hamburger-div {
  color: #fff;
}
.xxWeb-box[data-theme='thunder'] .side-menu {
  background: #3C4852;
}
.xxWeb-box[data-theme='thunder'] .side-menu .user-wrapper {
  border-bottom-color: #58626A24;
}
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-sub-menu__title,
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-menu-item,
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-sub-menu__title:focus,
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-menu-item:focus {
  color: #afb4b8;
  background-color: #3C4852;
}
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-sub-menu .el-menu-item {
  min-width: unset;
  line-height: 40px;
  height: 40px;
  background-color: #3C4752;
}
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-sub-menu .el-menu-item:hover {
  color: #f4f4f5;
  background-color: #303941;
}
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-sub-menu__title {
  height: 40px;
  line-height: 40px;
}
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-sub-menu__title:hover {
  color: #f4f4f5;
  background-color: #303941;
}
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-sub-menu.is-active .el-sub-menu__title {
  color: #ffffff;
}
.xxWeb-box[data-theme='thunder'] .dynamic-menu .el-menu-item.is-active {
  color: #50A1FC;
  background-color: #252C32;
}
.xxWeb-box[data-theme='thunder'] .title {
  color: #fff;
}
.xxWeb-box[data-theme='thunder'] .layout-main {
  background: #fff;
}
.xxWeb-box[data-theme='thunder'] .tab-padding {
  padding-top: 40px !important;
}
.xxWeb-box[data-theme='thunder'] .contextmenu {
  background: #fff;
  color: #303133;
  box-shadow: 2px 2px 3px 0 #00000033;
}
.xxWeb-box[data-theme='thunder'] .contextmenu li:hover {
  background: #eee;
}
.xxWeb-box[data-theme='thunder'] .app-main {
  background: #FFFFFF;
}
.xxWeb-box[data-theme='thunder'] .footer {
  background: #fff;
}
.xxWeb-box[data-theme='thunder'] .footer a {
  color: #409EFF;
}
.xxWeb-box[data-theme='thunder'] .mobile-drawer {
  background-color: #3C4852;
}
.xxWeb-box-thunder .el-menu--popup {
  background-color: #3C4752;
  padding: 0;
}
.xxWeb-box-thunder .box-item-link .el-sub-menu__title,
.xxWeb-box-thunder .box-item-link .el-menu-item {
  color: #ffffffa6;
  background-color: #3C4752;
}
.xxWeb-box-thunder .box-item-link .el-menu-item i,
.xxWeb-box-thunder .box-item-link .el-sub-menu__title i {
  color: inherit;
}
.xxWeb-box-thunder .box-item-link .el-menu-item:hover {
  color: #f4f4f5;
  background-color: #303941;
}
.xxWeb-box-thunder .box-item-link .el-menu-item.is-active {
  color: #409EFF;
  background-color: #242A31;
}
.xxWeb-box[data-theme='nitro'] .header {
  color: #409EFF;
  background-color: #F6F8FA;
  box-shadow: 0 0px 4px #F6F8FA !important;
}
.xxWeb-box[data-theme='nitro'] .header .logo {
  background: #fff;
}
.xxWeb-box[data-theme='nitro'] .header .left-con .user-menu-item .no-redirect {
  color: #409EFF;
}
.xxWeb-box[data-theme='nitro'] .header .menu-search-box {
  color: #555d65;
}
.xxWeb-box[data-theme='nitro'] .header .top-menu {
  color: #555d65;
}
.xxWeb-box[data-theme='nitro'] .header .user-wrapper {
  padding: 8px;
  background-color: #d8eeff;
  border-radius: 16px;
}
.xxWeb-box[data-theme='nitro'] .header .user-wrapper .el-dropdown {
  color: #a2a2a2;
}
.xxWeb-box[data-theme='nitro'] .header .el-breadcrumb__inner .no-redirect {
  color: #409EFF;
}
.xxWeb-box[data-theme='nitro'] .header .el-breadcrumb__inner a {
  color: #a2a2a2;
}
.xxWeb-box[data-theme='nitro'] .header .el-breadcrumb__inner :hover {
  color: #409EFF;
}
.xxWeb-box[data-theme='nitro'] .top-header {
  color: #fff;
  background: #ffffff;
}
.xxWeb-box[data-theme='nitro'] .top-header .user-wrapper {
  padding: 8px;
  background-color: #d8eeff;
  border-radius: 16px;
}
.xxWeb-box[data-theme='nitro'] .top-header .user-wrapper .el-dropdown {
  color: #a2a2a2;
}
.xxWeb-box[data-theme='nitro'] .top-header .el-breadcrumb__inner a {
  color: #141F3F;
}
.xxWeb-box[data-theme='nitro'] .top-header .el-breadcrumb__inner .is-link {
  color: #a2a2a2;
}
.xxWeb-box[data-theme='nitro'] .top-header .logo {
  background: #fff;
}
.xxWeb-box[data-theme='nitro'] .side-header {
  color: #409EFF;
  background: #F6F8FA;
}
.xxWeb-box[data-theme='nitro'] .side-menu {
  background: #fff;
}
.xxWeb-box[data-theme='nitro'] .side-menu .user-wrapper {
  border-bottom-color: #ebebeb70;
}
.xxWeb-box[data-theme='nitro'] .side-scrollbar {
  background: #fff;
}
.xxWeb-box[data-theme='nitro'] .side-scrollbar .side-menu-header {
  box-shadow: none;
  background: transparent;
}
.xxWeb-box[data-theme='nitro'] .side-scrollbar .side-menu-header .title {
  color: #141F3F;
}
.xxWeb-box[data-theme='nitro'] .side-scrollbar .side-menu-header .hamburger-div {
  color: #141F3F;
}
.xxWeb-box[data-theme='nitro'] .dynamic-menu {
  margin: 0 10px;
}
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-sub-menu__title,
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-menu-item,
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-sub-menu__title:focus,
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-menu-item:focus {
  color: #555d65;
  background-color: #fff;
}
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-sub-menu .el-menu-item {
  border-radius: 10px;
  margin: 5px 0;
  background-color: #fff;
}
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-sub-menu .el-menu-item:hover {
  background-color: #F8FAFB;
}
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-sub-menu__title:hover,
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-menu-item:hover {
  border-radius: 10px;
  color: #409EFF;
  background-color: #d8eeff;
}
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-sub-menu.is-active .el-sub-menu__title {
  border-radius: 10px;
  border-bottom: 0 solid #fff;
  color: #409EFF;
  background-color: #EFF7FE;
}
.xxWeb-box[data-theme='nitro'] .dynamic-menu .el-menu-item.is-active {
  color: #409EFF;
  background-color: #F8FAFB;
}
.xxWeb-box[data-theme='nitro'] .side-scrollbar {
  background: #fff;
}
.xxWeb-box[data-theme='nitro'] .side-scrollbar .dynamic-menu.is-Collapse {
  margin: 0;
}
.xxWeb-box[data-theme='nitro'] .side-scrollbar .side-menu-header {
  box-shadow: 0 0 0 #00000033;
  background: transparent;
}
.xxWeb-box[data-theme='nitro'] .side-scrollbar .side-menu-header .title {
  color: #141F3F;
}
.xxWeb-box[data-theme='nitro'] .title {
  color: #141F3F;
}
.xxWeb-box[data-theme='nitro'] .layout-main {
  background-color: #F6F8FA;
}
.xxWeb-box[data-theme='nitro'] .tab-padding {
  padding-top: 32px !important;
}
.xxWeb-box[data-theme='nitro'] .tab-padding .el-tabs--top .el-tabs__item {
  color: #555d65;
  border: 0px solid #d8dce5;
}
.xxWeb-box[data-theme='nitro'] .tab-padding .el-tabs--top .el-tabs__item.is-active {
  color: #409EFF;
  background-color: #F8FAFB;
  border-radius: 6px;
}
.xxWeb-box[data-theme='nitro'] .contextmenu {
  background: #fff;
  color: #409EFF;
  border: 1px solid #ebebeb;
  box-shadow: 2px 2px 3px 0 #F6F8FA;
}
.xxWeb-box[data-theme='nitro'] .contextmenu li:hover {
  background: #eee;
}
.xxWeb-box[data-theme='nitro'] .app-main {
  background: #F6F8FA;
}
.xxWeb-box[data-theme='nitro'] .footer {
  background: #fff;
}
.xxWeb-box[data-theme='nitro'] .footer a {
  color: #409EFF;
}
.xxWeb-box[data-theme='nitro'] .mobile-drawer {
  background-color: #fff;
}
.xxWeb-box[data-theme='nitro'] .tags-view-container {
  height: 32px;
  border-bottom: 1px solid #d8dce5;
  box-shadow: 0 1px 3px 0 #0000001f, 0 0 3px 0 #0000000a;
}
.xxWeb-box[data-theme='nitro'] .xx-web-tab.el-tabs {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.xxWeb-box[data-theme='nitro'] .xx-web-tab .el-tabs__item {
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  padding: 0 8px !important;
  border: 1px solid #d8dce5;
}
.xxWeb-box[data-theme='nitro'] .xx-web-tab .el-tabs__nav-wrap::after {
  background: none;
}
.xxWeb-box[data-theme='nitro'] .xx-web-tab .el-tabs__item + .el-tabs__item {
  margin: 0 5px;
}
.xxWeb-box[data-theme='nitro'] .xx-web-tab .el-tabs__item.is-active {
  background-color: #42b983;
  border-color: #42b983;
  color: #fff;
}
.xxWeb-box[data-theme='nitro'] .xx-web-tab .el-tabs__item.is-active:before {
  content: "";
  background: #fff;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  margin-right: 2px;
}
.xxWeb-box[data-theme='nitro'] .xx-web-tab .el-tabs__active-bar {
  display: none;
}
.xxWeb-xxWebBox-nitro .el-menu--popup {
  background-color: #fff;
}
.xxWeb-xxWebBox-nitro .box-item-link .el-sub-menu__title,
.xxWeb-xxWebBox-nitro .box-item-link .el-menu-item {
  color: #bfcbd9;
  background-color: #fff;
}
.xxWeb-xxWebBox-nitro .box-item-link .el-menu-item.is-active {
  color: #409EFF;
}
.xxWeb-xxWebBox-nitro .box-item-link .el-sub-menu__title:hover,
.xxWeb-xxWebBox-nitro .box-item-link .el-sub-menu__title:focus,
.xxWeb-xxWebBox-nitro .box-item-link .el-menu-item:focus,
.xxWeb-xxWebBox-nitro .box-item-link .el-menu-item:hover {
  color: #409EFF;
  background-color: #F8FAFB;
}
.xxWeb-box[data-theme='wdp'] .header {
  color: #9e9e9e;
  background: #2e2f33;
  box-shadow: 0 0px 4px #00000033 !important;
}
.xxWeb-box[data-theme='wdp'] .header .logo {
  background: #002140;
}
.xxWeb-box[data-theme='wdp'] .header .el-breadcrumb__inner .no-redirect {
  color: #9e9e9e;
}
.xxWeb-box[data-theme='wdp'] .header .el-breadcrumb__inner a {
  color: #9e9e9e;
}
.xxWeb-box[data-theme='wdp'] .header .user-wrapper .el-dropdown {
  color: #9e9e9e;
}
.xxWeb-box[data-theme='wdp'] .top-header {
  color: #9e9e9e;
  background: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .top-header .head-title {
  margin-left: 10px;
}
.xxWeb-box[data-theme='wdp'] .top-header .user-wrapper .el-dropdown {
  color: #9e9e9e;
}
.xxWeb-box[data-theme='wdp'] .top-header .el-breadcrumb__inner a {
  color: #9e9e9e;
}
.xxWeb-box[data-theme='wdp'] .top-header .logo {
  background: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .top-header .logo .title {
  color: #9e9e9e;
}
.xxWeb-box[data-theme='wdp'] .top-header .dynamic-menu .el-submenu__title {
  color: #9e9e9e;
  background: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .top-header .dynamic-menu .el-submenu__title:hover {
  color: #fff;
  background-color: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .top-header .dynamic-menu .el-sub-menu.is-active .el-submenu__title {
  color: #fff;
  background-color: #2c68f6;
}
.xxWeb-box[data-theme='wdp'] .side-header {
  color: #9e9e9e;
  background: #fff;
}
.xxWeb-box[data-theme='wdp'] .side-scrollbar {
  background: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .side-scrollbar .side-menu-header {
  box-shadow: 0 0px 4px #00000033;
  background: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .side-scrollbar .side-menu-header .title {
  color: #9e9e9e;
}
.xxWeb-box[data-theme='wdp'] .side-scrollbar .side-menu-header .hamburger-div {
  color: #9e9e9e;
}
.xxWeb-box[data-theme='wdp'] .side-menu {
  background: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .side-menu .user-wrapper {
  border-bottom-color: #58626A24;
}
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-menu-item,
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-sub-menu__title:focus,
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-menu-item:focus {
  color: #9e9e9e;
  background-color: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-sub-menu__title {
  color: #9e9e9e;
  background-color: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-sub-menu.is-active .el-sub-menu__title {
  color: #fff;
}
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-sub-menu .el-menu-item {
  background-color: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-sub-menu .el-menu-item.is-active i {
  color: #fff;
}
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-sub-menu__title:hover,
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-menu-item:hover {
  color: #fff;
  background-color: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .dynamic-menu .el-menu-item.is-active {
  color: #fff;
  background-color: #2c68f6;
}
.xxWeb-box[data-theme='wdp'] .title {
  color: #9e9e9e;
}
.xxWeb-box[data-theme='wdp'] .layout-main {
  background: #2e2f33;
}
.xxWeb-box[data-theme='wdp'] .tab-padding {
  padding-top: 40px !important;
}
.xxWeb-box[data-theme='wdp'] .contextmenu {
  background: #2e2f33;
  color: #9e9e9e;
  border: 1px solid #58626A;
  box-shadow: 2px 2px 3px 0 #00000033;
}
.xxWeb-box[data-theme='wdp'] .contextmenu li:hover {
  background: #eee;
}
.xxWeb-box[data-theme='wdp'] .app-main {
  background: #eaecef;
}
.xxWeb-box[data-theme='wdp'] .footer {
  background: #fff;
}
.xxWeb-box[data-theme='wdp'] .footer a {
  color: #2c68f6;
}
.xxWeb-box[data-theme='wdp'] .mobile-drawer {
  background-color: #2e2f33;
}
.xxWeb-xxWebBox-wdp .el-menu--popup {
  background-color: #2e2f33;
}
.xxWeb-xxWebBox-wdp .box-item-link .el-submenu__title,
.xxWeb-xxWebBox-wdp .box-item-link .el-menu-item {
  color: #9e9e9e !important;
  background-color: #2e2f33 !important;
}
.xxWeb-xxWebBox-wdp .box-item-link .el-submenu__title i,
.xxWeb-xxWebBox-wdp .box-item-link .el-menu-item i {
  color: inherit;
}
.xxWeb-xxWebBox-wdp .box-item-link .el-menu-item.is-active {
  color: #fff !important;
  background-color: #2c68f6 !important;
}
.xxWeb-xxWebBox-wdp .box-item-link .el-submenu__title:hover,
.xxWeb-xxWebBox-wdp .box-item-link .el-submenu__title:focus,
.xxWeb-xxWebBox-wdp .box-item-link .el-menu-item:focus,
.xxWeb-xxWebBox-wdp .box-item-link .el-menu-item:hover {
  color: #fff !important;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.xxWeb {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.xxWeb .xxWeb-box {
  height: 100%;
  /* breadcrumb transition */
}
.xxWeb .xxWeb-box .main-container {
  height: 100%;
}
.xxWeb .xxWeb-box .side-warp-expand {
  animation: side-warp-expand 0.3s ease forwards;
}
.xxWeb .xxWeb-box .side-menu-logo-expand {
  animation: side-menu-logo-expand 0.3s ease forwards;
}
.xxWeb .xxWeb-box .content-container {
  flex: 1;
  overflow: hidden;
  display: inline-flex;
  flex-direction: column;
}
.xxWeb .xxWeb-box .header {
  z-index: 2;
  height: 52px !important;
  transition: background 0.3s;
}
.xxWeb .xxWeb-box .header-content {
  height: 100%;
}
.xxWeb .xxWeb-box .header-content .log {
  margin-right: 15px;
}
.xxWeb .xxWeb-box .row-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.xxWeb .xxWeb-box .left-con {
  display: inline-flex;
  justify-content: left;
  align-items: center;
  flex: 1;
}
.xxWeb .xxWeb-box .hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transform: rotate(180deg);
}
.xxWeb .xxWeb-box .hamburger.is-Collapse {
  transform: rotate(0deg);
}
.xxWeb .xxWeb-box .head-title {
  text-align: left;
  font-size: 14px;
}
.xxWeb .xxWeb-box .right-con {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.xxWeb .xxWeb-box .right-con .full-screen-icon {
  display: flex;
  align-items: center;
}
.xxWeb .xxWeb-box .right-con .user-wrapper-username .el-icon--right {
  line-height: 20px;
}
.xxWeb .xxWeb-box .right-con .user-icon {
  color: currentColor;
}
.xxWeb .xxWeb-box .el-icon-full-screen {
  cursor: pointer;
}
.xxWeb .xxWeb-box .user-wrapper {
  text-align: right;
}
.xxWeb .xxWeb-box .side-menu .side-menu-header {
  height: 52px;
  line-height: 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  transition: all;
  z-index: 2;
  position: relative;
}
.xxWeb .xxWeb-box .side-menu .side-menu-header-center {
  justify-content: center;
}
.xxWeb .xxWeb-box .side-menu .user-wrapper {
  box-sizing: content-box;
  text-align: left;
  padding: 10px 0 32px 0;
  height: 56px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.xxWeb .xxWeb-box .side-menu .user-wrapper .el-dropdown {
  color: #FECE5C;
}
.xxWeb .xxWeb-box .side-menu .user-wrapper-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.xxWeb .xxWeb-box .side-menu .user-wrapper-avatar {
  height: 50px;
  line-height: 50px;
}
.xxWeb .xxWeb-box .side-menu .user-wrapper-username {
  margin-left: 12px;
}
.xxWeb .xxWeb-box .side-menu .flex-middle {
  display: flex;
  vertical-align: middle;
}
.xxWeb .xxWeb-box .side-menu .side-user-userName {
  display: inline-block;
  max-width: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.xxWeb .xxWeb-box .side-menu .avatar-warp {
  position: relative;
}
.xxWeb .xxWeb-box .side-menu .avatar-img {
  background-color: #fff;
}
.xxWeb .xxWeb-box .side-menu .user-vip {
  margin-top: 3px;
}
.xxWeb .xxWeb-box .side-menu .user-vip .user-vip-img {
  height: 27px;
  width: 27px;
  display: inline-block;
  background-size: contain;
  float: left;
  z-index: 2;
  position: relative;
}
.xxWeb .xxWeb-box .side-menu .user-vip .user-vip-img img {
  object-fit: contain;
  width: 100%;
}
.xxWeb .xxWeb-box .side-menu .user-vip .user-vip-text {
  height: 16px;
  line-height: 16px;
  display: inline-block;
  padding: 0px 3px;
  border-radius: 0px 3px 3px 0;
  margin-left: -13px;
  margin-top: 10px;
  background-color: #FF0101;
  font-size: 11px;
  font-weight: bold;
  color: #FCFF01;
  float: left;
  z-index: 1;
  text-indent: 8px;
}
.xxWeb .xxWeb-box .menu-search-box {
  width: 180px;
  display: inline-flex;
  justify-content: left;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  transition: width 0.5s;
}
.xxWeb .xxWeb-box .menu-search-icon {
  cursor: pointer;
  font-size: 16px;
}
.xxWeb .xxWeb-box .menu-search {
  width: 150px;
  margin-left: 12px;
}
.xxWeb .xxWeb-box .el-icon-search {
  cursor: pointer;
}
.xxWeb .xxWeb-box .el-menu {
  border-right: none;
  background: none;
}
.xxWeb .xxWeb-box .el-menu--horizontal > .box-item-link {
  float: left;
}
.xxWeb .xxWeb-box .el-menu.el-menu--horizontal {
  border-bottom: none;
}
.xxWeb .xxWeb-box .el-menu--horizontal > .el-submenu .el-submenu__title,
.xxWeb .xxWeb-box .el-menu--horizontal > .box-item-link > .el-menu-item {
  height: 52px;
  line-height: 52px;
}
.xxWeb .xxWeb-box .top-menu + .top-menu {
  margin-left: 15px;
}
.xxWeb .xxWeb-box .top-menu .user-wrapper {
  line-height: 12px;
}
.xxWeb .xxWeb-box .top-menu .flex-middle {
  display: flex;
  vertical-align: middle;
}
.xxWeb .xxWeb-box .el-icon-user {
  font-size: 16px;
}
.xxWeb .xxWeb-box .el-dropdown-link {
  cursor: pointer;
}
.xxWeb .xxWeb-box .side-menu {
  width: 100%;
  height: 100%;
  text-align: left;
  transition: width ease 0.5s;
  overflow-x: hidden;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-content: flex-start;
}
.xxWeb .xxWeb-box .side-scrollbar {
  overflow-x: hidden;
}
.xxWeb .xxWeb-box .side-scrollbar .el-scrollbar__view {
  height: 100%;
}
.xxWeb .xxWeb-box .dynamic-menu {
  overflow: hidden;
}
.xxWeb .xxWeb-box .dynamic-menu .el-menu-item i,
.xxWeb .xxWeb-box .dynamic-menu .el-submenu__title i {
  color: inherit;
}
.xxWeb .xxWeb-box .menu-obj:not(.el-menu--collapse) {
  width: 100%;
  min-height: 400px;
}
.xxWeb .xxWeb-box .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  line-height: 52px;
}
.xxWeb .xxWeb-box .logo img {
  height: 24px;
}
.xxWeb .xxWeb-box .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  margin: 0 12px;
}
.xxWeb .xxWeb-box .title-enter,
.xxWeb .xxWeb-box .title-leave-to {
  opacity: 0;
}
.xxWeb .xxWeb-box .title-enter-to,
.xxWeb .xxWeb-box .title-leave {
  opacity: 1;
}
.xxWeb .xxWeb-box .title-enter-active {
  transition: all 1.5s;
}
.xxWeb .xxWeb-box .title-leave-active {
  transition: all 0.2s;
}
.xxWeb .xxWeb-box .layout-main {
  flex: 1;
  display: inline-flex;
  overflow: hidden;
  flex-flow: column;
  position: relative;
}
.xxWeb .xxWeb-box .tab-padding {
  padding-top: 52px;
}
.xxWeb .xxWeb-box .tags-view-container {
  top: 0;
  left: 0;
  position: absolute;
  background: #fff;
  width: 100%;
  border-top: 1px solid #eeee;
  box-sizing: border-box;
}
.xxWeb .xxWeb-box .tags-view-container .el-tabs__header {
  margin: 0;
  width: 100%;
}
.xxWeb .xxWeb-box .tags-view-container .el-tabs__header .el-tabs__nav {
  margin: 0 20px;
}
.xxWeb .xxWeb-box .tags-view-container .el-tabs__header .el-tabs__nav-next + .el-tabs__nav-scroll .el-tabs__nav {
  margin: 0;
}
.xxWeb .xxWeb-box .tags-view-container .el-tabs__header .el-tabs__item {
  user-select: none;
}
.xxWeb .xxWeb-box .tags-view-container .el-tabs__header .el-tabs__item .tab-item-title {
  display: inline-flex;
  align-items: center;
  grid-gap: 4px;
}
.xxWeb .xxWeb-box .tags-view-container .el-tabs__content {
  display: none;
}
.xxWeb .xxWeb-box .tags-view-container .el-tabs {
  height: 100%;
  flex-flow: row;
}
.xxWeb .xxWeb-box .tags-view-container .contextmenu {
  margin: 0;
  z-index: 3000;
  position: absolute;
  list-style-type: none;
  padding: 5px 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
.xxWeb .xxWeb-box .tags-view-container .contextmenu li {
  margin: 0;
  padding: 7px 16px;
  cursor: pointer;
}
.xxWeb .xxWeb-box .app-main {
  flex: 1;
  padding: 12px;
  overflow: auto;
  height: 100%;
}
.xxWeb .xxWeb-box .app-main::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
.xxWeb .xxWeb-box .app-main::-webkit-scrollbar-track {
  background: #efefef;
  border-radius: 2px;
}
.xxWeb .xxWeb-box .app-main::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 10px;
}
.xxWeb .xxWeb-box .app-main::-webkit-scrollbar-thumb:hover {
  background: #727272;
}
.xxWeb .xxWeb-box .item-link {
  text-decoration-line: none;
}
.xxWeb .xxWeb-box .app-breadcrumb .el-breadcrumb {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  margin-left: 8px;
}
.xxWeb .xxWeb-box .app-breadcrumb .el-breadcrumb .no-redirect {
  color: #97a8be;
  cursor: text;
}
.xxWeb .xxWeb-box .content-container > .footer {
  height: 24px !important;
  text-align: left;
  line-height: 24px;
  font-size: 12px;
  border-top: 1px solid #eeee;
}
.xxWeb .xxWeb-box .content-container > .footer a {
  text-decoration-line: none;
}
.xxWeb .xxWeb-box .breadcrumb-enter-active,
.xxWeb .xxWeb-box .breadcrumb-leave-active {
  transition: all 0.5s;
}
.xxWeb .xxWeb-box .breadcrumb-enter,
.xxWeb .xxWeb-box .breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(20px);
}
.xxWeb .xxWeb-box .breadcrumb-move {
  transition: all 0.5s;
}
.xxWeb .xxWeb-box .breadcrumb-leave-active {
  position: absolute;
}
.xxWeb .xxWeb-box .mobile-drawer {
  overflow-x: hidden;
}
.xxWeb .xxWeb-box .mobile-drawer .el-drawer__header {
  display: none;
}
.xxWeb .xxWeb-box .mobile-drawer .el-drawer__body {
  padding: 0;
}
.box-item-link {
  text-decoration: none !important;
}
@keyframes side-menu-logo-expand {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes side-warp-expand {
  0% {
    width: 64px;
  }
  100% {
    width: var(--side-menu-width);
  }
}