.monitoring-area-container{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 15px 15px 21px}.monitoring-area-container .left{width:200px}.monitoring-area-container .right{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}.monitoring-area-container .tree-ul .icon-ic_folder,.monitoring-area-container .tree-ul .icon-wenjianjia1{font-size:16px;margin-right:3px;margin-left:3px;color:#333}.monitoring-area-container .tree-ul .icon-ic_folder.icon-wenjianjia1,.monitoring-area-container .tree-ul .icon-wenjianjia1.icon-wenjianjia1{color:#555;font-size:14px}.monitoring-area-container .tree-ul li{line-height:30px;position:relative;background:url(../img/point-y.573b6026.png) repeat-y}.monitoring-area-container .tree-ul li .checkbox{display:inline-block;width:15px;text-align:center;height:15px;line-height:13px;border:1px solid #bbb;cursor:pointer;position:relative;top:1px}.monitoring-area-container .tree-ul li .checkbox i{opacity:0}.monitoring-area-container .tree-ul li .checkbox.active{border:1px solid green}.monitoring-area-container .tree-ul li .checkbox.active i{color:green;opacity:1}.monitoring-area-container .tree-ul li .div{height:30px;line-height:30px;position:relative;background:url(../img/point-y.573b6026.png) repeat-y}.monitoring-area-container .tree-ul li img{width:11px;display:block;margin-top:9px;position:relative;z-index:1;left:-5px}.monitoring-area-container .tree-ul li .line{width:10px;height:2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAIAAAB7QOjdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3RTk4MEI1NzlCMzIxMUU2Qjc3MEZGQ0IwMUI2NUE3RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRTQxRjczQjlCMzMxMUU2OUQ5OEQ2MEUwMUFGMEZCQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRTQxRjczQTlCMzMxMUU2OUQ5OEQ2MEUwMUFGMEZCQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M2UzMGE1ZTAtY2YwNi1lYjQ0LWJjNDgtYmIxZmZlOTQ0OWE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdFOTgwQjU3OUIzMjExRTZCNzcwRkZDQjAxQjY1QTdEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7lEoSAAAABJJREFUeNpiWL582f///wECDAAPxgTySOmLbQAAAABJRU5ErkJggg==) repeat-x;margin-top:14px;position:relative;left:0}.monitoring-area-container .tree-ul li .item2,.monitoring-area-container .tree-ul li .item3{padding-left:31px}.monitoring-area-container .tree-ul li .icon-jia,.monitoring-area-container .tree-ul li .icon-jian{display:inline-block;width:12px;height:12px;background:#fff;position:relative;z-index:1}