.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:block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;min-width:0;height:100%;text-align:left;line-height:18px;overflow:hidden;white-space:nowrap}.real-time-data-page.container .status-right span{display:block;overflow:hidden;text-overflow:ellipsis;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 auto;flex:1 1 auto;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 .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 .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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.real-time-data-page.container .float-btn--ele{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;margin-top:-32px;background-color:hsla(0,0%,94.9%,.95)}.real-time-data-page.container .float-btn__text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;padding:0 4px;font-size:12px;font-weight:600;line-height:1.2;color:#2d8f7c;cursor:pointer;white-space:nowrap}.real-time-data-page.container .float-btn__text:disabled{color:#aaa;cursor:not-allowed}.real-time-data-page.container .float-btn__text .float-btn__icon{font-size:14px;-ms-flex-negative:0;flex-shrink:0}.real-time-data-page.container.ele-real-time-monitor-page .door ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:4px 2px;margin:0}.real-time-data-page.container.ele-real-time-monitor-page .ele-card{width:150px;margin:10px;background:#fff;border-radius:8px;border:1px solid #e8ecf1;-webkit-box-shadow:0 2px 6px rgba(31,45,61,.06);box-shadow:0 2px 6px rgba(31,45,61,.06);padding:10px 12px 8px;text-align:left;list-style:none;position:relative;overflow:hidden;-webkit-transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s}.real-time-data-page.container.ele-real-time-monitor-page .ele-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#d9dee5}.real-time-data-page.container.ele-real-time-monitor-page .ele-card--online:before{background:#52c41a}.real-time-data-page.container.ele-real-time-monitor-page .ele-card--offline:before{background:#f5222d}.real-time-data-page.container.ele-real-time-monitor-page .ele-card--unbind:before{background:#bfbfbf}.real-time-data-page.container.ele-real-time-monitor-page .ele-card:hover{-webkit-box-shadow:0 6px 16px rgba(31,45,61,.14);box-shadow:0 6px 16px rgba(31,45,61,.14);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.real-time-data-page.container.ele-real-time-monitor-page .ele-card[ant-click-animating-node]:after,.real-time-data-page.container.ele-real-time-monitor-page .ele-card[ant-click-animating-without-extra-node]:after,.real-time-data-page.container.ele-real-time-monitor-page .ele-card__btn[ant-click-animating-node]:after,.real-time-data-page.container.ele-real-time-monitor-page .ele-card__btn[ant-click-animating-without-extra-node]:after{display:none!important;-webkit-animation:none!important;animation:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__body{position:relative}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__body img{display:block;width:100%;border-radius:4px}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__sn{position:absolute;top:0;left:0;width:100%;text-align:center;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.ele-real-time-monitor-page .ele-card__name{font-size:12px;line-height:14px;margin:8px 0 0;text-align:center;color:rgba(0,0,0,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__footer{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;margin:-30px 5px 0}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__footer .ele-card__btn{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:26px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;font-size:12px;border:1px solid var(--antd-wave-shadow-color,#2d8f7c);border-radius:4px;background:#fff;color:var(--antd-wave-shadow-color,#2d8f7c);cursor:pointer;overflow:hidden;-webkit-transition:background .2s;transition:background .2s}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__footer .ele-card__btn+.ele-card__btn{margin-left:6px}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__footer .ele-card__btn .anticon{-ms-flex-negative:0;flex-shrink:0;margin-right:2px}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__footer .ele-card__btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__footer .ele-card__btn:hover:not(:disabled){background:var(--antd-wave-shadow-color,#2d8f7c);color:#fff}.real-time-data-page.container.ele-real-time-monitor-page .ele-card__footer .ele-card__btn:disabled{color:#b6bdc7;background:#f5f6f8;border-color:#e6e9ee;cursor:not-allowed}