/*定义变量*/

:root {
    /*背景色*/
    --backGroundColor: #486B93;
    /*边框颜色*/
    --borderColor: #486B93;
    /*侧边栏一级菜单背景*/
    --slideBgColor: #486B93;
    /*侧边栏菜单二(三)级菜单背景*/
    --slideTwoBgColor: #486B93;
    /*字体颜色*/
    --fontColor: #486B93;
}


/*头部背景颜色*/

.main-container .header {
    background-color: #486B93;
    transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    -ms-transition: background 0.3s ease-in;
    -o-transition: background 0.3s ease-in;
}


/*侧边菜单背景*/

.main-container .br-menu {
    background-color: #486B93;
    transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    -ms-transition: background 0.3s ease-in;
    -o-transition: background 0.3s ease-in;
}


/*侧边菜单二级三级 背景*/

.main-container .br-menu .el-submenu .el-submenu__title {
    background-color: #486B93;
}

.main-container .br-menu .el-menu-item {
    background-color: #486B93;
}


/*侧边菜单选中后的样式*/

.main-container .br-menu .el-submenu .el-menu-item.is-active {
    background-color: #486B93;
    color: #fff !important;
    /*border-left: 4px solid #486B93;*/
}
/*!*按钮*!*/
/*.el-button--primary {*/
/*    color: #fff;*/
/*    background-color: #486a93 !important;*/
/*    border-color: #486a93 !important;*/
/*}*/
/*!*导航栏题目*!*/
/*.breadcrumb_container .el-breadcrumb__item:last-child .el-breadcrumb__inner {*/
/*    color: #486a93 !important;*/
/*}*/
/*侧边菜单收起选中当前菜单的样式*/

.el-menu--popup .el-menu-item.is-active {
    color: #486B93 !important;
}


/* 侧边菜单底部展开收起按钮 */

.main-container .slide .collapse {
    background-color: #486B93;
    border-top: 1px solid #788fb1;
    transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    -ms-transition: background 0.3s ease-in;
    -o-transition: background 0.3s ease-in;
}


/* 侧边栏文字、图标颜色 */

.main-container .br-menu .el-submenu .el-submenu__title,
.main-container .br-menu .el-menu-item,
.main-container .slide .collapse i,
.main-container .br-menu .el-submenu .el-submenu__title i {
    color: rgba(238, 238, 238, 1) !important;
}
.el-menu-item i {
    color: #fff !important;
}

/*鼠标滑过设置背景的item*/

.theme-dialog .theme-item:hover {
    border-color: #486B93 !important;
}