.operation-sidebar {
    width: 220px;
    height: 100%;
    overflow-y: auto;
    background-color: #1b3052;
    font-size: 14px;
    float: left;
    padding-bottom: 30px;
}

.operation-sidebar ul,
.operation-sidebar li,
.operation-sidebar h3 {
    margin: 0;
    padding: 0;
}

.operation-sidebar li {
    display: block;
    /* windows 360急速，内核63高度异常 */
}

.operation-sidebar *,
.operation-sidebar *::before,
.operation-sidebar *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.operation-sidebar>ul {
    list-style: none;
}

.operation-sidebar>ul>li {
    margin-bottom: 2px;
}

.operation-sidebar .operation-sub-menu-list,
.operation-sidebar .operation-third-menu-list {
    max-height: 600px;
}

.operation-sidebar .operation-nav-title {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 27px 0 50px;
    background-color: #274777;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.operation-sidebar .operation-nav-title:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    left: 13px;
    top: 14px;
}

.operation-sidebar .operation-nav-title::after,
.operation-sidebar .operation-nav-item.has-arrow::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 7px;
    top: 50%;
    right: 14px;
    margin-top: -3px;
}

.operation-sidebar .operation-nav-item.has-arrow {
    position: relative;
}

.operation-sidebar .operation-nav-title.nav-arrow-up::after,
.operation-sidebar .operation-nav-item.has-arrow.nav-arrow-up::after {
    background: url("../images/nav-arrow-up.png") no-repeat center center;
}

.operation-sidebar .operation-nav-title.nav-arrow-down::after,
.operation-sidebar .operation-nav-item.has-arrow.nav-arrow-down::after {
    background: url("../images/nav-arrow-down.png") no-repeat center center;
}

.operation-sidebar .platform-app::before {
    background: url("../images/platform-app.png") no-repeat center center;
}

.operation-sidebar .personal-setting::before {
    background: url("../images/personal-setting.png") no-repeat center center;
}

.operation-sidebar .app-data::before {
    background: url("../images/app-data.png") no-repeat center center;
}

.operation-sidebar .back-setting::before {
    background: url("../images/back-setting.png") no-repeat center center;
}

.operation-sidebar .app-manage::before {
    background: url("../images/app-manage.png") no-repeat center center;
}

.operation-sidebar .role-auth::before {
    background: url("../images/role-auth.png") no-repeat center center;
}

.operation-sidebar .abnormal-reporting::before {
    background: url("../images/abnormal-reporting.png") no-repeat center center;
}

.operation-sidebar .waiting-handle::before {
    background: url("../images/waiting-handle.png") no-repeat center center;
}

.operation-sidebar .binding-manage::before {
    background: url("../images/binding-manage.png") no-repeat center center;
}

.operation-sidebar .cloud-school::before {
    background: url("../images/cloud-school.png") no-repeat center center;
}

.operation-sidebar .platform-operation::before {
    background: url("../images/platform-operation-supervision.png") no-repeat center center;
}

.operation-sidebar .experience-center::before {
    background: url("../images/experience-center.png") no-repeat center center;
}

.operation-sidebar .record-manage::before {
    background: url("../images/record-manage.png") no-repeat center center;
}

.operation-sidebar .data-interoperability::before {
    background: url("../images/data-interoperability.png") no-repeat center center;
}

.operation-sidebar .project-setting::before {
    background: url("../images/project-setting.png") no-repeat center center;
}

.operation-sidebar .portal-manage::before {
    background: url("../images/portal-manage.png") no-repeat center center;
}

.operation-sidebar .component-manage::before {
    background: url("../images/component-manage.png") no-repeat center center;
}

.operation-sidebar .work-portal-manage::before {
    background: url("../images/work-portal-manage.png") no-repeat center center;
}

.operation-sidebar .operation-nav-item {
    color: #b3d3f4;
    /* height: 50px; */
    line-height: 50px;
    padding-left: 50px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    position: relative;
}

.operation-sidebar .operation-nav-item:hover,
.operation-sidebar .operation-nav-item-active>.operation-nav-item,
.operation-sidebar .operation-nav-item.operation-nav-item-active {
    color: #fff;
    background-color: #007bff;
}

.operation-sidebar .operation-nav-item-active .operation-nav-item.has-arrow {
    color: #b3d3f4;
    background: none;
}

.operation-sidebar .operation-nav-item-active .operation-nav-item.has-arrow:hover {
    color: #fff;
    background-color: #007bff;
}


/* .operation-sidebar .operation-third-menu-list .operation-nav-item.operation-nav-item-active::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #007bff;
} */


/* .operation-sidebar .operation-nav-item.has-arrow:hover {
    background: none;
    color: #b3d3f4;
} */


/* .operation-sidebar .operation-third-menu-list {
    display: none;
} */

.operation-sidebar .operation-third-menu-list .operation-nav-item {
    padding-left: 80px;
}