body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%}html{box-sizing:border-box}#app{height:100%}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:200px;height:100%;background-color:#f0f2f5;box-shadow:0 1px 4px rgba(0,21,41,.08);z-index:10;overflow-y:auto}.logo{height:60px;line-height:60px;text-align:center;font-size:18px;font-weight:700;border-bottom:1px solid #e6e6e6}.logo a{color:#1890ff;text-decoration:none;display:flex;align-items:center;justify-content:center}.logo i{margin-right:8px;font-size:20px}.sidebar-menu{border-right:none}.main-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.navbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08)}.app-main{flex:1;padding:0;overflow-y:auto;background-color:#f0f2f5}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}