.box{background-color:#fff;width:100%;height:100%;margin:0 auto}.chart-box{text-align:center;width:100%;height:100%}.chart{width:85%;height:100%;margin:0 auto}.package-info{margin:15px 0 13px 0;background-image:-webkit-gradient(linear,left top,right top,from(#516ce9),to(#8c86db));background-image:linear-gradient(90deg,#516ce9,#8c86db);height:150px}.describe,.package-info{-webkit-box-shadow:3px 3px 8px #888;box-shadow:3px 3px 8px #888;width:100%}.describe{margin:16px 0 15px 0;background-color:#f6f6f5;height:182px;text-align:center}.describe-l{margin-top:1px}.describe-l,.describe-t{background-color:#f6f6f5;width:100%;height:90px;text-align:center}.chart-line{margin:16px 0 15px 0;background-color:#f6f6f5;width:100%}#cpu,#fps,#network,#ping{height:400px;margin-bottom:17px;-webkit-box-shadow:3px 3px 8px #888;box-shadow:3px 3px 8px #888}.m-info,.p-info,.t-info,.u-info,.upload-info{width:100%;padding-bottom:35px;padding-top:35px;text-align:center}.describe-json .el-table .cell{line-height:34px}.logo-icon,.perf-dc{cursor:pointer}.header-left{float:left}.header-right{float:right;padding-right:50px}.header-user-con{display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;width:190px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-avator{margin-left:20px;cursor:pointer}.user-avator img{display:block;width:40px;height:40px;border-radius:50%}.user-name{margin-left:10px;color:hsla(0,0%,100%,.6705882352941176);font-size:15px}.header-sys-con{display:-webkit-box;display:-ms-flexbox;display:flex;height:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin-left:20px}.logo-icon img{display:block;width:auto;height:40px;-webkit-transform:scale(1);transform:scale(1)}.perf-dc{margin-left:10px;color:#fff;font-size:18px}.share-icon{cursor:pointer}