.multi-column-menu{width:200px;padding:0 8px;list-style:none;margin:0}.multi-column-menu li{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 16px;font-size:14px;color:#333;border-radius:4px;cursor:pointer;position:relative}.multi-column-menu li,.multi-column-menu li .menu-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.multi-column-menu li i{color:#999}.multi-column-menu li:hover{background-color:#f6f6f6}.multi-column-menu li:hover>.multi-column-menu-popover{display:block}.multi-column-menu li.active{color:#409eff;background-color:#ecf5ff}.multi-column-menu-popover{display:none;position:absolute;left:100%;top:0;padding-left:16px}.multi-column-menu-popover.level2{padding-left:22px}.multi-column-menu-popover .popover-box{padding:12px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.multi-column-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:81px;height:100%;border-right:1px solid #e8e8e8}.multi-column-wrap .children-menu-scrollbar{width:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.multi-column-wrap .children-menu-scrollbar .el-scrollbar__bar.is-horizontal{display:none}.multi-column-wrap .multi-column-list{list-style:none;margin:0;width:80px;text-align:center;padding:16px 0}.multi-column-wrap .multi-column-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px!important;height:80px;color:#a4a5a7;cursor:pointer}.multi-column-wrap .multi-column-list li.active,.multi-column-wrap .multi-column-list li:hover{background-color:hsla(0,0%,96.5%,.3);color:#fff}.multi-column-wrap .multi-column-list li i{font-size:24px!important;margin-top:14px}.multi-column-wrap .multi-column-list li p{width:100%;padding:0 10px;margin:12px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}