.m-layout-header{display:flex;align-items:center;height:48px;padding:0 16px;background:#fff;box-shadow:0 2px 8px 0 rgba(15,15,15,.04),0 1px 0 0 rgba(233,236,242,.65)}.m-layout-header-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:12px;cursor:pointer;background:#f5f7fa;border-radius:2px}.m-layout-header-info{flex:1}.m-layout-header-info .router-area{font-size:12px;font-weight:400;color:#324558}.m-layout-header-info .icon-separate{padding:0 8px;color:#e9ecf2}.m-layout-header-info,.m-layout-header-tools{display:flex;align-items:center;height:100%}.m-layout-sider{display:flex;flex-direction:column;width:64px;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,#283442,#101521);box-shadow:2px 8px 4px 0 rgba(3,5,7,.04);transition:transform .2s ease-out}.m-layout-sider-logo{display:flex;align-items:center;justify-content:center;height:56px}.m-layout-sider-ul{flex:1;padding:0}.m-layout-sider-ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;height:56px;padding:8px;cursor:pointer}.m-layout-sider-ul li i{font-size:20px;color:#fff}.m-layout-sider-ul li span{padding-top:4px;font-size:12px;font-weight:400;color:rgba(255,255,255,.65)}.m-layout-sider-ul .selected{background:#101521;box-shadow:0 2px 4px 0 rgba(16,29,40,.6) inset}.m-layout-sider-ul .selected>span,.m-layout-sider-ul li:hover span{color:#fff}.m-layout-sider-extra{display:flex;display:none;align-items:center;justify-content:center;padding-bottom:8px;cursor:pointer}.m-layout-sider-extra i{font-size:20px;color:#fff}.m-layout-sider::-webkit-scrollbar{width:8px;height:8px}.m-layout-sider::-webkit-scrollbar-thumb{width:8px;background-color:rgba(65,80,123,.9)!important;border-radius:5px}.m-layout-menu{position:relative;display:flex;flex-direction:column;padding-top:16px;background:#f7f9fc;box-shadow:1px 0 0 0 #edf1f7;transition:all .5s}.m-layout-menu-item{display:flex;align-items:center}.m-layout-menu-item i{padding-right:4px}.m-layout-menu-item,.m-layout-menu-sub{height:auto!important;font-size:13px;font-weight:400;line-height:40px!important;color:#324558;cursor:pointer}.m-layout-menu-item i,.m-layout-menu-sub i{font-size:16px!important}.m-layout-menu-item:hover{background:#eff2f6}.m-layout-menu .ant-menu{background:0 0}.m-layout-menu .ant-menu-submenu-arrow{display:none}.m-layout-menu .ant-menu-item-selected{font-weight:500;color:#324558;background:#eff2f6!important}.m-layout-menu .ant-menu-item:hover{color:unset}.m-layout-menu .ant-menu-submenu-title:hover{color:#324558;background:#eff2f6}.m-layout-menu .ant-menu-item:active,.m-layout-menu .ant-menu-submenu-title:active{background:0 0}.m-layout-menu .ant-menu-item,.m-layout-menu .ant-menu-item:not(:last-child),.m-layout-menu .ant-menu-submenu-title{margin:0}.m-layout-menu .ant-menu-item i,.m-layout-menu .ant-menu-item:not(:last-child) i,.m-layout-menu .ant-menu-submenu-title i{margin-right:unset}.m-layout-menu .ant-menu-inline.ant-menu-root .ant-menu-item,.m-layout-menu .ant-menu-inline.ant-menu-root .ant-menu-submenu-title{display:flex;align-items:center}.m-layout-menu .ant-menu-light .ant-menu-item-active,.m-layout-menu .ant-menu-light .ant-menu-item:hover,.m-layout-menu .ant-menu-light .ant-menu-submenu-active,.m-layout-menu .ant-menu-light .ant-menu-submenu-title:hover,.m-layout-menu .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{color:unset}.m-layout-menu .ant-menu-item .anticon+span,.m-layout-menu .ant-menu-submenu-title .anticon+span{margin-left:0}.m-layout-menu .ant-menu-item::after{border-right:unset}.m-layout-menu .ant-menu-inline,.m-layout-menu .ant-menu-vertical,.m-layout-menu .ant-menu-vertical-left{border-right:none}.m-layout-menu-close{display:none}.m-layout-menu-toggle{position:absolute;top:50%;right:-1px;display:flex;align-items:center;cursor:pointer;transform:translateY(-50%)}.m-layout-menu-hidden{display:flex;justify-content:center;height:100%;padding-top:.65em;cursor:pointer;background:#f7f9fd;box-shadow:1px 0 0 0 #e9ecf2}.m-layout-menu-icon{margin-right:4px!important}.m-layout-menu-arrow{position:absolute;top:50%;left:8px;width:10px;margin-top:-4px;color:rgba(0,0,0,.85)}.m-layout-menu-arrow-rotate{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}.m-layout{display:flex;height:100%}.m-layout-main{flex:1;width:calc(100% - 64px)}.m-layout-container{display:flex}.m-layout-content{flex:1;overflow:auto}