._menu_layout{width:218px;max-width:218px;height:100%;display:flex;flex-direction:column;transition:max-width .2s;position:relative}._menu_layout .user_layout{font-size:10px;text-align:center;transition:font-size .2s}._menu_layout .user_layout .avatar{width:10em;height:10em;margin-top:24px;margin-bottom:18px;padding:3px;border-radius:50%;border:1px solid #10a6b4;overflow:hidden}._menu_layout .user_layout .username,._menu_layout .user_layout .role{margin:0 28px;text-align:left;height:24px;max-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:max-height .2s}._menu_layout .user_layout .username span,._menu_layout .user_layout .role span{font-weight:700;color:#3d3d3d}._menu_layout .menu{flex:1;height:0;overflow:hidden overlay}._menu_layout .menu_item{margin:0 18px;border-top:1px solid #e9e8ee}._menu_layout .menu_title{margin:12px 0;height:36px;display:flex;align-items:center;font-weight:700;font-size:15px;color:#3d3d3d;white-space:nowrap;overflow:hidden;cursor:pointer;transition:transform .16s}._menu_layout .menu_title:before{color:#10a6b4;font-weight:300;font-size:20px;transition:transform .2s,font-size .2s}._menu_layout .menu_title .menu_label{flex:1;margin:0 5px}._menu_layout .menu_title .menu_right_icon{color:#d8d8d8;transition:transform .2s}._menu_layout .menu_title.actived .menu_right_icon{transform:rotate(90deg)}._menu_layout .menu_sub{display:block;margin:0 12px 10px;padding:0 16px;white-space:nowrap;line-height:36px;color:#999;font-size:13px;border-right:3px solid transparent;cursor:pointer}._menu_layout .menu_sub:hover,._menu_layout .menu_sub.router-link-active{border-color:#10a6b4;color:#10a6b4;background-color:#e7f7f7}._menu_layout .sub_layout{overflow:hidden;transition:max-height .2s ease}._menu_layout .open_icon{margin:12px;line-height:32px;text-align:center;font-size:14px;color:#10a6b4;border-radius:3px;border:1px solid rgba(16,166,180,.08);background-color:#10a6b414;cursor:pointer}._menu_layout .open_icon:hover{border-color:#10a6b480}._menu_layout.close_menu{max-width:60px}._menu_layout.close_menu .user_layout{font-size:4px}._menu_layout.close_menu .user_layout .username,._menu_layout.close_menu .user_layout .role{max-height:0}._menu_layout.close_menu .menu_title:before{font-size:24px}._menu_layout.close_menu .menu_title:hover{transform:scale(1.6)}._menu_layout.close_menu .menu_label{white-space:nowrap;overflow:hidden}._menu_layout.close_menu .menu_right_icon{display:none}._menu_layout.close_menu .menu .sub_layout{max-height:0!important}._menu_layout.close_menu>.hover_sub_layout{padding-left:4px;position:absolute;top:94px;left:100%;z-index:99;min-width:180px}._menu_layout.close_menu>.hover_sub_layout .sub_layout{padding-top:16px;padding-bottom:8px;background-color:#fff}._menu_layout.close_menu .open_icon{transform:rotate(180deg)}._breadcrumb[data-v-2c594294]{font-size:15px;line-height:1.3;user-select:none;color:#999}._layout[data-v-448d32ee]{width:100vw;height:100vh;display:flex;flex-wrap:wrap;overflow:hidden}._layout ._head[data-v-448d32ee]{width:100vw;height:60px}._layout ._menu[data-v-448d32ee],._layout ._main[data-v-448d32ee]{margin-bottom:8px;height:calc(100vh - 104px)}._layout ._menu[data-v-448d32ee]{padding-left:18px}._layout ._main[data-v-448d32ee]{flex:1;padding:0 18px;width:0}._layout ._main ._breadcrumb[data-v-448d32ee]{line-height:36px}._layout ._main ._page[data-v-448d32ee]{height:calc(100% - 36px);overflow:overlay}
