#layout{height:100%}#layout .trigger{font-size:18px;line-height:64px;padding:0 24px;transition:color .3s}#layout .trigger:hover{color:#1890ff}#layout .logo{height:32px;background:hsla(0,0%,100%,.2);margin:16px;text-align:center}#logo{height:100%}.sider{border-right:1px solid #e8e8e8}#app{height:100%}.init-loding{position:absolute;left:50%;top:50%}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%;font-family:Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;color:#333}body,html{height:100%;overflow:hidden}body{box-sizing:border-box;background-color:#f5f5f5;line-height:1}::-webkit-scrollbar{border-radius:4px;width:4px;background:hsla(0,0%,48.6%,.36)}::-webkit-scrollbar-track{border-radius:4px}::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(0,0,0,.22)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.38)}.desktop{min-height:100vh;display:flex;flex-direction:column}