.container{width:100%;height:100%;position:relative;overflow:hidden}.left-menu{float:left;width:15%;height:100%;border-right:2px solid #f5f5f5}.right-data{display:-webkit-box;display:-ms-flexbox;display:flex;width:85%!important;height:100%;float:left;position:relative;overflow:hidden}.top-status{width:100%;height:55px;display:block;position:absolute;border-bottom:2px solid #f5f5f5}.dev-status-view{width:70%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;float:left;position:relative}.dev-status-view ul{width:100%;margin:0}.dev-status-view ul li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;float:left;width:25%;padding:5px 2px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.status-left{display:inline-block;width:60%;height:100%;text-align:right}.status-left img{display:inline-block;width:40px;height:40px;margin-right:5px}.status-right{display:inline-block;width:50%;height:100%;text-align:left}.search{width:40%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;float:left}.door-info{display:block;width:100%;margin-top:50px}.door{width:100%;height:50%;overflow:auto;padding:12px;text-align:center}.event-monitor{width:100%;height:45%;padding-bottom:20px}.door ul a-li{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;margin:6px}.event-monitor h4{width:100%;height:30px;padding-left:6px;line-height:30px;margin:0;font-weight:700;background-color:#f5f5f5}.event-monitor table{margin:0}.door-block{width:76px;height:91px}.door-block p{width:100%;font-size:12px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden;margin:0;text-align:center;line-height:14px;margin-top:2px}.door-block img{width:100%}.float-btn{width:100%;height:25px;margin-top:-25px;background-color:#f2f2f2;opacity:.7}.float-btn button{width:50%;height:100%;background-color:transparent;border-style:none}.float-btn img{width:20px;height:20px}