.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:82px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:8px 12px;position:absolute;z-index:2;background:#fff;border-bottom:1px solid #edf0f2;-webkit-box-shadow:0 1px 3px rgba(31,45,61,.04);box-shadow:0 1px 3px rgba(31,45,61,.04)}.real-time-data-page.container .dev-status-view{-webkit-box-flex:0;-ms-flex:0 0 43%;flex:0 0 43%;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.real-time-data-page.container .dev-status-view ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin:0}.real-time-data-page.container .dev-status-view ul li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;padding:8px 10px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fbfcfc;border:1px solid #edf0f2;border-radius:3px;-webkit-transition:border-color .2s,-webkit-box-shadow .2s,-webkit-transform .2s;transition:border-color .2s,-webkit-box-shadow .2s,-webkit-transform .2s;transition:border-color .2s,box-shadow .2s,transform .2s;transition:border-color .2s,box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s}.real-time-data-page.container .dev-status-view ul li:hover{border-color:rgba(65,150,131,.45);-webkit-box-shadow:0 3px 8px rgba(31,45,61,.08);box-shadow:0 3px 8px rgba(31,45,61,.08);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.real-time-data-page.container .status-left{display:inline-block;width:auto;height:100%;text-align:right}.real-time-data-page.container .status-left img{display:inline-block;width:30px;height:30px;margin-right:8px}.real-time-data-page.container .status-right{display:inline-block;width:auto;min-width:0;height:100%;text-align:left;line-height:18px;white-space:nowrap}.real-time-data-page.container .status-right span:first-child{color:#657180;font-size:12px}.real-time-data-page.container .status-right span:last-child{color:#263238;font-size:16px;font-weight:600}.real-time-data-page.container .search{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:0}.real-time-data-page.container .search .ant-form{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.real-time-data-page.container .search .base-query-form{height:64px;margin:0;padding:16px 14px;border:1px solid #e4e8eb;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(31,45,61,.03);box-shadow:0 1px 2px rgba(31,45,61,.03);overflow:visible}.real-time-data-page.container .search .base-query-form__body{-ms-flex-align:center;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.real-time-data-page.container .search .base-query-form__body,.real-time-data-page.container .search .base-query-form__fields{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;align-items:center;gap:0!important}.real-time-data-page.container .search .base-query-form__fields{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:center;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;width:auto!important;min-width:0}.real-time-data-page.container .search .query-form-field-cell{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto!important;margin:0 18px 0 0}.real-time-data-page.container .search .query-form-field-cell__label{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-flex:0!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:28px;padding-right:10px;color:#475669;font-weight:500;white-space:nowrap}.real-time-data-page.container .search .query-form-field.ant-form-item{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto!important;margin:0!important}.real-time-data-page.container .search .query-form-field__control{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto!important}.real-time-data-page.container .search .query-form-field__control .ant-input{width:170px!important;border-radius:2px}.real-time-data-page.container .search .query-form-field__control .ant-select{width:120px!important}.real-time-data-page.container .search .base-query-form__actions{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-flex:0!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto!important;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0!important;padding:0!important;white-space:nowrap}.real-time-data-page.container .door-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:calc(100% - 82px);margin-top:82px;background:#fafbfc}.real-time-data-page.container .door{width:100%;-webkit-box-flex:1;-ms-flex:1 1 54%;flex:1 1 54%;min-height:180px;overflow:auto;padding:14px 16px;text-align:center}.real-time-data-page.container .door.door-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#a0a8b3}.real-time-data-page.container .event-monitor{width:100%;-webkit-box-flex:0;-ms-flex:0 0 46%;flex:0 0 46%;min-height:220px;padding:0 12px 12px;background:#fff;border-top:1px solid #edf0f2}.real-time-data-page.container .door ul a-li{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;margin:6px;padding:7px 7px 20px;background:#fff;border:1px solid #edf0f2;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(31,45,61,.04);box-shadow:0 1px 2px rgba(31,45,61,.04);-webkit-transition:border-color .2s,-webkit-box-shadow .2s,-webkit-transform .2s;transition:border-color .2s,-webkit-box-shadow .2s,-webkit-transform .2s;transition:border-color .2s,box-shadow .2s,transform .2s;transition:border-color .2s,box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s}.real-time-data-page.container .door ul a-li:hover{border-color:rgba(65,150,131,.55);-webkit-box-shadow:0 4px 10px rgba(31,45,61,.1);box-shadow:0 4px 10px rgba(31,45,61,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.real-time-data-page.container .event-monitor h4{width:100%;height:30px;padding-left:10px;line-height:32px;margin:0;color:#263238;font-weight:600;background-color:#f6f8f9;border-left:3px solid #419683}.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;border-radius:2px 2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;-webkit-transition:opacity .2s;transition:opacity .2s}.real-time-data-page.container .door ul a-li:hover .float-btn{opacity:1}.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}