.el-container {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.el-aside {
    transition: all .3s;
}
.el-header {
    padding: 0;
}
.el-main {
    position: relative;
    padding: 0;
    background: #F6F7F9;
    overflow: hidden;
}
.el-footer {
    padding: 0;
}


.el-aside .menu_list {
    background: #282c34;
    overflow: hidden;
}
.el-aside .logo_text {
    height: 60px;
    padding: 22px 20px 14px;
}
.el-aside .menu_list .el-menu {
    border: none;
}
.el-aside .menu_list .el-submenu .el-menu-item {
    padding: 0 40px;
}
.el-aside .menu_list .subMenuText,
.el-aside .menu_list .menuText {
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.el-aside .menu_list .subMenuText {
    display: inline-block;
    max-width: 172px;
}
.el-aside .menu_list .menuText {
    display: inline-block;
    max-width: 156px;
}
.el-aside .menu_list .el-scrollbar__wrap {
    overflow-x: hidden;
}
body[dir="rtl"] .el-aside .menu_list .subMenuText,
body[dir="rtl"] .el-aside .menu_list .menuText,
body[dir="rtl"] .el-menu--vertical .el-menu-item .menuText {
    margin-left: 0;
    margin-right: 10px;
}

.el-header .header_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 20px;
}
.el-header .header_bar .breadcrumb_list {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 60px;
}
.el-header .header_bar .breadcrumb_list .el-breadcrumb__inner {
    font-weight: bold;
}
.el-header .header_bar .func_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.el-header .icon {
    font-size: 16px;
    cursor: pointer;
}
.el-header .user_img{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
}
.el-header .img_box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
}
.el-header .img_error {
    line-height: 40px;
    text-align: center;
    background: #f5f7fa;
    border-radius: 50%;
}
.el-header .user_text {
    display: flex;
    align-content: center;
    align-items: center;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
body[dir="rtl"] .breadcrumb_list .icon {
    transform: rotateY(180deg);
}

.activeLocal.el-dropdown-menu__item{
    background: #f5f7fa;
}

.el-header .tab_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-top: 1px solid #f6f6f6;
}
.el-header .tab_bar .el-tabs__header {
	border-bottom: 0;
}
.el-header .tab_bar .el-tabs__header .el-tabs__nav {
	border: 0;
}
.el-header .tab_bar .el-tabs__header .el-tabs__item {
	height: 38px;
	padding: 0 30px!important;
	margin-top: 5px;
	margin-right: -18px;
	line-height: 38px;
	text-align: center;
	border: 0;
	transition: padding .3s cubic-bezier(.645,.045,.355,1)!important;
}
.el-header .tab_bar .el-tabs__header .el-tabs__item:hover {
	color: #515a6e!important;
	background: #dee1e6;
}
body[dir="rtl"] .el-header .tab_bar .el-tabs__header .el-tabs__item {
    margin-right: 0;
    margin-left: -18px;
}

.el-header .tab_bar .el-tabs__header .el-tabs__item.is-active,
.el-header .tab_bar .el-tabs__header .el-tabs__item.is-active:hover,
.el-header .tab_bar .el-tabs__header .el-tabs__item:hover {
	padding: 0 30px!important;
	mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);
	-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);
	mask-size: 100% 100%;
	-webkit-mask-size: 100% 100%;
}
.el-header .tab_bar .el-tabs__header .el-tabs__item.is-active,
.el-header .tab_bar .el-tabs__header .el-tabs__item.is-active:hover {
	color: #1890ff!important;
	background: #e8f4ff!important;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active .el-icon-close,
.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{
	width: 14px;
}

.el-footer .box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 32px;
    padding: 0 20px;
    border-top: 1px solid #dcdfe6;
}
.el-footer .box a {
    font-size: 12px;
    color: #7a8b9a;
    text-decoration: underline;
    cursor: pointer;
}

.system_setting_dialog {
    max-height: calc(75vh - 128px);
    min-height: 300px;
}
.system_setting_dialog .el-scrollbar__wrap {
    overflow-x: hidden;
}
.el-tooltip__popper {
    width: 265px;
    line-height: 1.8;
    white-space: pre-line;
}
.my-collapse .el-collapse-item__header {
	height: 64px;
	line-height: 64px;
}
.my-collapse .el-collapse-item__content {
	padding-bottom: 0;
}




