.topBox[data-v-dffb6672]{background:#fff;overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:2}.topBox ul.tabs[data-v-dffb6672]{background:#e5e8e8;height:36px;margin:8px auto;width:300px;display:flex;flex-wrap:nowrap;border-radius:5px}.topBox ul.tabs li[data-v-dffb6672]{width:50%;height:30px;line-height:30px;margin:3px;border-radius:3px;text-align:center}.topBox ul.tabs li.active[data-v-dffb6672]{background:#fff}.cardBox[data-v-dffb6672]{margin:12px;background:#fff;border-radius:4px;box-shadow:0 0 5px #eee;padding:0 12px 10px;overflow:hidden;position:relative}.cardBox .titleBox[data-v-dffb6672]{height:40px;line-height:48px;display:flex;justify-content:space-between;flex-wrap:nowrap}.cardBox .titleBox .name[data-v-dffb6672]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.cardBox .titleBox .status span[data-v-dffb6672]{vertical-align:middle;font-size:14px}.cardBox .titleBox .status .dian[data-v-dffb6672]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.cardBox ul li[data-v-dffb6672]{display:flex;padding:0 0 4px}.cardBox ul li .title[data-v-dffb6672]{width:80px;color:#999;flex-shrink:0}.cardBox ul li .content[data-v-dffb6672]{flex:1;word-wrap:break-word}.status.normal .dian[data-v-dffb6672]{background:#07c160}.status.normal .text[data-v-dffb6672]{color:#07c160}.status.offline .dian[data-v-dffb6672]{background:#8f8f8f}.status.offline .text[data-v-dffb6672]{color:#8f8f8f}.status.fault .dian[data-v-dffb6672]{background:#df6c19}.status.fault .text[data-v-dffb6672]{color:#df6c19}.status.warning .dian[data-v-dffb6672]{background:#eb1414}.status.warning .text[data-v-dffb6672]{color:#eb1414}.status.alarm .dian[data-v-dffb6672]{background:#eb1414}.status.alarm .text[data-v-dffb6672]{color:#eb1414}.alarmCardBox[data-v-dffb6672]{margin:12px;background:#fff;border-radius:4px;box-shadow:0 0 5px #eee;padding:0 12px 10px;overflow:hidden;position:relative;border:1px solid #eee}.alarmCardBox.level1[data-v-dffb6672]{border:1px solid #eb1414}.alarmCardBox.level1 .status[data-v-dffb6672]{color:#eb1414}.alarmCardBox.level2[data-v-dffb6672]{border:1px solid #df6c19}.alarmCardBox.level2 .status[data-v-dffb6672]{color:#df6c19}.alarmCardBox.level3[data-v-dffb6672]{border:1px solid #fae823}.alarmCardBox.level3 .status[data-v-dffb6672]{color:#fae823}.alarmCardBox.level4[data-v-dffb6672]{border:1px solid #368aff}.alarmCardBox.level4 .status[data-v-dffb6672]{color:#368aff}.alarmCardBox .titleBox[data-v-dffb6672]{height:40px;line-height:48px;display:flex;justify-content:space-between;flex-wrap:nowrap}.alarmCardBox .titleBox .name[data-v-dffb6672]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.alarmCardBox .titleBox .status span[data-v-dffb6672]{vertical-align:middle;font-size:14px}.alarmCardBox .titleBox .status .dian[data-v-dffb6672]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.alarmCardBox ul li[data-v-dffb6672]{display:flex;padding:0 0 4px}.alarmCardBox ul li .title[data-v-dffb6672]{width:80px;color:#999;flex-shrink:0}.alarmCardBox ul li .content[data-v-dffb6672]{flex:1;word-wrap:break-word}.alarmCardBox ul li .content img[data-v-dffb6672]{width:100px}.alarmCardBox .buttonBox[data-v-dffb6672]{text-align:center}.jiao[data-v-dffb6672]{height:15px;line-height:15px;width:80px;text-align:center;font-size:10px;background:#ccc;position:absolute;top:8px;right:-24px;transform:rotate(45deg);color:#fff}.jiao.orange[data-v-dffb6672]{background:#fb0}.jiao.blue[data-v-dffb6672]{background:#2779f7}.jiao.green[data-v-dffb6672]{background:#09d7a8}