.header{width:100%;height:64px;background:white;box-shadow:0 0 5px 2px #ddd;line-height:64px;display:flex;padding:0 25px;position:fixed;z-index:1;top:0}.header-logo{margin-right:40px}.header-logo-img{width:56px;height:56px;position:relative;margin-right:6px;font-size:45px}.header-logo-title{font-size:24px}.header-menu{display:flex;height:64px;line-height:64px;font-size:18px;margin:0 20px}.header-menu .menuItem{color:#2086ff;margin:0 16px;position:relative;transition:all .4s}.header-menu .menuItem:before{content:" ";position:absolute;width:0;border-radius:4px;height:3px;background-color:#2086ff;box-sizing:border-box;left:0;right:0;top:52px;transition:width .4s;margin:auto}.header-menu .menuItem.active,.header-menu .menuItem:hover{color:#0046ef}.header-menu .menuItem.active:before,.header-menu .menuItem:hover:before{background-color:#0046ef;display:block;width:50%}.header-user{margin-left:auto;font-size:18px;padding:0 15px;min-width:136px;text-align:center}.header-user>a{color:#2086ff;transition:all .3s}.header-user>a:hover{color:#0046ef}.header-user>a:hover>.circle{border-color:#0046ef}.header-user>a>.circle{padding:2px;border-radius:50%;border:2px solid #2086ff;position:relative;margin-right:6px}.header-user-menu>.ant-dropdown-menu-item{padding:6px 40px;color:#2086ff}.header-user-menu>.ant-dropdown-menu-item:hover{color:#0046ef}.siderbar-menu{padding:20px 0}.siderbar-menu .ant-menu{border-right:none;text-align:center;font-weight:400;font-size:15px;transition:all .4s}.siderbar-menu .ant-menu .ant-menu-submenu{margin-bottom:5px}.siderbar-menu .ant-menu .ant-menu-submenu .ant-menu-submenu-title{padding-right:12px}.siderbar-menu .ant-menu .ant-menu-submenu .ant-menu-title-content,.siderbar-menu .ant-menu .ant-menu-item .ant-menu-title-content{margin-right:8px}.siderbar-menu .ant-menu .ant-menu-submenu.ant-menu-item-selected,.siderbar-menu .ant-menu .ant-menu-item.ant-menu-item-selected,.siderbar-menu .ant-menu .ant-menu-submenu:hover,.siderbar-menu .ant-menu .ant-menu-item:hover{font-weight:400;background-color:#def}.siderbar-menu .ant-menu .ant-menu-submenu.ant-menu-item-selected .ant-menu-item-icon,.siderbar-menu .ant-menu .ant-menu-item.ant-menu-item-selected .ant-menu-item-icon,.siderbar-menu .ant-menu .ant-menu-submenu:hover .ant-menu-item-icon,.siderbar-menu .ant-menu .ant-menu-item:hover .ant-menu-item-icon{border:1px solid #2186ff}.siderbar-menu .ant-menu .ant-menu-submenu .ant-menu-item-icon,.siderbar-menu .ant-menu .ant-menu-item .ant-menu-item-icon{transition:all .3s;border:1px solid gray;font-weight:600;width:30px;height:30px;line-height:30px;border-radius:50%}.siderbar-menu .ant-menu .ant-menu-sub.ant-menu-inline>.ant-menu-item,.siderbar-menu .ant-menu .ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{margin:0}.siderbar-menu-collapsed{position:absolute;bottom:0;right:0}.home{display:flex;padding-top:64px;width:100%;box-sizing:border-box}.home-content{width:80%;overflow-y:auto;overflow-x:hidden;margin-left:20%;padding:8px;min-height:calc(100vh - 68px)}.home-content-div{width:100%;height:100%;background:white;padding:16px}.home-siderbar{width:20%;background:white;text-align:center;height:calc(100vh - 64px);box-sizing:border-box;position:fixed}.home-info{width:20%;margin:12px 12px 12px 0;background:white;padding:24px}.loading-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20%}
