#servermonitor .tableWrap{width:100%;margin:20px 0;background:#fff}#servermonitor .tableWrap .showCharts{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;background:#f2f2f2}#servermonitor .tableWrap .showCharts .leftChart{-webkit-box-sizing:border-box;box-sizing:border-box;width:360px;background:#fff;margin-right:20px;padding:20px}#servermonitor .tableWrap .showCharts .leftChart h3{line-height:40px}#servermonitor .tableWrap .showCharts .leftChart p{line-height:44px;margin-left:20px}#servermonitor .tableWrap .showCharts .rightChart{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff}#servermonitor .tableWrap .showCharts .rightChart .bothItem{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}#servermonitor .tableWrap .showCharts .rightChart .bothItem .leftItem{width:300px}#servermonitor .tableWrap .showCharts .rightChart .bothItem .leftItem li{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;border:1px solid #ccc;border-bottom:none}#servermonitor .tableWrap .showCharts .rightChart .bothItem .leftItem li span:first-of-type{position:absolute;left:5px;top:5px}#servermonitor .tableWrap .showCharts .rightChart .bothItem .leftItem li span:nth-of-type(2){font-size:14px}#servermonitor .tableWrap .showCharts .rightChart .bothItem .leftItem li span:nth-of-type(3){position:absolute;right:5px;bottom:5px;font-size:14px}#servermonitor .tableWrap .showCharts .rightChart .bothItem .rightItem{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}#servermonitor .tableWrap .showCharts .rightChart .bothItem .rightItem li{text-align:center;border:1px solid #ccc;border-bottom:none;border-left:none}#servermonitor .tableWrap .showCharts .rightChart .bothItem .rightItem li:last-child{border-bottom:1px solid #ccc}#servermonitor .tableWrap .showCharts .rightChart .bothItem .rightItem>div{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#servermonitor .el-table td,#servermonitor .el-table th{padding:8px 0}#servermonitor .networkChart{width:100%}