// scss variable

.top-menu .el-menu{
    background: #373D41;
    border-right: 1px solid #222;
    padding-left: 1px;
}
.top-menu .el-menu--horizontal{
    border-bottom: none
}
.top-menu .el-menu .el-menu-item{
    box-shadow: 1px 0  0px 0 #222 inset;
    width: 130px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.top-menu  .el-menu .el-menu-item:first-child{
    border-bottom-color: #373D41 !important;
    width: 60px;
}
.top-menu .el-menu .el-menu-item.is-active{
    box-shadow: 1px 0  0px 0 #222 inset;
}
.top-menu .el-menu--horizontal>.el-menu-item.is-active{
    border-bottom: 4px solid #00C1DE;
}
.top-menu .el-menu:hover{
    background: #373D41 !important;
    
}
.el-menu--horizontal .el-menu-item:focus, .el-menu--horizontal .el-menu-item:hover{
    background: #373D41 ;
}

// .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover
.menu-controller{
    color: #fff;
    font-size:18px;
    text-align: center;
    height:50px;
    line-height: 50px;
    cursor: pointer;
}
.menu-controller2 img{
    transform: rotate(90deg);
}
.layout-menu{
    .el-menu{
        background: #42485B;
    }
    .el-menu-item{
        background: #42485B;
        height: 40px;
        line-height: 40px;
    }
    .el-menu{
        background: #42485B;
    }
    .el-menu.hover{
        background: #333744
    }
    .el-submenu__title{
        width:220px;
        height: 40px;
        line-height: 40px;
    }
    .el-submenu__title:hover{
        background: #333744 !important;
        height: 40px;
        line-height: 40px;
    }
    .is-opened .el-menu-item{
        background: #333744;
    }
    .el-menu-item:hover{
        background: #333744 
    }
    .el-menu-item.is-active{
        background: #00C1DE;
        color:#fff
    }
    .meun-collapse .el-menu-item span,.meun-collapse .el-submenu span{
        display: none
    }
}
.el-menu--collapse .el-submenu__title{width:64px}
.el-menu{
    border-right: none;
    .el-menu-item{
        max-width:100%;
    }
}

.nav-img-icon{
    width:18px;
    height:18px;
    margin:0 8px 0 3px
}
.icon-nav-home{
    background:url('../../assets/nav-icon/icon-nav-home.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-asset-manage{
    background:url('../../assets/nav-icon/icon-nav-asset-manage.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-spare-parts{
    background:url('../../assets/nav-icon/icon-nav-spare-parts.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-consumptive-material{
    background:url('../../assets/nav-icon/icon-nav-consumptive-material.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-asset-base{
    background:url('../../assets/nav-icon/icon-nav-asset-base.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}



.icon-nav-my-work{
    background:url('../../assets/nav-icon/icon-nav-my-work.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}



.icon-nav-main{
    background:url('../../assets/nav-icon/icon-nav-main.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-organization{
    background:url('../../assets/nav-icon/icon-nav-organization.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-asset-setting{
    background:url('../../assets/nav-icon/icon-nav-asset-setting.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-approve-setting {
    background:url('../../assets/nav-icon/icon-nav-approve-setting.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-dict {
    background:url('../../assets/nav-icon/icon-nav-dict.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-enterprise-setting {
    background:url('../../assets/nav-icon/icon-nav-enterprise-setting.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-operation-log {
    background:url('../../assets/nav-icon/icon-nav-operation-log.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}


.icon-nav-fault{
    background:url('../../assets/nav-icon/icon-nav-fault.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-inspection {
    background:url('../../assets/nav-icon/icon-nav-inspection.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-order{
    background:url('../../assets/nav-icon/icon-nav-order.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.con-nav-operation{
    background:url('../../assets/nav-icon/icon-nav-operation.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
//设备信息{}



.icon-nav-knowledge{
    background:url('../../assets/nav-icon/icon-nav-knowledge.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}


.icon-nav-operate{
    background:url('../../assets/nav-icon/icon-nav-operate.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-business-management{
    background:url('../../assets/nav-icon/icon-nav-business-management.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.icon-nav-system {
    background:url('../../assets/nav-icon/icon-nav-system.png')  no-repeat;   
    display:inline-block;
    width: 18px;
    height: 18px;
    margin-right:5px
}
.el-dropdown-menu__item--divided:before, .el-menu, .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: #373d41 !important;
}
i.el-submenu__icon-arrow{
    right:  25px
}