.myLoadingAnimation[data-v-450dd83e]{animation:ani-spin-450dd83e 1s linear infinite}@keyframes ani-spin-450dd83e{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.container[data-v-f8851c40]{background-color:#fff}.cardContainer[data-v-f8851c40]{padding:5px}.basic[data-v-f8851c40]{height:180px}.active[data-v-f8851c40],.alarm[data-v-f8851c40]{height:208px}.basic .tripleCard[data-v-f8851c40]{margin-bottom:8px;height:115px}.basic .tripleCard .cardNum[data-v-f8851c40],.basic .tripleCard .dnnNum[data-v-f8851c40],.basic .tripleCard .projectNum[data-v-f8851c40]{display:flex}.basic .tripleCard .cardNum .num[data-v-f8851c40],.basic .tripleCard .dnnNum .num[data-v-f8851c40],.basic .tripleCard .projectNum .num[data-v-f8851c40]{font-size:32px;font-weight:700}.basic .tripleCard .cardNum span[data-v-f8851c40],.basic .tripleCard .dnnNum span[data-v-f8851c40],.basic .tripleCard .projectNum span[data-v-f8851c40]{align-self:center;flex:1}.basic .sevenCard .desc[data-v-f8851c40]{display:flex}.basic .sevenCard .desc img[data-v-f8851c40]{margin:auto 0 auto auto}.basic .sevenCard .desc .name[data-v-f8851c40]{margin:auto auto auto 0}.basic .sevenCard .desc [data-v-f8851c40]{align-self:center}.basic .sevenCard img[data-v-f8851c40]{width:20px;height:20px}.basic .sevenCard .num[data-v-f8851c40]{font-size:20px;font-weight:700}.basic .titleAndButton[data-v-f8851c40]{display:flex;margin-bottom:8px}.basic .titleAndButton [data-v-f8851c40]{align-self:center}.basic .titleAndButton span[data-v-f8851c40]{font-size:18px;font-weight:700}.basic .titleAndButton .bigScreenBtn[data-v-f8851c40]{margin:auto 0 auto auto}.basic .infoCard[data-v-f8851c40]{margin-bottom:5px}.basic .info[data-v-f8851c40]{height:60px}.basic .info .infoCol[data-v-f8851c40]{height:100%}.basic .infoSpan[data-v-f8851c40]{text-align:left;margin-bottom:6px}.basic img[data-v-f8851c40]{width:100%;height:100%}.basic .custCol[data-v-f8851c40]{background-color:hsla(0,0%,94.9%,.533)}.basic .custCol .custName[data-v-f8851c40]{font-weight:700;font-size:24px;width:200px}.basic .custCol .custCode[data-v-f8851c40],.basic .custCol .custName[data-v-f8851c40]{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.alarm .title[data-v-f8851c40]{text-align:left;font-size:18px;font-weight:700}.alarm .pieCol[data-v-f8851c40]{height:100%}.alarm .twoPie[data-v-f8851c40]{height:100%;display:flex}.alarm .twoPie .historyAlarmDimension[data-v-f8851c40],.alarm .twoPie .historyAlarmLevel[data-v-f8851c40]{flex:1;width:50%;height:100%}.alarm .ongoing[data-v-f8851c40],.alarm .total[data-v-f8851c40]{display:flex}.alarm .ongoing .num[data-v-f8851c40],.alarm .total .num[data-v-f8851c40]{font-size:32px;font-weight:700}.alarm .ongoing span[data-v-f8851c40],.alarm .total span[data-v-f8851c40]{align-self:center;flex:1}.active .last30FlowChartCol[data-v-f8851c40]{height:100%;width:100%;position:relative}.active .detailsBtn[data-v-f8851c40]{position:absolute;z-index:1000;right:0}.active .last30FlowChart[data-v-f8851c40]{width:100%;height:100%}.active .title[data-v-f8851c40]{text-align:left;font-size:18px;font-weight:700}.active .card[data-v-f8851c40],.active .dnn[data-v-f8851c40]{display:flex}.active .card .num[data-v-f8851c40],.active .dnn .num[data-v-f8851c40]{font-size:32px;font-weight:700}.active .card span[data-v-f8851c40],.active .dnn span[data-v-f8851c40]{align-self:center;flex:1}.sliceTitle[data-v-f8851c40]{display:flex;height:50px;padding-left:5px}.sliceTitle>.react[data-v-f8851c40]{align-self:center;width:6px;height:18px;background:#498cf7;margin-right:10px}.sliceTitle>span[data-v-f8851c40]{align-self:center;font-size:16px;color:rgba(0,0,0,.85);font-weight:700}.sliceContainer[data-v-f8851c40]{display:flex;position:relative;flex-wrap:wrap}.sliceContainer .aSliceWrapper[data-v-f8851c40]{width:50%;padding:5px}.sliceContainer .aSlice[data-v-f8851c40]{height:236px;background:#fff;border-radius:4px;border:1px solid #e8e8e8;position:relative}.sliceContainer .aSlice>.details[data-v-f8851c40]{height:52px;display:flex}.sliceContainer .aSlice>.details .icon[data-v-f8851c40]{width:26px;height:26px;border-radius:50%;color:#fff;line-height:26px;font-size:16px;margin-right:22px;align-self:center;margin-left:22px;text-align:center}.sliceContainer .aSlice>.details .icon img[data-v-f8851c40]{width:26px;height:26px}.sliceContainer .aSlice>.details>.color0[data-v-f8851c40],.sliceContainer .aSlice>.details>.color1[data-v-f8851c40],.sliceContainer .aSlice>.details>.color2[data-v-f8851c40]{background:#33b0fb}.sliceContainer .aSlice>.details>.desc[data-v-f8851c40]{align-self:center;width:100%;display:flex}.sliceContainer .aSlice>.details>.desc>.top[data-v-f8851c40]{flex:2;text-align:left;display:flex;position:relative}.sliceContainer .aSlice>.details>.desc>.top>.moreStage[data-v-f8851c40]{width:128px;margin:auto 48px auto 10px}.sliceContainer .aSlice>.details>.desc>.top>.jumpToDetails[data-v-f8851c40],.sliceContainer .aSlice>.details>.desc>.top>.moreStage[data-v-f8851c40]{height:28px;background:hsla(0,0%,100%,.16);border-radius:4px;border:1px solid #ddeaff;color:rgba(0,0,0,.85);font-size:12px;line-height:28px;text-align:center}.sliceContainer .aSlice>.details>.desc>.top>.jumpToDetails[data-v-f8851c40]{margin:auto 0 auto auto;width:77px}.sliceContainer .aSlice>.details>.desc>.top>span[data-v-f8851c40]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;align-self:center;font-weight:700;font-size:16px;color:rgba(0,0,0,.85)}.sliceContainer .aSlice>.details>.desc .bad[data-v-f8851c40],.sliceContainer .aSlice>.details>.desc .middle[data-v-f8851c40],.sliceContainer .aSlice>.details>.desc>.good[data-v-f8851c40]{position:absolute;top:0;right:0;width:45px;height:45px;border-bottom-left-radius:100%}.sliceContainer .aSlice>.details>.desc .bad span[data-v-f8851c40],.sliceContainer .aSlice>.details>.desc .middle span[data-v-f8851c40],.sliceContainer .aSlice>.details>.desc>.good span[data-v-f8851c40]{margin:50%;color:#fff;font-size:18px}.sliceContainer .aSlice>.details>.desc>.good[data-v-f8851c40]{background:#42c6a0}.sliceContainer .aSlice>.details>.desc>.middle[data-v-f8851c40]{background:#a28fc3}.sliceContainer .aSlice>.details>.desc>.bad[data-v-f8851c40]{background:#fc5858}.sliceContainer .aSlice>.clickArea[data-v-f8851c40]{display:flex;height:43px}.sliceContainer .aSlice>.clickArea [data-v-f8851c40]{align-self:center;flex:1;text-decoration:underline}.sliceContainer .aSlice>.bottomWrapper[data-v-f8851c40]{padding:0 10px 0 10px;width:100%}.sliceContainer .aSlice>.bottomWrapper>.bottom[data-v-f8851c40]{display:flex;border-radius:4px;height:43px;background:#f9fbff}.sliceContainer .aSlice>.bottomWrapper>.bottom .online[data-v-f8851c40],.sliceContainer .aSlice>.bottomWrapper>.bottom .signUp[data-v-f8851c40]{margin:auto;font-size:14px;color:#666}.sliceContainer .aSlice>.bottomWrapper>.bottom .onlineValue[data-v-f8851c40],.sliceContainer .aSlice>.bottomWrapper>.bottom .signUpValue[data-v-f8851c40]{font-size:16px;color:#262626}.sliceContainer .aSlice>.biz[data-v-f8851c40]{padding:10px 10px 20px 10px;display:flex;text-align:left;height:70px;border-bottom:1px solid #e4e4e4}.sliceContainer .aSlice>.biz>.stage[data-v-f8851c40]{flex:1;border-left:4px solid rgba(218,232,255,.9);padding-left:10px;border-radius:4px}.sliceContainer .aSlice>.biz>.stage>div[data-v-f8851c40]:first-child{width:200px;font-size:16px;color:#60a7ff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sliceContainer .aSlice>.biz>.stage>div[data-v-f8851c40]:last-child{font-weight:700;color:rgba(0,0,0,.85);font-size:12px}.sliceContainer .aSlice>.biz>.normal[data-v-f8851c40]{flex:1}.sliceContainer .aSlice>.biz>.normal>div[data-v-f8851c40]:first-child{font-weight:700;font-size:16px;margin-left:10px;color:rgba(0,0,0,.85)}.sliceContainer .aSlice>.biz>.normal>div[data-v-f8851c40]:last-child{display:flex;color:#666;font-size:12px}.sliceContainer .aSlice>.biz>.exceptions[data-v-f8851c40]{flex:1}.sliceContainer .aSlice>.biz>.exceptions>div[data-v-f8851c40]:first-child{font-weight:700;font-size:16px;margin-left:10px;color:rgba(0,0,0,.85)}.sliceContainer .aSlice>.biz>.exceptions>div[data-v-f8851c40]:last-child{display:flex;color:#666;font-size:12px}.sliceContainer .aSlice>.biz>.aliveTerminal[data-v-f8851c40]{flex:1}.sliceContainer .aSlice>.biz>.aliveTerminal>div[data-v-f8851c40]:first-child{font-weight:700;font-size:16px;margin-left:10px;color:rgba(0,0,0,.85)}.sliceContainer .aSlice>.biz>.aliveTerminal>div[data-v-f8851c40]:last-child{display:flex;color:#666;font-size:12px}.sliceContainer .aSlice>.biz>.signTerminal[data-v-f8851c40]{flex:1}.sliceContainer .aSlice>.biz>.signTerminal>div[data-v-f8851c40]:first-child{font-weight:700;font-size:16px;margin-left:10px;color:rgba(0,0,0,.85)}.sliceContainer .aSlice>.biz>.signTerminal>div[data-v-f8851c40]:last-child{display:flex;color:#666;font-size:12px}.sliceContainer .aSlice>.biz .circle[data-v-f8851c40]{width:5px;height:5px;border-radius:50%;margin:auto 5px auto 0}.sliceContainer .aSlice>.biz .green[data-v-f8851c40]{background-color:#49d098}.sliceContainer .aSlice>.biz .orange[data-v-f8851c40]{background-color:#f78e8e}.sliceContainer .aSlice>.biz .active[data-v-f8851c40]{background-color:#32d5ff}.sliceContainer .aSlice>.biz .sign[data-v-f8851c40]{background-color:#51a4ff}.canClick[data-v-f8851c40]{cursor:pointer}