.monitor-table-item .group-data-box{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.monitor-table-item .group-data-box,.monitor-table-item .group-data-box .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor-table-item .group-data-box .item{margin-right:15px}.monitor-table-item .group-data-box .arrow-icon{width:30px;height:30px;text-align:center;line-height:30px;font-size:18px;cursor:pointer}.monitor-table-item .group-data-box .device-count{font-size:13px;color:#989898}.monitor-table-item .group-data-box .refresh-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:15px;background-color:#fff;padding:8px 10px;font-size:14px;color:#00b5e2;cursor:pointer;margin-right:10px}.monitor-table-item .group-data-box .refresh-btn:focus{background-color:rgba(0,181,226,.5)}.monitor-table-item .remote-monitor-table{width:100%;border-radius:10px 10px 0 0;overflow:hidden;font-size:13px;margin-bottom:0}.monitor-table-item .remote-monitor-table .el-table__body-wrapper::-webkit-scrollbar{height:6px}.monitor-table-item .remote-monitor-table .sn,.monitor-table-item .remote-monitor-table .target-sn{cursor:pointer}.monitor-table-item .remote-monitor-table .is-pair,.monitor-table-item .remote-monitor-table .sn:hover,.monitor-table-item .remote-monitor-table .target-sn:hover{color:#00b5e2}.monitor-table-item .remote-monitor-table thead th{color:#989898}.monitor-table-item .remote-monitor-table thead th .cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor-table-item .remote-monitor-table .select-trigger{position:relative;text-align:center;line-height:36px}.monitor-table-item .remote-monitor-table .select-trigger .select-trigger-desc{position:absolute}.monitor-table-item .remote-monitor-table .select-trigger .el-select{opacity:0}.monitor-table-item .remote-monitor-table .el-table__row{cursor:pointer}.monitor-table-item .remote-monitor-table .el-table__row td:nth-child(2) .cell{padding:0!important;width:30px;height:30px;text-align:center;line-height:30px}.monitor-table-item .remote-monitor-table .el-table__row .icon-more-btn{border-radius:4px}.monitor-table-item .remote-monitor-table .el-table__row .icon-more-btn:hover{background:rgba(154,206,215,.2)}.monitor-table-item .load-more-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#00b5e2;padding:15px 50px;border-radius:0 0 10px 10px;background-color:#f5fafb}.monitor-table-item .load-more-box .left{cursor:pointer}.filter-remote-badge .el-badge__content{width:auto;height:auto;font-size:13px;background-color:#00b5e2;color:#fff}.filter-remote-btn{right:40px!important;left:unset!important;border-radius:5px;padding:0}.filter-remote-btn .filter-remote-container .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.1);box-shadow:0 0 4px 0 rgba(0,0,0,.1);padding:20px 10px 10px 20px}.filter-remote-btn .filter-remote-container .header h3{margin:0;font-size:18px;color:#333;font-weight:500}.filter-remote-btn .filter-remote-container .header .el-icon-close{font-size:16px;line-height:40px;height:40px;width:40px;text-align:center;display:block;cursor:pointer}.filter-remote-btn .filter-remote-container .content{padding:0 10px 20px 20px}.filter-remote-btn .filter-remote-container .content .select-item{margin-top:25px;width:100%}.filter-remote-btn .filter-remote-container .content .select-item .title{font-size:16px;color:rgba(51,51,51,.8);margin-bottom:15px}.filter-remote-btn .filter-remote-container .content .select-item .el-select{width:95%}.filter-remote-btn .filter-remote-container .bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 25px 15px 20px;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.1);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.filter-remote-btn .filter-remote-container .bottom .clear-btn{color:rgba(51,51,51,.8);text-decoration:underline;font-size:14px;cursor:pointer}.filter-remote-btn .filter-remote-container .bottom .clear-btn:active{color:#00b5e2}.filter-remote-select .el-select-dropdown__item:after{display:none}.remote-monitor{padding:30px 40px}.remote-monitor .fun-btns{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.remote-monitor .fun-btns,.remote-monitor .fun-btns .btns{display:-webkit-box;display:-ms-flexbox;display:flex}.remote-monitor .fun-btns .el-button{margin-left:10px}.remote-monitor .search-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:20px}.remote-monitor .remote-monitor-container{margin-top:35px}.remote-monitor .remote-monitor-container .group-device-state{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}.remote-monitor .remote-monitor-container .group-device-state .state-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 10px;border-radius:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:36px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;margin-right:10px;overflow:hidden;background-color:#fff;cursor:pointer}.remote-monitor .remote-monitor-container .group-device-state .state-item .state-desc{margin-left:10px}.remote-monitor .remote-monitor-container .group-device-state .state-item:hover{background-color:#ebeef5}.remote-monitor .remote-monitor-container .group-device-state .state-item.is-active{background-color:rgba(154,206,215,.8)}.remote-monitor .remote-monitor-container .group-device-state .state-item-loading{min-height:36px;padding:8px 10px;border-radius:15px;margin-top:10px;margin-right:10px;width:140px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:stateItemLoading 1.4s ease infinite;animation:stateItemLoading 1.4s ease infinite}.remote-monitor .remote-monitor-container .state-color-box{display:inline-block;width:18px;height:18px;border-radius:10px;overflow:hidden}.remote-monitor .remote-monitor-container .state-color-box .state-color{width:15px;height:15px}.remote-monitor .remote-monitor-container .no-search-container{text-align:center}.remote-monitor .remote-monitor-container .no-search-container .no-search-img{width:200px;height:200px;-o-object-fit:contain;object-fit:contain}.remote-monitor .remote-monitor-container .no-search-container .tips{font-size:16px;line-height:22px}.remote-monitor .remote-monitor-container .el-pagination,.remote-monitor .remote-monitor-container .not-list{text-align:center}.state-color-popper{padding:5px 10px;max-width:200px}.el-dialog.device-list-dialog{margin-top:5vh!important}.el-dialog.device-list-dialog .start-tree .decives-tree-content{height:55vh}.el-dialog.device-list-dialog .devices-tree .custom-tree-node .device-list .el-checkbox-group:not(:last-child){border-bottom:1px solid #ededed!important}@-webkit-keyframes stateItemLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes stateItemLoading{0%{background-position:100% 50%}to{background-position:0 50%}}