.real-monitor-container[data-v-e696c408]{position:relative}.real-monitor-container .update-time[data-v-e696c408]{position:absolute;right:10px;top:-50px;font-size:14px}.real-monitor-container .real-top[data-v-e696c408]{padding-bottom:10px}.real-monitor-container .real-top .title[data-v-e696c408]{color:var(--text);font-size:18px;font-weight:700;height:42px;display:flex;align-items:center;padding-left:20px;background:var(--normal-percent-10)}.real-monitor-container .real-top .top-container[data-v-e696c408]{height:220px;padding:10px 80px;display:flex}.real-monitor-container .real-top .top-container .chart-one[data-v-e696c408]{display:flex;flex:1}.real-monitor-container .real-main .title[data-v-e696c408]{color:var(--text);font-size:18px;font-weight:700;height:42px;display:flex;align-items:center;padding-left:20px;background:var(--normal-percent-10)}.real-monitor-container .real-main .main-container[data-v-e696c408]{height:400px;display:flex;padding-bottom:0}.real-monitor-container .real-main .main-container .main-left[data-v-e696c408]{width:460px;height:100%;padding-left:60px;padding-top:20px}.real-monitor-container .real-main .main-container .main-left .bar-container[data-v-e696c408]{display:flex;height:calc(100% - 30px);padding-left:40px}.real-monitor-container .real-main .main-container .main-left .bar-container .bar[data-v-e696c408]{width:56px;height:297px;background:url(data:image/png;base64,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) no-repeat;background-size:contain;position:relative}.real-monitor-container .real-main .main-container .main-left .bar-container .bar .bar-list[data-v-e696c408]{position:absolute;display:inline-flex;width:16px;height:16px;border-radius:50%;border:1px solid #fff;left:20px;box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}@keyframes light-data-v-e696c408{0%{opacity:1}to{opacity:.2}}.real-monitor-container .real-main .main-container .main-left .bar-container .bar .bar-list.red[data-v-e696c408]{background:var(--danger);animation:light-data-v-e696c408 1s linear infinite}.real-monitor-container .real-main .main-container .main-left .bar-container .bar .bar-list.yellow[data-v-e696c408]{background:var(--warning);animation:light-data-v-e696c408 1s linear infinite}.real-monitor-container .real-main .main-container .main-left .bar-container .bar .bar-list.green[data-v-e696c408]{background:var(--success)}.real-monitor-container .real-main .main-container .main-left .bar-container .bar .bar-list.offline[data-v-e696c408]{background:#878787}.real-monitor-container .real-main .main-container .main-left .bar-container .bar-right[data-v-e696c408]{padding-left:20px;height:312px;padding-top:18px;display:flex;flex-direction:column}.real-monitor-container .real-main .main-container .main-left .bar-container .bar-right .bar-detail[data-v-e696c408]{flex:1;display:flex}.real-monitor-container .real-main .main-container .main-left .bar-container .bar-right .bar-detail .detail-icon[data-v-e696c408]{color:hsla(0,0%,100%,.4);padding-top:4px}.real-monitor-container .real-main .main-container .main-left .bar-container .bar-right .bar-detail .detail-text[data-v-e696c408]{color:#fff;padding-left:4px;line-height:22px}.real-monitor-container .real-main .main-container .main-left .bar-legend[data-v-e696c408]{display:flex;align-items:center;height:30px}.real-monitor-container .real-main .main-container .main-left .bar-legend-item[data-v-e696c408]{display:inline-flex;align-items:center;padding-right:20px}.real-monitor-container .real-main .main-container .main-left .bar-legend-item .color[data-v-e696c408]{display:inline-flex;width:16px;height:16px;border-radius:50%;border:1px solid #fff}.real-monitor-container .real-main .main-container .main-left .bar-legend-item .text[data-v-e696c408]{padding-left:4px;font-size:14px;color:var(--text)}.real-monitor-container .real-main .main-container .main-left .bar-legend-item .red[data-v-e696c408]{background:var(--danger)}.real-monitor-container .real-main .main-container .main-left .bar-legend-item .yellow[data-v-e696c408]{background:var(--warning)}.real-monitor-container .real-main .main-container .main-left .bar-legend-item .green[data-v-e696c408]{background:var(--success)}.real-monitor-container .real-main .main-container .main-left .bar-legend-item .offline[data-v-e696c408]{background:#878787}.real-monitor-container .real-main .main-container .main-right[data-v-e696c408]{width:calc(100% - 460px);height:100%;padding-top:20px;position:relative;padding-right:14px}.real-monitor-container .real-main .main-container .main-right .chart-loading[data-v-e696c408]{height:300px;display:flex;align-items:center;justify-content:center}.real-monitor-container .real-main .main-container .main-right .radio-group-container[data-v-e696c408]{display:inline-flex;width:100%;justify-content:center}.real-monitor-container .real-main .main-container .main-right .radio-group-container .radio-item[data-v-e696c408]{color:#fff;display:inline-flex;min-width:89px;padding:0 20px;font-size:12px;height:32px;border:1px solid #00ffd8;border-right:0;align-items:center;justify-content:center;cursor:pointer}.real-monitor-container .real-main .main-container .main-right .radio-group-container .radio-item[data-v-e696c408]:last-child{border-right:1px solid #00ffd8}.real-monitor-container .real-main .main-container .main-right .radio-group-container .radio-item.actived[data-v-e696c408]{background:rgba(43,173,184,.2);color:#00ffd8}.real-monitor-container .real-main .main-container .main-right .radio-time-container[data-v-e696c408]{display:inline-flex;position:absolute;right:14px;top:72px;z-index:999}.real-monitor-container .real-main .main-container .main-right .radio-time-container .radio-time[data-v-e696c408]{color:#fff;display:inline-flex;width:70px;font-size:12px;height:24px;border:1px solid #00ffd8;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;margin-left:6px}.real-monitor-container .real-main .main-container .main-right .radio-time-container .radio-time.actived[data-v-e696c408]{background:rgba(43,173,184,.2);color:#00ffd8}.real-monitor-container .real-main .main-container .main-right .chart-container[data-v-e696c408]{width:100%;height:calc(100% - 32px);padding-top:20px}