.c-area-tree{height:100%;background-color:#fff}.c-area-tree .f-panel__header{padding:3px 5px 3px 5px;border-bottom:1px solid #ddd}.c-events{display:flex;align-items:center;white-space:nowrap;height:100%;vert-align:middle;overflow:hidden}.c-events__item{display:inline-block;width:12px;height:12px;box-sizing:border-box}.c-waterbar{max-width:200px;display:flex;overflow:hidden;max-width:130px;flex-wrap:wrap}.c-waterbar__item{padding-right:4px;padding-bottom:2px}.c-waterbar__item .item{background-color:#2d8cf0;height:12px;width:12px}.c-waterbar__item .item.warning{background-color:#9f009a}.c-waterbar__item .ivu-tooltip,.c-waterbar__item .ivu-tooltip-rel{display:block;cursor:pointer}/deep/ .ivu-scroll-container{overflow-x:hidden}/deep/ .ivu-scroll-container .ivu-scroll-content-loading{opacity:1}/deep/ .ivu-table-cell{font-size:14px;font-weight:400}/deep/ .ivu-table-header .ivu-table-column-center{height:40px;border-bottom:1px solid #ddd;border-top:0 solid #ddd}.alarm-list{display:inline-block;margin-right:10px}.alarm-list__item{display:inline-block;padding:0 5px;margin-right:5px;line-height:30px;height:30px;box-sizing:border-box;text-align:center;border-radius:4px;color:#fff;position:relative;cursor:pointer;border:1px solid transparent;background-repeat:no-repeat;background-position:100% 0;transition:all .2s}.alarm-list__item.selected{border-color:rgba(0,0,0,.4);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACx0lEQVRoQ9XXu2sUURTH8e/ZJGihWMZ/QDuLnfkPFBG0stGtVBALScAY4yPgI5rdVYzBqEkRCT4gSLIWsVFBUKt0bmVnOpsgWCimiNXInbm77s6+5r0zUy3szHA+9/zuuYxYReMKwlEyeomq2yqZH4DDWTQ4gEVziJ+8zSLCBjQg1oBjWepEHWAjphhkyHyTJUQTIIuIFkAdMWhUEDme9ji1BdiICgN8M16nAjG8D7a34Pdmy3p2BKQGcWgMzBOw/QceH/EHqCM2jGWQQqJx2rELDl6AA3ooVivwcc4/wEZYCGXjVWIIVXxhHob3OwV/fQfvi23Xr2uEGp9IDOEu/scGrIzA361wgP+dMF8Ap2KJk8/iVQ2eO1A/se04eUCcfgl79kJ1Fdaf9fYGKD4QwHMn1OgrLIAq7HsV1iY7xsC+x2Pm3SvhuwNNnSgZi4ic67i8jQg1BldHQWW68QpRfOAONG3uovHUF+LzI2eqqCtk8ZEA7Ej5QagH1pfgS6U5Nh3mfK/NEzhC7hdbReMJIqOe4qRuUpHaudu5Xc34Wld6Vez6PzKA7oQ/hJrtn+YCFx9ZhFx7whtCPaQOKPem7mcH6hOqaMwgMtE1Tr82O49VH4hII+TqRHeEjyK73RobQO+J2BGxAhxE/jqSm45owVteEzvAQZgTCDNxIBIB6E6MI7nZqBGJAfSeGEPkYZSIRAE6TtcQ7kaFSBxgI0rGFMitKBB9ATgI8x5wNSyibwCNuAPcCIPoK0DH6TLI/aCIvgPCTqdUAHScLgEP/HYiNQA9Ym8i3PaDSBVAI2YRxr0iUgfQe6L7R1GDLpUAP+dEagE2omyex7IWQDrWmWqA04l8AXLLwEC7fZF6gN4TJxFZySxAn9hnQJ67EZnoQK1oq2i0fE9kCqA7MQIyX0NlDmAjpvNnyeWW1O9MAvQ5MQmUMwvQcbr4D7si7oJ+thWxAAAAAElFTkSuQmCC);background-size:15px 15px}.alarm-list__item:after{transition:opacity .2s;content:" ";right:0;left:0;bottom:0;top:0;border-radius:4px;position:absolute;opacity:0;background-color:rgba(0,0,0,.1)}.alarm-list__item:hover:after{opacity:1}.item-box{border:1px solid #b5b5b5;margin-bottom:10px;background-color:#b5b5b5;overflow:hidden;border-radius:4px}.item-box.online{background-color:#ed4014}.item-box.online .line a{color:#fff}.item-box__header{display:flex;flex-direction:column;padding:4px 5px 4px 8px;font-size:14px;overflow:hidden;color:#fff;border-bottom:1px solid #e1e1e1}.item-box__header .line{display:flex;align-items:center;justify-content:space-between;height:18px}.item-box__header .line a{text-decoration:underline;font-size:16px;color:#444c66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;padding-right:10px}.item-box__header .line span{white-space:nowrap}.item-box__header .line p{font-size:12px;color:#f1f1f1}.item-box__body{overflow-y:auto;overflow-x:hidden;background-color:#fff}.item-box__body table{width:100%;border-collapse:collapse;overflow:hidden}.item-box__body table tr{border-top:1px solid #e1e1e1}.item-box__body table tr:first-child{border-top:none}.item-box__body table td{padding:3px 5px;overflow:hidden;box-sizing:border-box;font-size:12px}.item-box__body table td /deep/ .ivu-tag{margin:0}.item-box__body table td:first-child{width:100px;padding-right:15px;background-color:#f1f1f1;color:#666;text-align:right}@media only screen and (max-width:1400px){.item-box__body table td:first-child{width:72px}.item-box__body table td:last-child .c-waterbar__item .item{height:14px}.item-box__body table td:last-child .c-waterbar__item{padding:0 1px}}.item-box__body table td:last-child{color:#111}