#import-template[data-v-d342bbfe]{width:100%;height:100%;background-color:#000c44}#container[data-v-d342bbfe]{width:100%;height:550px;background-color:#000c44;position:relative}.page-body[data-v-d342bbfe]{position:relative;-ms-flex:1;flex:1;overflow:hidden;overflow-y:auto}.page-body .page-box[data-v-d342bbfe]{position:absolute;background:#fff}.span[data-v-d342bbfe]{color:#000;font-weight:700}.header[data-v-d342bbfe]{position:relative;z-index:2}.header .header-mid[data-v-d342bbfe]{position:absolute;left:0;top:0;width:100%;line-height:32px;text-align:center;z-index:-1}.header-right[data-v-d342bbfe]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.page-body .page-box .title[data-v-d342bbfe]{width:100%;height:40px;background:#f9f9f9;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.chart-wrap .chart[data-v-d342bbfe]{height:279px}.time-bottom_2[data-v-d342bbfe]{position:absolute;left:10px;right:10px;bottom:0;height:320px}.time-bottom_2 .page-box[data-v-d342bbfe]{position:static!important;height:370px;margin-bottom:10px}.time-bottom_2 .page-box .content[data-v-d342bbfe]{padding:20px 20px 10px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.time-bottom_2 .page-box .content .header[data-v-d342bbfe]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.time-bottom_2 .page-box .content .header-left[data-v-d342bbfe]{display:-ms-flexbox;display:flex}.time-bottom_2 .page-box .content .header-left li[data-v-d342bbfe]{height:32px;line-height:30px;padding:0 8px;border:1px solid #c4c6cf;color:#6c6c6c;cursor:pointer}.time-bottom_2 .page-box .content .header-left li.active[data-v-d342bbfe],.time-bottom_2 .page-box .content .header-left li[data-v-d342bbfe]:hover{border-color:#5c89ff;color:#5c89ff}.time-bottom_2 .page-box .content .header-left li[data-v-d342bbfe]:first-child{border-radius:4px 0 0 4px}.time-bottom_2 .page-box .content .header-left li[data-v-d342bbfe]:last-child{border-radius:0 4px 4px 0}.time-bottom_2 .page-box .content .header-right .update[data-v-d342bbfe],.time-bottom_2 .page-box .content .header-right[data-v-d342bbfe]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.time-bottom_2 .page-box .content .header-right .update span[data-v-d342bbfe]{color:#3698fd}.time-bottom_2 .page-box .content .header-right input[data-v-d342bbfe],.time-bottom_2 .page-box .content .header-right select[data-v-d342bbfe]{height:32px;line-height:32px;background:#fff;font-size:14px;color:#6c6c6c;border:1px solid #c4c6cf;margin-left:10px;cursor:pointer;padding:0 8px}.time-bottom_2 .page-box .content .header-right button[data-v-d342bbfe]{width:80px;height:32px;border:0;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:10px}.time-bottom_2 .page-box .content .header-right .search[data-v-d342bbfe]{background:#5c89ff}.time-bottom_2 .page-box .content .header-right .export[data-v-d342bbfe]{background:#fcb333}.time-bottom_2 .page-box .content .header-right .del[data-v-d342bbfe]{background:#d43939}.time-bottom_2 .page-box .content .header-right .upload[data-v-d342bbfe]{background:#66f572}.time-bottom_2 .page-box .content .header-right button img[data-v-d342bbfe]{width:14px;height:14px;margin-right:10px}.time-bottom_2 .page-box .content .chart-wrap[data-v-d342bbfe]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}.time-bottom_2 .page-box .content .chart-wrap .chart[data-v-d342bbfe]{width:680px}.time-bottom_2 .page-box .content .chart-wrap .imgbox[data-v-d342bbfe]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:20px}.time-bottom_2 .page-box .content .chart-wrap .imgbox img[data-v-d342bbfe]{width:100%;height:240px;margin-bottom:10px}.time-bottom_2 .page-box .content .chart-wrap .imgbox span[data-v-d342bbfe]{color:#fff;z-index:99999;position:absolute;left:22%;top:217px}.type_check[data-v-d342bbfe]{width:14px;height:14px;margin-top:0;background-color:#fff;border:1px solid #c9c9c9;border-radius:2px;color:#fff;text-align:center;line-height:12px;-webkit-appearance:none;font-family:"\5FAE\8F6F\96C5\9ED1";-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none}.type_check[data-v-d342bbfe]:hover{border-color:#43adea}.type_check[data-v-d342bbfe]:checked{color:#fff;background-color:#43adea;border:1px solid #43adea}.type_check[data-v-d342bbfe]:after{content:"\2714"}.monitor_tips[data-v-d342bbfe]{width:160px;font-size:12px;color:#fff;height:80px;pointer-events:none;top:-90px;left:-80px;position:absolute;border-radius:5px;background-color:#15abef}.monitor_tips[data-v-d342bbfe]:after{border-width:10px 10px 10px 10px;border-color:#15abef transparent transparent transparent;left:70px;top:79px;border-style:solid solid solid solid;content:"";height:0;position:absolute;width:0;z-index:-1}.monitor_tips_content[data-v-d342bbfe]{padding:0 10px 10px 10px;margin:10px 0 0 0}.legend[data-v-d342bbfe]{position:absolute;font-size:10px;float:right;right:20px;color:#fff;height:20px;display:-ms-flexbox;display:flex;width:auto;bottom:10px;vertical-align:middle}.legend_status[data-v-d342bbfe]{background-color:#fff;width:15px;left:10%;top:25%;position:relative;height:10px}.legend_status_normal[data-v-d342bbfe]{background-color:#0ff}.legend_status_alert[data-v-d342bbfe]{background-color:red}.legend_item[data-v-d342bbfe]{display:-ms-flexbox;display:flex;width:70px;line-height:20px;text-align:center;position:relative}.legend_input[data-v-d342bbfe]{margin:0;vertical-align:middle}.direction_controller[data-v-d342bbfe]{width:auto;position:absolute;display:-ms-grid;display:grid;border-radius:4px;-ms-grid-rows:18px 18px 18px;grid-template-rows:18px 18px 18px;-ms-grid-columns:18px 18px 18px;grid-template-columns:18px 18px 18px;top:10px;right:10px;height:auto;background-color:rgba(40,180,180,0)}.direction_btn1[data-v-d342bbfe]{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKlJREFUOE/tk8ERAyEIRbGDXMVm3I62hC0hHWVTjHjdCiSDYzIuQfeQazwy/Ad80MGPz830RPRg5mcIYRvlXQJEiIjLHzDxIOccSynRclq2MDIxpbSJpm6BiBgAdu32CNDi0Tm3VIB0wcxS7QSxAL3Ye79/7sCCaIAWS/HTIWlID7DEXwA9jrq+OrO03cfNU+46OVryzRKbHbzpHQRG4imgrXdFxPvsx74ATLOJBjd+pN8AAAAASUVORK5CYII=") no-repeat;background-size:80% 80%}.direction_btn1[data-v-d342bbfe],.direction_btn2[data-v-d342bbfe]{margin:1px;width:15px;height:15px;cursor:pointer}[data-v-d342bbfe] .__bar-is-vertical{right:-1px!important}[data-v-d342bbfe] .__bar-is-horizontal{display:none!important}.top[data-v-d342bbfe]{position:fixed}.body[data-v-d342bbfe],.top[data-v-d342bbfe]{width:1680px;height:550px}