#app,body,html{height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.home{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.home_left{width:50px;height:100%;background:#252a2e}.home_left>ul{width:100%;padding-top:100px}.home_left>ul>li{cursor:pointer;margin-bottom:30px}.home_left>ul>li>img{height:22px}.home_right{width:100%;position:relative}.nav{width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;height:55px;overflow:hidden;position:absolute;right:0}.nav>li{line-height:55px;margin-left:20px}.nav>li>span{cursor:pointer;color:#409eff}.nav>li>span:hover{color:#1381f3}.content{height:100%}.data{position:absolute;top:20%;left:20%}