.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}.community-real-time-monitoring{width:100%;height:100%;border:6px solid #dae1e9;border-top:none}.community-real-time-monitoring .ant-tabs .ant-tabs-content{width:100%;height:calc(100% - 60px)}.community-real-time-monitoring .ocxStyle{width:85%;height:100%}.community-real-time-monitoring .ocxStyle #playerContainer,.community-real-time-monitoring .ocxStyle #replayerContainer{width:100%;height:calc(100% - 52px);background:#000;color:#fff}.community-real-time-monitoring .ocxStyle #videoBar{height:50px;background-color:#2e2e2e;border:1px solid #111;border-right:none;font-size:0;padding-top:3px}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen,.community-real-time-monitoring .ocxStyle #videoBar .right .btn-screen{height:45px;border:0;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;vertical-align:top;background:url(../../static/img/func_icon-40x40.582acc34.png) 0 0 no-repeat;overflow:visible;width:40px;position:relative}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen:hover,.community-real-time-monitoring .ocxStyle #videoBar .right .btn-screen:hover{background-color:#419683}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen .show-num,.community-real-time-monitoring .ocxStyle #videoBar .right .btn-screen .show-num{color:#fff;font-family:"\5B8B\4F53",Arial,sans-serif;font-size:12px;position:absolute}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen1{background-position:-680px 0}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen4{background-position:-720px 0}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen6{background-position:-760px 0}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen8{background-position:-800px 0}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen9{background-position:-840px 0}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen10{background-position:-880px 0}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen13{background-position:-920px 0}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen16{background-position:-960px 0}.community-real-time-monitoring .ocxStyle #videoBar .left .btn-screen25{background-position:-1000px 0}.community-real-time-monitoring .ocxStyle #videoBar .right{padding-top:5px}.community-real-time-monitoring .ocxStyle #videoBar .right .btn-screen{height:40px}.community-real-time-monitoring .ocxStyle #videoBar .right .btn-full-screen{background-position:-320px 0}