.page[data-v-ab2ed5c8]{display:flex;margin:20px}.monitorWarp[data-v-ab2ed5c8]{margin:auto;position:relative}.monitorWarp[data-v-ab2ed5c8]:after{content:"";position:absolute;left:50%;top:0;width:0;height:100%;z-index:2;margin-left:-1px;border-left:1px dashed #4f5f6f}.arc[data-v-ab2ed5c8]{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed #4f5f6f}.degLine[data-v-ab2ed5c8]{width:0;z-index:2;margin-left:-1px;border-left:1px dashed #000;overflow:hidden}.angle[data-v-ab2ed5c8],.degLine[data-v-ab2ed5c8]{position:absolute;left:50%;top:0;height:50%;transform-origin:center bottom}.angle[data-v-ab2ed5c8]{width:4px;margin-left:-2px;z-index:4}.angle i[data-v-ab2ed5c8]{position:absolute;width:100%;bottom:0;font-style:normal}.angle em[data-v-ab2ed5c8]{position:absolute;left:0;top:0;width:0;height:0;border-width:4px;border-style:solid;border-color:transparent transparent red transparent;border-top:none;margin:-4px 0 0 -2px;cursor:pointer}.angle .title[data-v-ab2ed5c8]{position:absolute;left:-6px;top:-32px;color:#4f5f6f}.tip2[data-v-ab2ed5c8]{position:fixed;left:0;top:0;margin:14px;width:140px;padding:10px;background:#fff;box-shadow:0 0 10px #dadada;z-index:5}.tip2 .item[data-v-ab2ed5c8],.tip2 .name[data-v-ab2ed5c8]{display:block}.tip2 .item[data-v-ab2ed5c8]{padding-top:10px}.tip2 .point[data-v-ab2ed5c8]{display:inline-block;width:6px;height:6px;background:red;border-radius:50%;vertical-align:middle;margin-right:10px}.radar .chart[data-v-521a8126],.radar[data-v-521a8126]{position:relative}.radar .unbalanceCard[data-v-521a8126]{margin:auto;text-align:center}.radar .unbalanceCard .percentCard[data-v-521a8126]{text-align:center;margin:0;padding:8px 0;background:#d9fdff}.radar .unbalanceCard .percentCard .subTitle[data-v-521a8126]{margin-bottom:6px;font-size:15px;font-family:SourceHanSansCN-Medium;font-weight:600;color:#333}.radar .unbalanceCard .percentCard .percent[data-v-521a8126]{font-size:20px;font-family:SourceHanSansCN-Bold;font-weight:700}.radar .unbalanceCard .threePhaseName[data-v-521a8126]{font-size:14px;font-family:SourceHanSansCN-Medium;font-weight:500;color:#666}.radar .unbalanceCard .threePhaseSubTitle[data-v-521a8126]{font-size:13px;font-family:SourceHanSansCN-Regular;font-weight:400;color:#5e4a35;margin-bottom:2px}.radar .unbalanceCard .threePhaseSubValue[data-v-521a8126]{font-size:14px;font-family:SourceHanSansCN-Medium;font-weight:550;color:#666}.radar .legendBlock .chart[data-v-521a8126]{width:100%}.radar .legendBlock .unbalanceCard[data-v-521a8126]{position:relative;transform:none}