body,html{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.app-foundation{display:flex;justify-content:space-between;width:100%;height:100vh}.app-foundation-container{display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.foundation-main-side{overflow:auto;box-sizing:border-box;flex-shrink:0;width:40px}.foundation-main-content{display:block;flex:1;flex-basis:auto;overflow:auto;padding:0}.app-nav{height:100%;display:flex;flex-direction:column;box-shadow:2px 0 10px 0 rgba(0,47,60,.2);padding:4px;box-sizing:border-box;background:#fff;z-index:9;text-align:center}.app-nav .nav-a-btn{padding:4px;background:#f3f4f5;margin-bottom:10px;font-weight:700;cursor:pointer}.app-nav .router-active{color:#3391ff;background:rgba(222,238,253,.871)}.foundation-app-content{flex:1;height:100%}.foundation-app-content .app-header-content{padding:0 20px;width:100%;height:50px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border-bottom:1px solid #ccc}.foundation-app-content .app-container{width:100%;height:calc(100% - 50px);overflow:auto;box-sizing:border-box}::-webkit-scrollbar{width:8px;background:#fff}::-webkit-scrollbar-corner,::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:4px}@media(max-width:756px){::-webkit-scrollbar{display:none!important;width:0;height:0}}