.real-time-data-page.container{width:100%;height:100%;position:relative;overflow:hidden}.real-time-data-page.container .left-menu{float:left;width:15%;height:100%;border-right:2px solid #f5f5f5}.real-time-data-page.container .right-data{display:-webkit-box;display:-ms-flexbox;display:flex;width:85%!important;height:100%;float:left;position:relative;overflow:hidden}.real-time-data-page.container .top-status{width:100%;height:55px;display:block;position:absolute;border-bottom:2px solid #f5f5f5}.real-time-data-page.container .dev-status-view{width:70%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;float:left;position:relative}.real-time-data-page.container .dev-status-view ul{width:100%;margin:0}.real-time-data-page.container .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}.real-time-data-page.container .status-left{display:inline-block;width:60%;height:100%;text-align:right}.real-time-data-page.container .status-left img{display:inline-block;width:40px;height:40px;margin-right:5px}.real-time-data-page.container .status-right{display:inline-block;width:50%;height:100%;text-align:left}.real-time-data-page.container .search{width:40%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;float:left}.real-time-data-page.container .door-info{display:block;width:100%;margin-top:55px}.real-time-data-page.container .door{width:100%;height:50%;overflow:auto;padding:12px;text-align:center}.real-time-data-page.container .event-monitor{width:100%;height:45%;padding-bottom:20px}.real-time-data-page.container .door ul a-li{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;margin:6px;padding-bottom:18px}.real-time-data-page.container .event-monitor h4{width:100%;height:30px;padding-left:6px;line-height:30px;margin:0;font-weight:700;background-color:#f5f5f5}.real-time-data-page.container .event-monitor table{margin:0}.real-time-data-page.container .door-block{width:76px;height:91px;position:relative}.real-time-data-page.container .door-block .door-dev-sn{position:absolute;width:100%;background:rgba(0,0,0,.3);color:#fff;font-size:.9em}.real-time-data-page.container .door-block p{width:100%;font-size:12px;margin:0;text-align:center;line-height:14px;margin-top:2px}.real-time-data-page.container .door-block img{width:100%}.real-time-data-page.container .float-btn{width:100%;height:25px;margin-top:-25px;background-color:#f2f2f2;opacity:.7}.real-time-data-page.container .float-btn button{width:50%;height:100%;background-color:transparent;border-style:none}.real-time-data-page.container .float-btn img{width:20px;height:20px}