.tension-monitoring[data-v-b8c5382c]{font-family:Alibaba PuHuiTi}.tension-monitoring .main-popup[data-v-b8c5382c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;display:flex;gap:16px}.tension-monitoring .main-popup .content-wrapper[data-v-b8c5382c]{display:grid;grid-template-columns:468px 624px 460px;grid-template-rows:374px 358px;gap:8px}.tension-monitoring .main-popup .content-wrapper .content-item[data-v-b8c5382c]{background:rgba(0,0,0,.2);display:flex;flex-direction:column;gap:12px;padding:16px}.tension-monitoring .main-popup .content-wrapper .content-item .point-status-wrapper[data-v-b8c5382c]{display:flex;gap:16px}.tension-monitoring .main-popup .content-wrapper .content-item .point-status-wrapper .point-status-item[data-v-b8c5382c]{color:#e1edfa;display:flex;align-items:center}.tension-monitoring .main-popup .content-wrapper .content-item .point-status-wrapper .point-status-item.normal[data-v-b8c5382c]:before{content:"";display:block;width:8px;height:8px;background:#2afc0b;border-radius:50%;margin-right:4px}.tension-monitoring .main-popup .content-wrapper .content-item .point-status-wrapper .point-status-item.abnormal[data-v-b8c5382c]:before{content:"";display:block;width:8px;height:8px;background:#f53d3d;border-radius:50%;margin-right:4px}.tension-monitoring .main-popup .content-wrapper .content-item .chart-wrapper[data-v-b8c5382c]{overflow:auto;margin-right:-11px;padding-right:11px;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.tension-monitoring .main-popup .content-wrapper .content-item .chart-wrapper .chart-item[data-v-b8c5382c]{flex-shrink:0;height:217px;display:flex;flex-direction:column;gap:8px}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper[data-v-b8c5382c]{border-width:1px;border-style:solid;border-image-source:linear-gradient(135.28deg,#02c9fc,#2158c7 99.51%);border-image-slice:1;width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .point-legend-wrapper[data-v-b8c5382c]{display:flex;gap:8px}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .point-legend-wrapper .point-legend-item[data-v-b8c5382c]{display:flex;gap:2px;color:#e1edfa;line-height:20px;flex-shrink:0}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .point-legend-wrapper .point-legend-item .point-legend-item-img[data-v-b8c5382c]{flex-shrink:0}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .point-legend-wrapper .point-legend-item .point-legend-item-label[data-v-b8c5382c]{flex-shrink:0;white-space:nowrap}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point[data-v-b8c5382c]{position:absolute;top:0;left:0;width:20px;height:20px}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point .monitoring-point-label[data-v-b8c5382c]{position:absolute;top:0;left:0;height:20px;color:#f53d3d;line-height:20px;background:rgba(0,0,0,.7019607843137254);border-radius:4px;padding:0 4px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point .monitoring-point-label.left[data-v-b8c5382c]{left:unset;right:100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point .monitoring-point-label.right[data-v-b8c5382c]{left:100%;right:unset}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.online>.monitoring-point-label[data-v-b8c5382c]{color:#2afc0b}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.crack.online[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_crack_online.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.crack.offline[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_crack_offline.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.angle.online[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_angle_online.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.angle.offline[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_angle_offline.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.anchor.online[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_anchor_online.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.anchor.offline[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_anchor_offline.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.beidou.online[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_beidou_online.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.beidou.offline[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_beidou_offline.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.water-level.online[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_water_level_online.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .img-wrapper .monitoring-point.water-level.offline[data-v-b8c5382c]{background:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/monitoring_status_point_water_level_offline.png) no-repeat 50%;background-size:100% 100%}.tension-monitoring .main-popup .content-wrapper .content-item .card-item[data-v-b8c5382c]{width:calc(16.66667% - 6.66667px);min-height:112px;padding:12px 13px 12px 16px;display:flex;flex-direction:column;gap:4px;border-image-source:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/border_2.png);border-image-slice:20 fill;border-image-width:10px;cursor:pointer}.tension-monitoring .main-popup .content-wrapper .content-item .card-item.current[data-v-b8c5382c]{border-image-source:url(https://awsacloud.oss-cn-shanghai.aliyuncs.com/UE/img/border_2_current.png);border-image-slice:20 fill;border-image-width:10px}.tension-monitoring .main-popup .content-wrapper .content-item .card-item .card-item-label[data-v-b8c5382c]{color:#dae6f2;line-height:20px}.tension-monitoring .main-popup .content-wrapper .content-item .card-item .card-info[data-v-b8c5382c]{display:flex;flex-direction:column;gap:2px}.tension-monitoring .main-popup .content-wrapper .content-item .card-item .card-info .card-info-item[data-v-b8c5382c]{display:flex;align-items:flex-end;overflow:hidden}.tension-monitoring .main-popup .content-wrapper .content-item .card-item .card-info .card-info-item .card-info-item-label[data-v-b8c5382c]{flex-shrink:0;color:#8fadcc;line-height:18px}.tension-monitoring .main-popup .content-wrapper .content-item .card-item .card-info .card-info-item .card-info-item-value[data-v-b8c5382c]{margin-left:2px;background:linear-gradient(130.01deg,#0ff 17.03%,#00b9f7 68.6%);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;font-family:D-DIN Bold;font-size:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tension-monitoring .main-popup .content-wrapper .content-item .card-item .card-info .card-info-item .card-info-item-value.warning[data-v-b8c5382c]{background:#f53d3d}.tension-monitoring .main-popup .content-wrapper .content-item .card-item .card-info .card-info-item .card-info-item-value.warning2[data-v-b8c5382c]{background:#f38800}.tension-monitoring .main-popup .content-wrapper .content-item .card-item .card-info .card-info-item .card-info-item-value.warning3[data-v-b8c5382c]{background:#fcdf38}.tension-monitoring .main-popup .content-wrapper .content-item .card-item .card-info .card-info-item .card-info-item-unit[data-v-b8c5382c]{flex-shrink:0;margin-left:2px;color:#8fadcc;line-height:18px}.tension-monitoring .sub-popup[data-v-b8c5382c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}.main-popup-enter-active[data-v-b8c5382c],.main-popup-leave-active[data-v-b8c5382c]{transition:all .15s linear}.main-popup-enter-from[data-v-b8c5382c],.main-popup-leave-to[data-v-b8c5382c]{opacity:0}.main-popup-enter-to[data-v-b8c5382c],.main-popup-leave-from[data-v-b8c5382c]{opacity:1}.sub-popup-enter-active[data-v-b8c5382c],.sub-popup-leave-active[data-v-b8c5382c]{transition:all .3s linear}.sub-popup-enter-from[data-v-b8c5382c],.sub-popup-leave-to[data-v-b8c5382c]{opacity:0}.sub-popup-enter-to[data-v-b8c5382c],.sub-popup-leave-from[data-v-b8c5382c]{opacity:1}