ul[data-v-551035e2]{padding:0;margin:0}#import-template[data-v-551035e2]{height:100%;padding:10px;background-color:#0a061e}#container[data-v-551035e2]{width:100%;height:550px;background-color:#000c44;position:relative}.page-box[data-v-551035e2]{display:-ms-flexbox;display:flex;width:100%;margin-top:20px;background:#111029;-ms-flex-wrap:wrap;flex-wrap:wrap}.left .info[data-v-551035e2]{width:100%;overflow:hidden;padding:5px 5px 5px}.left .info ul[data-v-551035e2]{width:100%;overflow:hidden;border-right:1px solid rgba(80,80,99,.49);border-bottom:1px solid rgba(80,80,99,.49)}.left .info ul li[data-v-551035e2]{width:100%;line-height:30px;border-left:1px solid rgba(80,80,99,.49);border-top:1px solid rgba(80,80,99,.49);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left .info ul li span[data-v-551035e2]{color:#97b8da}.left .info ul li span+span[data-v-551035e2]{color:#fff}.page-box .title[data-v-551035e2]{width:100%;height:40px;background:#191934;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.page-box .title ul[data-v-551035e2]{display:inline-block}.page-box .title li[data-v-551035e2]{display:inline-block;line-height:36px;cursor:pointer;padding:0 20px;border-bottom:4px solid transparent;list-style:none}.page-box .title li.active[data-v-551035e2]{border-color:#5c89ff}li[data-v-551035e2]{list-style:none}.page-Box .title span[data-v-551035e2],.page-box .title span[data-v-551035e2]{color:#fff;line-height:40px}.bottom>ul[data-v-551035e2]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;background-color:#0a061e}.bottom>ul>li[data-v-551035e2]{width:calc(20% - 10px);list-style:none;min-width:220px;margin-top:10px;margin-left:10px;background-color:#111029}.bottom>ul>li .title[data-v-551035e2]{font-size:16px}.bottom>ul>li .echarts-box[data-v-551035e2]{padding:5px;height:250px}.bottom>ul>li .echarts-box .echarts[data-v-551035e2],.chart[data-v-551035e2]{width:100%;height:100%}.type_check[data-v-551035e2]{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-551035e2]:hover{border-color:#43adea}.type_check[data-v-551035e2]:checked{color:#fff;background-color:#43adea;border:1px solid #43adea}.type_check[data-v-551035e2]:after{content:"\2714"}.monitor_tips[data-v-551035e2]{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-551035e2]: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-551035e2]{padding:0 10px 10px 10px;margin:10px 0 0 0}.legend[data-v-551035e2]{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-551035e2]{background-color:#fff;width:15px;left:10%;top:25%;position:relative;height:10px}.legend_status_normal[data-v-551035e2]{background-color:#0ff}.legend_status_alert[data-v-551035e2]{background-color:red}.legend_item[data-v-551035e2]{display:-ms-flexbox;display:flex;width:70px;line-height:20px;text-align:center;position:relative}.legend_input[data-v-551035e2]{margin:0;vertical-align:middle}.direction_controller[data-v-551035e2]{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-551035e2]{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-551035e2],.direction_btn2[data-v-551035e2]{margin:1px;width:15px;height:15px;cursor:pointer}.structure span[data-v-551035e2]{display:block;line-height:25px;color:#fff}.structure span[data-v-551035e2]:first-child,.structure span[data-v-551035e2]:nth-child(2){margin-top:10px}.structure[data-v-551035e2]::-webkit-scrollbar{width:4px}.structure[data-v-551035e2]::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(25,25,52,.2);opacity:.2;background:#191934}.structure[data-v-551035e2]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(24,144,255,.3)}