.player-slider[data-v-034ec010]{width:100%;padding:0 15px}.demo-infinite-container{border-radius:4px;overflow:auto;padding:0 0;height:100%}.demo-loading-container{position:absolute;bottom:40px;width:100%;text-align:center}.out_device{background:#25b633}.in_device,.out_device{color:#fff;display:inline-block;padding:0 5px;border-radius:2px}.in_device{background:#f0922d}.dev_box{height:100%;border-right:6px solid!important;overflow:hidden}.out_type{color:#25b633;font-weight:700}.in_type{color:#f0922d;font-weight:700}.online{color:#25b633}.offline{color:#e53232}.delete{font-size:14px;width:24px;position:absolute;top:10%;right:0;cursor:pointer}.big_box{width:100%;position:relative}.big_img{height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.big_img .small{width:30px;height:30px;position:absolute;top:10px;left:10px;border:none;cursor:pointer;z-index:9}.big_img .black_car{height:80px;line-height:80px;width:98%;background:#fff;opacity:.5;color:#e53232;text-align:center;font-size:25px;position:absolute;top:20%;left:1%}.big_img .all_img,.big_img .video{width:98%;height:100%;margin-left:1%}.big_img .video{-o-object-fit:fill;object-fit:fill}.big_img .carimg{width:40%;height:40%;position:absolute;top:0;left:1%;z-index:10}.big_img .carimg .bigImg{width:100%;height:100%}.big_img .carimg .closeImg{width:9%;height:19%;position:absolute;top:3%;right:1%;cursor:pointer}.test{width:100px;height:100px;background-color:red;-webkit-animation-name:example;animation-name:example;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes showimg{0%{width:0;height:0}to{width:40%;height:40%;opacity:1}}@keyframes showimg{0%{width:0;height:0}to{width:40%;height:40%;opacity:1}}.big_img .no_video{color:#ccc;font-size:40px;font-weight:700;font-style:oblique;width:100%;text-align:center;margin-top:-23%}.active{display:none!important;-webkit-transition:2s!important;transition:2s!important;-webkit-transform:scale(.8);transform:scale(.8)}.ms_btn{width:98%;position:absolute;left:1%;top:2%}.ms_btn .ul{width:28%;margin-left:42%}.ms_btn li{float:left;width:32%;text-align:center;color:#fff;background:#ccc;border-radius:4px;padding:2% 0;margin-right:2%;cursor:pointer;font-size:12px}.ms_btn li:last-child{margin-right:0}.ms_btn li.on{background:#00bebe}.img{position:relative;width:32%;height:100%;border:1px solid #adadad;display:inline-block;margin-right:2%;border-radius:5px;-webkit-box-shadow:0 4px 4px .5px #ccc;box-shadow:0 4px 4px .5px #ccc}.img:last-child{margin-right:0}.img>p{padding:2% 0;position:absolute;bottom:0;background:#909090;color:#fff;font-size:1rem;text-align:center;width:100%}.imgInfo{width:98%;height:31%;margin-top:1%;margin-left:1%}.imgInfo ul{height:91%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden}.imgInfo ul::-webkit-scrollbar{height:10px;background-color:#f5f5f5}.left_menu{width:15%;height:100%;border:1px solid #dadada;background:#fff;z-index:999;overflow-y:scroll}.left_menu h2{border-bottom:1px solid #dadada;padding:5px}.menuStyle{position:absolute;font-size:25px;z-index:1;color:#858585}.icon{font-size:20px;width:40px}.viewBox .ant-input-search,.viewBox li{cursor:pointer;padding:10px 10px}.ungo{left:0}.go,.ungo{-webkit-transition:all .5;transition:all .5}.go{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);left:15%}.window_btn{right:0;display:-webkit-box;display:-ms-flexbox;display:flex}/deep/ .ant-card-body{padding:5px;zoom:1;height:calc(100% - 52px)}/deep/ .ant-card-head-title{padding:3px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block}/deep/ .ant-card-head{background:transparent;border-bottom:1px solid #e8e8e8;padding:0 24px;border-radius:2px 2px 0 0;zoom:1;margin-bottom:-1px;min-height:25px;font-size:14px;color:rgba(0,0,0,.85);font-weight:500}/deep/ .ant-card-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;-webkit-box-shadow:1px 0 0 0 #e8e8e8,0 1px 0 0 #e8e8e8,1px 1px 0 0 #e8e8e8,1px 0 0 0 #e8e8e8 inset,0 1px 0 0 #e8e8e8 inset;box-shadow:1px 0 0 0 #e8e8e8,0 1px 0 0 #e8e8e8,1px 1px 0 0 #e8e8e8,inset 1px 0 0 0 #e8e8e8,inset 0 1px 0 0 #e8e8e8;float:left;padding:0;-webkit-transition:all .3s;transition:all .3s}/deep/ .ant-card-grid:hover{position:relative;z-index:1;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.vms-device-tree.ant-tree{padding-left:5px}.vms-device-tree.ant-tree.ant-tree-show-line li:not(:last-child):before{left:22px!important}.dev-real-time-monitoring__main .toolbar{background:#2e3136;position:relative;width:100%;height:55px;display:none}.dev-real-time-monitoring__main .toolbar .tool{height:100%}.dev-real-time-monitoring__main .toolbar .tool .progress-bar{width:100%;padding-top:5px}.dev-real-time-monitoring__main .toolbar .tool .progress-bar .ant-slider{margin:0}.dev-real-time-monitoring__main .toolbar .tool .tool-img-operation{padding:0 40px 0;overflow:hidden}.dev-real-time-monitoring__main .toolbar .tool .tool-img-operation .tool-img-operation_left{float:left;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dev-real-time-monitoring__main .toolbar .tool .tool-img-operation .tool-img-operation_left img{margin-right:15px}.dev-real-time-monitoring__main .toolbar .tool .tool-img-operation .tool-img-operation_right{padding-top:6px;float:right;margin-right:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dev-real-time-monitoring__main .toolbar .tool .tool-img-operation img{width:25px;height:25px;cursor:pointer}.dev-real-time-monitoring__main .toolbar .tool .tool-img-operation img.full-screen-img{width:20px;height:20px}.dev-real-time-monitoring__main .toolbar .tool .tool-img-operation span{font-size:20px;color:#666}.dev-real-time-monitoring__main .toolbar .tool .tool-img-operation span.play-back-time,.dev-real-time-monitoring__main .toolbar .tool .tool-img-operation span.play-speed-x{margin-right:15px}.demo-infinite-container[data-v-739757b2]{border-radius:4px;overflow:auto;padding:0 0;height:100%}.demo-loading-container[data-v-739757b2]{position:absolute;bottom:40px;width:100%;text-align:center}.out_device[data-v-739757b2]{background:#25b633}.in_device[data-v-739757b2],.out_device[data-v-739757b2]{color:#fff;display:inline-block;padding:0 5px;border-radius:2px}.in_device[data-v-739757b2]{background:#f0922d}.dev_box[data-v-739757b2]{height:100%;border-right:6px solid!important;overflow:hidden}.out_type[data-v-739757b2]{color:#25b633;font-weight:700}.in_type[data-v-739757b2]{color:#f0922d;font-weight:700}.online[data-v-739757b2]{color:#25b633}.offline[data-v-739757b2]{color:#e53232}.delete[data-v-739757b2]{font-size:14px;width:24px;position:absolute;top:10%;right:0;cursor:pointer}.big_box[data-v-739757b2]{width:100%;position:relative}.big_img[data-v-739757b2]{height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.big_img .small[data-v-739757b2]{width:30px;height:30px;position:absolute;top:10px;left:10px;border:none;cursor:pointer;z-index:9}.big_img .black_car[data-v-739757b2]{height:80px;line-height:80px;width:98%;background:#fff;opacity:.5;color:#e53232;text-align:center;font-size:25px;position:absolute;top:20%;left:1%}.big_img .all_img[data-v-739757b2],.big_img .video[data-v-739757b2]{width:98%;height:100%;margin-left:1%}.big_img .video[data-v-739757b2]{-o-object-fit:fill;object-fit:fill}.big_img .carimg[data-v-739757b2]{width:40%;height:40%;position:absolute;top:0;left:1%;z-index:10}.big_img .carimg .bigImg[data-v-739757b2]{width:100%;height:100%}.big_img .carimg .closeImg[data-v-739757b2]{width:9%;height:19%;position:absolute;top:3%;right:1%;cursor:pointer}.test[data-v-739757b2]{width:100px;height:100px;background-color:red;-webkit-animation-name:example;animation-name:example;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes showimg-739757b2{0%{width:0;height:0}to{width:40%;height:40%;opacity:1}}@keyframes showimg-739757b2{0%{width:0;height:0}to{width:40%;height:40%;opacity:1}}.big_img .no_video[data-v-739757b2]{color:#ccc;font-size:40px;font-weight:700;font-style:oblique;width:100%;text-align:center;margin-top:-23%}.active[data-v-739757b2]{display:none!important;-webkit-transition:2s!important;transition:2s!important;-webkit-transform:scale(.8);transform:scale(.8)}.ms_btn[data-v-739757b2]{width:98%;position:absolute;left:1%;top:2%}.ms_btn .ul[data-v-739757b2]{width:28%;margin-left:42%}.ms_btn li[data-v-739757b2]{float:left;width:32%;text-align:center;color:#fff;background:#ccc;border-radius:4px;padding:2% 0;margin-right:2%;cursor:pointer;font-size:12px}.ms_btn li[data-v-739757b2]:last-child{margin-right:0}.ms_btn li.on[data-v-739757b2]{background:#00bebe}.img[data-v-739757b2]{position:relative;width:32%;height:100%;border:1px solid #adadad;display:inline-block;margin-right:2%;border-radius:5px;-webkit-box-shadow:0 4px 4px .5px #ccc;box-shadow:0 4px 4px .5px #ccc}.img[data-v-739757b2]:last-child{margin-right:0}.img>p[data-v-739757b2]{padding:2% 0;position:absolute;bottom:0;background:#909090;color:#fff;font-size:1rem;text-align:center;width:100%}.imgInfo[data-v-739757b2]{width:98%;height:31%;margin-top:1%;margin-left:1%}.imgInfo ul[data-v-739757b2]{height:91%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden}.imgInfo ul[data-v-739757b2]::-webkit-scrollbar{height:10px;background-color:#f5f5f5}.left_menu[data-v-739757b2]{width:15%;height:100%;border:1px solid #dadada;background:#fff;z-index:999;overflow-y:scroll}.left_menu h2[data-v-739757b2]{border-bottom:1px solid #dadada;padding:5px}.menuStyle[data-v-739757b2]{position:absolute;font-size:25px;z-index:1;color:#858585}.icon[data-v-739757b2]{font-size:20px;width:40px}.viewBox .ant-input-search[data-v-739757b2],.viewBox li[data-v-739757b2]{cursor:pointer;padding:10px 10px;height:100%}.viewBox li[data-v-739757b2]:hover{background:#ccc}.ungo[data-v-739757b2]{-webkit-transition:all .5;transition:all .5;left:0}.go[data-v-739757b2]{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:all .5;transition:all .5;left:15%}.window_btn[data-v-739757b2]{right:0;display:-webkit-box;display:-ms-flexbox;display:flex}[data-v-739757b2] .ant-card-body{padding:5px;zoom:1;height:calc(100% - 52px)}[data-v-739757b2] .ant-card-head-title{padding:3px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block}[data-v-739757b2] .ant-card-head{background:transparent;border-bottom:1px solid #e8e8e8;padding:0 24px;border-radius:2px 2px 0 0;zoom:1;margin-bottom:-1px;min-height:25px;font-size:14px;color:rgba(0,0,0,.85);font-weight:500}[data-v-739757b2] .ant-card-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;-webkit-box-shadow:1px 0 0 0 #e8e8e8,0 1px 0 0 #e8e8e8,1px 1px 0 0 #e8e8e8,1px 0 0 0 #e8e8e8 inset,0 1px 0 0 #e8e8e8 inset;box-shadow:1px 0 0 0 #e8e8e8,0 1px 0 0 #e8e8e8,1px 1px 0 0 #e8e8e8,inset 1px 0 0 0 #e8e8e8,inset 0 1px 0 0 #e8e8e8;float:left;padding:0;-webkit-transition:all .3s;transition:all .3s}[data-v-739757b2] .ant-card-grid:hover{position:relative;z-index:1;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}