#pane-home-data{background:transparent;margin:-10px;margin-bottom:0;padding:10px}.dataCenterBox h2{font-size:13px;color:#333;margin:0;padding:0;font-weight:bolder}.dataCenterBox>.el-row+.el-row{margin-top:10px}.dataCenterBox .storageTable{position:relative}.dataCenterBox .storageTable .right{position:absolute;top:20px;right:20px;max-width:40%}.dataCenterBox .storageTable .warningTip{padding:0;margin:0;color:red;text-align:right}.dataCenterBox .storageTable .warningTip>i{margin-right:.3em}.dataCenterBox .storageTable .dataTable{margin-top:10px;width:100%;height:240px}.dataCenterBox .storageTable .dataTable .warnRed .cell{color:red}.dataCenterBox .userTopBox .topItems{margin:0 -20px;margin-top:12px;padding-left:20px;height:230px;overflow:auto}.dataCenterBox .userTopBox .topItems>ul{list-style:none;margin:0;padding:0}.dataCenterBox .userTopBox .topItems>ul li{padding:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:1.5em}.dataCenterBox .userTopBox .topItems>ul li span{margin-right:10px}.dataCenterBox .userTopBox .topItems>ul li .bar{display:inline-block;height:1.5em;width:calc(var(---barWidth) + 10px);max-width:50%;background-color:#02a7f0}.dataCenterBox .topBox01{position:relative}.dataCenterBox .topBox01 .topItems{margin:0 -20px;margin-top:12px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;height:170px;overflow:auto}.dataCenterBox .topBox01 .topItems>ul{width:100%;list-style:none;margin:0;padding:0}.dataCenterBox .topBox01 .topItems>ul li{padding:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dataCenterBox .topBox01 .topItems>ul li>p{padding:0;margin:0}.dataCenterBox .topBox01 .topItems>ul li>p span+span{margin-left:.5em}.dataCenterBox .topBox01 .tabs{position:absolute;top:20px;right:18px;list-style:none;margin:0;padding:0}.dataCenterBox .topBox01 .tabs li{display:inline;margin:0 10px;cursor:pointer}.dataCenterBox .topBox01 .tabs li.actived{color:#02a7f0;text-decoration:underline}.dataCenterBox .memberBox{position:relative}.dataCenterBox .memberBox .right{position:absolute;top:12px;right:12px;max-width:60%}.dataCenterBox .memberBox .right.flexDataBox{margin:0}.dataCenterBox .memberBox .right.flexDataBox dl{min-width:100px}.dataCenterBox .lineDataBox{margin-top:30px}.dataCenterBox .lineDataBox>dl{width:100%;margin:0;padding:0}.dataCenterBox .lineDataBox>dl dd,.dataCenterBox .lineDataBox>dl dt,.dataCenterBox .lineDataBox>dl p{margin:0;padding:0;line-height:1.5em}.dataCenterBox .lineDataBox>dl dt{font-size:13px;color:#999;width:100%}.dataCenterBox .lineDataBox>dl dd{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.dataCenterBox .lineDataBox>dl dd .lead{font-size:32px;color:#333;min-width:180px}.dataCenterBox .flexDataBox{margin:0 -18px;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}.dataCenterBox .flexDataBox>dl{width:100%;margin:0;padding:0}.dataCenterBox .flexDataBox>dl dd,.dataCenterBox .flexDataBox>dl dt,.dataCenterBox .flexDataBox>dl p{margin:0;padding:0;width:100%;text-align:center;line-height:1.5em}.dataCenterBox .flexDataBox>dl dt{font-size:13px;color:#999}.dataCenterBox .flexDataBox>dl dd{font-size:32px;color:#333}.dataCenterBox .flexDataBox>dl p{margin-top:10px}.dataCenterBox .line01{width:100%;height:220px}.dataCenterBox .line01 .compared{padding:6px 10px;border-radius:3px}.dataCenterBox .line01 .compared.plus{background-color:rgba(129,211,248,.3);color:#02a7f0}.dataCenterBox .line01 .compared.minus{background-color:rgba(236,128,141,.3);color:#d9001b}.dataCenterBox .line02{width:100%;height:280px}.dataCenterBox .line02 .chartBox{height:240px}.dataCenterBox .line03{width:100%;height:360px}.dataCenterBox .line03 .chartBox{height:320px}.dataCenterBox .chartBox{position:relative;width:100%;max-height:100%}