.view-default {
    .app-dr-bar {
        height: 100%;
        width: 100%;
        background: white;
        .drbar-menu-item--title{
            display: flex;
            align-items: center;
            .drbar-menu-item--icon{
                padding-right: 8px;
            }
        }
        >.ivu-layout-sider {
            background: white;
            border-right: solid 1px #e6e6e6;
            margin-bottom: 10px;
            >.ivu-layout-sider-children {
                overflow: auto;
                >.el-menu {
                    height: 100%;
                    border-right: solid 0px #e6e6e6;
                }
                > .el-menu {
                    margin-top: -1px;
                    border-right: 0;
                    .el-submenu__title i, .el-menu-item i {
                        font-size: 14px;
                        width: 14px;
                    }
                    .el-menu-item, .el-submenu__title {
                        height: 36px;
                        font-size: 14px;
                        line-height: 32px;
                        > img {
                            height: 18px;
                            width: 18px;
                            margin-top: -2px;
                            margin-right: 5px;
                        }
                    }
                    .el-menu-item, .el-submenu, .el-menu {
                        border-top: 1px solid #fff;
                    }
                    .el-menu-item, .el-submenu > .el-submenu__title {
                        height: 40px;
                        line-height: 36px;
                        border-left: 3px solid transparent;
                        padding-left: 16px !important;
                    }
                    .el-menu-item.is-active {
                        background: #e9e9e9 !important;
                        color: #666666 !important;
                        border-left: 3px solid #1890ff;
                        i {
                            color: #666666;
                        }
                    }
                    // .app-menu-icon {
                    //     margin-right: 3px;
                    // }
                    > .el-submenu {
                        > .el-menu {
                            > .el-menu-item, > .el-submenu > .el-submenu__title {
                                padding-left: 38px !important;
                            }
                            > .el-submenu {
                                > .el-menu {
                                    > .el-menu-item, > .el-submenu > .el-submenu__title {
                                        padding-left: 58px !important;
                                    }
                                }
                            }
                        }
                    }
                    .el-submenu.drbar-group {
                        > .el-submenu__title {
                            padding-left: 6px !important;
                            font-size: 14px;
                            font-weight: 600;
                        }
                    }
                    .el-menu-item >.right-badge {
                        float: right;
                    }
                }
            }
        }
        >content {
            height: 100%;
            padding-bottom: 6px;
            >.view-container.viewcontainer2 {
                padding: 0 10px;
            }
            .main-data {
                width: 100%;
                height: 100%;
                padding: 0 15px;
            }
        }
    }
}
