.my-layout[data-v-4ab04d90]{display:flex;margin:42px auto;height:calc(100vh - 178px)}.left-bar[data-v-4ab04d90]{width:104px;margin-right:8px;background-color:hsla(0,0%,100%,.35);padding:8px;box-sizing:border-box;box-shadow:1px 0 3px 0 rgba(0,0,0,.1);border-radius:0 0 2px 2px;background-repeat:no-repeat;background-position:0 100%;background-size:100%}.left-bar .layout-title[data-v-4ab04d90]{margin-top:-8px;margin-left:-8px;margin-right:-8px;font-weight:600;font-size:16px;color:#005aae;text-align:center;padding:16px 0;position:relative}.left-bar .layout-title[data-v-4ab04d90]:before{content:" ";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(180deg,#5aafff,#0c61c0);box-shadow:0 1px 2px 0 rgba(61,148,226,.5)}.left-bar .my-menu[data-v-4ab04d90]{margin-bottom:2px;padding:14px 20px;font-size:12px;line-height:16px;cursor:pointer;clear:both;text-align:center}.left-bar .my-menu i[data-v-4ab04d90]{display:block;font-size:24px;margin-bottom:4px}.left-bar .my-menu.cur[data-v-4ab04d90]{color:var(--color-primary);background:var(--bg-color-primary)}.left-bar .my-submenu-container[data-v-4ab04d90]{height:48px;overflow:hidden;transition:all .3s ease}.left-bar .my-submenu-container.cur[data-v-4ab04d90]{color:var(--color-primary);background:var(--bg-color-primary)}.left-bar .my-submenu-container.opened[data-v-4ab04d90]{height:unset}.left-bar .my-submenu-container.opened .submenu-arrow[data-v-4ab04d90]{transform:rotate(180deg)}.left-bar .my-submenu[data-v-4ab04d90]{margin-bottom:8px;padding:0 24px 0 48px;height:32px;font-size:14px;line-height:32px;cursor:pointer}.left-bar .my-submenu.cur[data-v-4ab04d90]{font-weight:bolder}.left-bar .submenu-arrow[data-v-4ab04d90]{float:right;margin-right:-12px;line-height:48px}.my-content[data-v-4ab04d90]{flex:1;background:#fff;padding:24px;overflow:auto}[data-v-5c7cd2f8] .left-bar{background-image:url(/images/menubar_bg_w.png)}