.page-basic{width:100%;min-height:100vh}.page-basic .content{margin:0 16px 16px;padding:16px;background:#fff;height:100%;min-height:280px}@media(max-width:1024px)and (min-width:768px){.page-basic{flex-direction:column}.page-basic .ant-layout-sider{max-width:100%!important;width:100%!important;height:auto!important;position:fixed!important;top:60px;left:0;right:0;z-index:100;box-shadow:0 2px 6px #00152959}.page-basic .ant-layout-sider.ant-layout-sider-collapsed{max-width:0!important;width:0!important;min-width:0!important;overflow:hidden}.page-basic .ant-layout{margin-left:0!important}.page-basic .content{margin:0 12px 12px;padding:12px}}@media(max-width:767px){.page-basic{flex-direction:column}.page-basic .ant-layout-sider{max-width:100%!important;width:100%!important;height:auto!important;position:fixed!important;top:64px;left:0;right:0;z-index:100;box-shadow:0 2px 6px #00152959}.page-basic .ant-layout-sider.ant-layout-sider-collapsed{max-width:0!important;width:0!important;min-width:0!important;overflow:hidden}.page-basic .ant-layout{margin-left:0!important}.page-basic .content{margin:0 12px 12px;padding:12px}}.header{background-color:#fff;padding:0;box-shadow:0 1px 4px #00152914;overflow:hidden;display:flex;align-items:center}.header .trigger{padding:0 24px;font-size:20px;cursor:pointer;line-height:64px;transition:all .3s;height:100%}.header .trigger.fold{transform:rotate(180deg)}.header .trigger:hover{background-color:#d1e3fa}.header .rightBox{flex:auto;display:flex;justify-content:flex-end}.header .rightBox .userhead{padding:0 20px;margin-right:4px;cursor:pointer;font-size:20px}.header .rightBox .userhead .username{font-size:14px;margin-left:4px}.header .rightBox .userhead:hover{background-color:#d1e3fa}.header .full{padding:0 24px;cursor:pointer;transition:all .3s}.header .full .ant-badge{display:inline!important}.header .full .ant-badge .ant-badge-count{top:-15px}.header .full .icon{font-size:20px;padding:4px}.header .full:hover{background-color:#d1e3fa}.header .full a{display:block;width:100%;height:100%}.menu .anticon{margin-right:8px}.headerPopover .ant-popover-inner-content{padding:0}.headerTabs{max-width:400px}.headerTabs .ant-tabs-bar{padding:12px 16px 0}.headerTabs .ant-tabs-tab{margin:0 32px 0 0!important}.headerTabs .ant-tabs-tab:last-child{margin-right:0!important}.headerTabs .ant-tabs-content{min-height:200px}.headerTabs .link{display:block;width:100%;height:100%;padding:12px;transition:all .3s}.headerTabs .link+.link{border-top:solid 1px #f0f0f0}.headerTabs .link:hover{background-color:#d1e3fa}@media(max-width:1024px)and (min-width:768px){.header{height:60px}.header .trigger{padding:0 20px;font-size:18px;line-height:60px}.header .rightBox .userhead{padding:0 16px;font-size:18px}.header .rightBox .userhead .username{display:inline;font-size:12px}.header .full{padding:0 20px}.header .full .icon{font-size:18px}.headerTabs{max-width:70vw!important}}@media(max-width:767px){.header{height:56px}.header .trigger{padding:0 16px;font-size:18px;line-height:56px}.header .rightBox .userhead{padding:0 12px;font-size:18px}.header .rightBox .userhead .username{display:none}.header .full{padding:0 16px}.header .full .icon{font-size:18px;padding:2px}.headerTabs{max-width:90vw!important}.headerTabs .ant-tabs-bar{padding:8px 12px 0}.headerTabs .ant-tabs-tab{margin:0 16px 0 0!important}}.sider{box-shadow:2px 0 6px #00152959;min-height:100vh;background-color:#fff}.sider .menuLogo{height:64px;background-color:#fff}.sider .menuLogo.hide a{justify-content:center}.sider .menuLogo.hide a div{overflow:hidden;opacity:0;width:0}.sider .menuLogo a{display:flex;height:100%;align-items:center}.sider .menuLogo a img{width:40px;flex:none;margin-left:12px}.sider .menuLogo a div{color:#333;width:100%;font-size:24px;padding-left:10px;white-space:nowrap;transition:all .3s}@media(max-width:1024px)and (min-width:768px){.sider{min-height:auto!important;box-shadow:0 2px 6px #00152959!important}.sider .menuLogo{display:none}.sider .ant-menu{font-size:13px}.sider .ant-menu .ant-menu-item,.sider .ant-menu .ant-menu-submenu-title{height:44px!important;line-height:44px!important;padding-inline:16px!important}.sider .ant-menu .ant-menu-item-icon,.sider .ant-menu .ant-menu-submenu-icon{font-size:16px}}@media(max-width:767px){.sider{min-height:auto!important;box-shadow:0 2px 6px #00152959!important}.sider .menuLogo{display:none}.sider .ant-menu{font-size:13px}.sider .ant-menu .ant-menu-item,.sider .ant-menu .ant-menu-submenu-title{height:44px!important;line-height:44px!important;padding-inline:16px!important}.sider .ant-menu .ant-menu-item-icon,.sider .ant-menu .ant-menu-submenu-icon{font-size:16px}}.footer{text-align:center;padding:0 16px 16px;flex:none}.footer a:hover{text-decoration:underline}.footer.user-layout{width:100%;background-color:transparent;color:#ddd;font-size:12px;z-index:2}@media(max-width:1024px)and (min-width:768px){.footer{padding:0 14px 14px;font-size:12px}.footer.user-layout{font-size:11px}}@media(max-width:767px){.footer{padding:0 12px 12px;font-size:11px;line-height:1.4}.footer.user-layout{font-size:10px}}.bread{padding:16px;display:flex;align-items:center}.bread .icon{flex:none;color:#2c2;margin-right:8px}@media(max-width:1024px)and (min-width:768px){.bread{padding:14px;font-size:13px}.bread .icon{margin-right:8px}}@media(max-width:767px){.bread{padding:12px;font-size:12px}.bread .icon{margin-right:6px}}.page-user{width:100%;min-height:100vh}