#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}ul{flex-direction:column;align-items:flex-start}li,ul{width:100%;height:100%;display:flex;justify-content:flex-start}li{align-items:center}.menu1{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.menu1,.menu2,.menu3,.menu4{width:100%;height:100%}.layout,body{margin:auto}.layout{width:100%;height:100vh;display:flex;overflow:hidden}.side{width:12%;height:100%;background-color:#545c64}.main{width:88%;height:100%;overflow:auto}.exit_:hover,.user_text:hover{color:#409eff}