@keyframes load-5051d317{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(359deg)}}.loading[data-v-5051d317]{width:120px;height:60px;position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);text-align:center}img[data-v-5051d317]{animation:load-5051d317 1s linear infinite}p[data-v-5051d317]{color:rgba(70,191,234,.5);margin-top:14px;font-size:14px}.replay[data-v-50d5b7c8] .el-tabs__header{border:0;padding:0 16px;background-color:#0f2e5a}.replay[data-v-50d5b7c8] .el-tabs__nav.is-top{width:100%;display:flex}.replay[data-v-50d5b7c8] .el-tabs__nav.is-top .el-tabs__item{height:40px;border:0;box-sizing:border-box;margin:0;color:#46bfea;font-weight:400;display:flex;align-items:center;justify-content:center}.replay[data-v-50d5b7c8] .el-tabs__nav.is-top .el-tabs__item.is-active{margin:0;position:relative}.replay .sync[data-v-50d5b7c8]{padding:0 16px;display:flex}.replay .sync_label[data-v-50d5b7c8]{font-size:16px;display:flex;align-items:flex-start}.replay .sync .sync_content[data-v-50d5b7c8]{display:inline-block}.replay .sync .special[data-v-50d5b7c8]{background-color:transparent;margin-bottom:16px}.replay .sync .special[data-v-50d5b7c8] .el-input__inner{color:#9297a6;border-color:#46bfea;background-color:rgba(70,191,234,.2)}.replay .sync .special[data-v-50d5b7c8] .el-input__suffix{color:#9297a6}.replay .time-line-wrapper[data-v-50d5b7c8]{position:relative}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time{background-color:#08193b}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time /deep/ .el-slider__runway{background-color:#21304d;border-color:#2d3e64;border-width:1px;border-radius:unset}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time /deep/ .el-slider__footer{background-color:#08193b}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time /deep/ .el-slider__footer .time-item{color:#9297a6}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time /deep/ .el-slider__footer .time-item:before{background-color:#2e3e63}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time .el-slider__button-wrapper{width:9px;background-color:unset}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time .el-slider__button-wrapper .tooltip{color:#46bfea}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time .el-slider__button-wrapper .tooltip-btn{background-color:unset}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time .el-slider__bar-left,.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time .el-slider__bar-right{background-color:transparent;display:none}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time .tooltip-left{background:none;background-repeat:no-repeat;background-size:contain;background-color:#3facd2;width:3px}.replay .time-line-wrapper[data-v-50d5b7c8] .lo-slider-time .tooltip-right{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAfCAYAAAA1HueWAAAApElEQVQ4jWO0X3PpPwN2wAgTZcKhAAWwIOuAAgyTiTJpyCpigdLsDAwMUQwMDGJIcuUMDAyvGBgYlsEULWNgYAhCM6ADSnvBrPPHY5sfTBEzHkVsLMi8A8G6KLIOay+jOBxFEB1QL1qo76a/eGz7BVO0FY+ibTDrwhgYGKIZGBjUoHEGAp0MDAy3GBgYloJyC7pOWBonLbcM6TSOq8AgwSQGBgYAKlEc7tJgUfwAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:contain}.replay .time-line-wrapper .legend-wrapper[data-v-50d5b7c8]{position:absolute;right:0;top:-20px;display:flex}.replay .time-line-wrapper .legend-wrapper>div[data-v-50d5b7c8]{display:flex;align-items:center;justify-content:center}.replay .time-line-wrapper .legend-wrapper .has-video .square[data-v-50d5b7c8]{background-color:#fa0}.replay .time-line-wrapper .legend-wrapper .no-video[data-v-50d5b7c8]{margin-left:20px}.replay .time-line-wrapper .legend-wrapper .no-video .square[data-v-50d5b7c8]{border:1px solid rgba(126,151,183,.25);background-color:#21304d;box-sizing:border-box}.replay .time-line-wrapper .legend-wrapper .square[data-v-50d5b7c8]{height:12px;width:12px;margin-right:5px}.replay .async[data-v-50d5b7c8]{padding:0 16px;box-sizing:border-box;width:100%}.replay .async .async_box[data-v-50d5b7c8]{padding-top:20px;width:100%;max-height:150px;overflow:auto}.replay .async .async_box[data-v-50d5b7c8]::-webkit-scrollbar{display:none}.replay .async .async_list[data-v-50d5b7c8]{display:flex;width:100%}.replay .async .async_list+.async_list[data-v-50d5b7c8]{margin-top:20px}.replay .async_label[data-v-50d5b7c8]{font-size:14px;color:#fff;margin-right:10px;width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.replay .async .async_content[data-v-50d5b7c8]{flex-grow:1}.replay .async .async_auto[data-v-50d5b7c8]{margin-left:140px;margin-top:14px}.replay .el-button[data-v-50d5b7c8]{background-color:#164271;color:#46bfea;border-color:#46bfea}.replay .lo-slider-time[data-v-50d5b7c8] .el-slider__runway{height:20px}.replay .el-slider.el-slider-reset[data-v-50d5b7c8]{height:30px!important}.replay .el-slider[data-v-50d5b7c8]{height:40px!important}.replay .el-slider__footer[data-v-50d5b7c8]{position:absolute;display:flex;left:0;bottom:0;width:100%;height:20px;font-size:12px;border-top:1px solid}.replay .el-slider__footer .time-item[data-v-50d5b7c8]{position:relative;display:flex;align-items:flex-end;color:#606266;line-height:1}.replay .el-slider__footer .time-item[data-v-50d5b7c8]:before{content:"";position:absolute;top:-7px;left:0;width:1px;height:6px;background-color:#dfe5ed}.clear-fix[data-v-45c4b6a2]:after{display:block;clear:both;content:""}.video-live .right-part[data-v-45c4b6a2]{width:240px}.video-live[data-v-45c4b6a2]{display:flex;height:100%}.video-live .videos-wrap[data-v-45c4b6a2]{flex:1;background:#080c23;position:relative}.video-live .videos-wrap .chat-tip[data-v-45c4b6a2],.video-live .videos-wrap .downLoad-tip[data-v-45c4b6a2],.video-live .videos-wrap .monitor-tip[data-v-45c4b6a2]{position:absolute;width:40px;height:40px;right:0;background:#32b8e8;border-radius:4px 0 0 4px;color:#fff;font-size:25px;text-align:center;line-height:40px;cursor:pointer}.video-live .videos-wrap .chat-tip[data-v-45c4b6a2]{bottom:20px}.video-live .videos-wrap .downLoad-tip[data-v-45c4b6a2]{bottom:80px;font-weight:700}.video-live .videos-wrap .monitor-tip[data-v-45c4b6a2]{bottom:140px;font-weight:700}.video-live .videos-wrap .chat-wrap[data-v-45c4b6a2]{width:280px;height:250px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:25;cursor:move}.video-live .videos-wrap .chat-wrap .chat[data-v-45c4b6a2]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:25}.video-live .videos-wrap[data-v-45c4b6a2] .e6-nodata-text{color:#1f4287}.video-live .videos-wrap .video-dom-wrap[data-v-45c4b6a2]{width:100%;height:100%;display:flex;box-sizing:border-box;padding:5px;flex-wrap:wrap;align-content:stretch}.video-live .videos-wrap .video-dom-wrap li[data-v-45c4b6a2]{margin-right:5px;margin-top:5px}.video-live .videos-wrap .video-dom-wrap li.li-1[data-v-45c4b6a2],.video-live .videos-wrap .video-dom-wrap li.li-2[data-v-45c4b6a2]{flex:1;height:calc(100% - 5px)}.video-live .videos-wrap .video-dom-wrap li.li-1>div.real-monit .left-head .route-info[data-v-45c4b6a2]{width:156px}.video-live .videos-wrap .video-dom-wrap li[data-v-45c4b6a2]:last-child{margin-right:0}.video-live .videos-wrap .video-dom-wrap li.li-4[data-v-45c4b6a2]{width:calc(50% - 5px);height:calc(50% - 5px)}.video-live .videos-wrap .video-dom-wrap li.li-4[data-v-45c4b6a2]:nth-child(2){margin-right:0}.video-live .videos-wrap .video-dom-wrap li.li-6[data-v-45c4b6a2],.video-live .videos-wrap .video-dom-wrap li.li-9[data-v-45c4b6a2]{width:calc(33.33333% - 6.66667px)}.video-live .videos-wrap .video-dom-wrap li.li-6[data-v-45c4b6a2]:nth-child(3n),.video-live .videos-wrap .video-dom-wrap li.li-9[data-v-45c4b6a2]:nth-child(3n){margin-right:0}.video-live .videos-wrap .video-dom-wrap li.li-12[data-v-45c4b6a2],.video-live .videos-wrap .video-dom-wrap li.li-16[data-v-45c4b6a2]{width:calc(25% - 5px)}.video-live .videos-wrap .video-dom-wrap li.li-12[data-v-45c4b6a2]:nth-child(4n),.video-live .videos-wrap .video-dom-wrap li.li-16[data-v-45c4b6a2]:nth-child(4n){margin-right:0}.video-live .videos-wrap .video-dom-wrap li.li-4[data-v-45c4b6a2],.video-live .videos-wrap .video-dom-wrap li.li-6[data-v-45c4b6a2]{height:calc(50% - 10px)}.video-live .videos-wrap .video-dom-wrap li.li-9[data-v-45c4b6a2],.video-live .videos-wrap .video-dom-wrap li.li-12[data-v-45c4b6a2]{height:calc(33.33333% - 6.66667px)}.video-live .videos-wrap .video-dom-wrap li.li-16[data-v-45c4b6a2]{height:calc(25% - 3.75px)}.video-live .videos-wrap .video-dom-wrap li .empty-monit[data-v-45c4b6a2]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.video-live .videos-wrap .video-dom-wrap li>div[data-v-45c4b6a2]{width:100%;height:100%;background:#0f122e;border-radius:6px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit[data-v-45c4b6a2]{position:relative}.video-live .videos-wrap .video-dom-wrap li>div.real-monit[data-v-45c4b6a2] .el-select .el-input .el-input__inner{background:rgba(0,0,0,.2);padding-left:10px;padding-right:5px;color:#fff;width:60px;height:26px;line-height:26px;border-radius:13px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit[data-v-45c4b6a2] .el-select .el-input .el-input__suffix{width:20px;font-size:12px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit[data-v-45c4b6a2]:after{position:absolute;left:0;right:0;top:0;bottom:0;z-index:100}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .left-head[data-v-45c4b6a2]{position:absolute;left:10px;top:10px;display:flex;z-index:10;justify-content:flex-start}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .left-head .route-info[data-v-45c4b6a2]{width:116px;height:26px;display:flex;margin-right:10px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .left-head .route-info .route-info-title[data-v-45c4b6a2]{border-radius:13px!important;background-color:rgba(0,0,0,.6)!important;color:#fff!important}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .left-head .route-info>p[data-v-45c4b6a2]{line-height:26px;color:#fff;font-size:12px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .left-head .route-info>p[data-v-45c4b6a2]:first-child{flex:1;padding-left:14px;background:rgba(0,0,0,.5);border-radius:13px 0 0 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .left-head .route-info>p[data-v-45c4b6a2]:last-child{width:40px;text-align:center;background:rgba(70,191,234,.5);border-radius:0 13px 13px 0}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .left-head .chat[data-v-45c4b6a2]{width:38px;height:26px;border-radius:13px;background:rgba(70,191,234,.9);line-height:26px;text-align:center;color:#fff;cursor:pointer}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .right-head[data-v-45c4b6a2]{cursor:pointer;display:none;position:absolute;right:10px;top:10px;font-size:30px;width:30px;height:30px;z-index:2003}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .right-head i.cancel-monit[data-v-45c4b6a2]{display:block;line-height:30px;border-radius:50%;background-color:#2b698c;color:#80a5ba;padding-left:15%}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .right-head i.cancel-monit[data-v-45c4b6a2]:before{content:"\00D7"}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .load-error[data-v-45c4b6a2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:hsla(0,0%,100%,.4)}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .load-error>[data-v-45c4b6a2]{margin-bottom:10px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .load-error>p[data-v-45c4b6a2]{font-size:.14rem}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .load-error>a[data-v-45c4b6a2]{color:#40aed8}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .load-error>i[data-v-45c4b6a2]{font-size:40px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .real-video-wrap[data-v-45c4b6a2]{width:100%;height:100%;position:relative}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .real-video-wrap[data-v-45c4b6a2] .el-select{width:60px;height:26px;background:rgba(0,0,0,.4);outline:none;border-radius:13px;font-size:12px;color:#fff;position:absolute;right:10px;top:10px;z-index:10}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .real-video-wrap[data-v-45c4b6a2] .e6-video,.video-live .videos-wrap .video-dom-wrap li>div.real-monit .real-video-wrap[data-v-45c4b6a2] .e6-video video{width:100%;height:100%}.video-live .videos-wrap .video-dom-wrap li>div.real-monit:hover .right-head[data-v-45c4b6a2]{display:block}.video-live .right-part[data-v-45c4b6a2]{width:270px;background:#fff;position:relative;display:flex;flex-flow:column nowrap}.video-live .right-part .title-wrap[data-v-45c4b6a2]{height:35px;line-height:37px;background:#fafbfc;border-bottom:1px solid #eee;padding:0 20px}.video-live .right-part .title-wrap .title[data-v-45c4b6a2]{float:left}.video-live .right-part .title-wrap .tool-bar[data-v-45c4b6a2]{float:right}.video-live .right-part .title-wrap i[data-v-45c4b6a2]{color:#8ba1c1;font-size:16px;cursor:pointer}.video-live .right-part .title-wrap i+i[data-v-45c4b6a2]{margin-left:10px;font-size:17px}.video-live .right-part .title-wrap p[data-v-45c4b6a2]{color:#303133;font-size:16px}.video-live .right-part .vehicles-wrap[data-v-45c4b6a2]{display:flex;height:calc(100% - 195px);flex-flow:column nowrap}.video-live .right-part .vehicles-wrap .vehicles[data-v-45c4b6a2] .new_tree_content_wrap{overflow:hidden}.video-live .right-part .vehicles-wrap .vehicles[data-v-45c4b6a2] .new_tree_content_wrap .dynamic-content i{font-size:16px;color:#c0c4cc}.video-live .right-part .vehicles-wrap .vehicles[data-v-45c4b6a2] .new_tree_content_wrap .dynamic-content i.online{color:#67c23a}.video-live .right-part .vehicles-wrap .operates[data-v-45c4b6a2]{background:#fafbfc;height:auto;padding:10px}.video-live .right-part .vehicles-wrap .operates .routes-wrap[data-v-45c4b6a2]{box-sizing:border-box;min-height:39px;padding:10px 0}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div[data-v-45c4b6a2]{font-size:12px;color:#606266}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div>span[data-v-45c4b6a2]{float:left;height:18px;line-height:18px}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div[data-v-45c4b6a2] .el-checkbox-group{width:220px;float:right}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div[data-v-45c4b6a2] .el-checkbox-group .el-checkbox{margin-right:10px}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div[data-v-45c4b6a2] .el-checkbox-group .el-checkbox .el-checkbox__label{width:16px;font-size:12px;color:#606266;padding-left:4px}.video-live .right-part .vehicles-wrap .operates .monit-btn[data-v-45c4b6a2]{text-align:center}.video-live .right-part .vehicles-wrap .operates .monit-btn.statusLoading[data-v-45c4b6a2]{cursor:not-allowed}.video-live .right-part .vehicles-wrap .operates .monit-btn.statusLoading span[data-v-45c4b6a2]{background:#46bfea}.video-live .right-part .vehicles-wrap .operates .monit-btn span[data-v-45c4b6a2]{display:inline-block;background:#46bfea;border-radius:4px;color:#fff;font-size:12px;padding:6px 22px;cursor:pointer}.video-live .right-part .trace-wrap[data-v-45c4b6a2]{height:160px;position:relative;border-top:1px solid #ccc}.video-live .right-part .trace-wrap .alarm-tip[data-v-45c4b6a2],.video-live .right-part .trace-wrap .vehicle-position[data-v-45c4b6a2]{position:absolute;left:2px;right:2px;height:30px;line-height:30px;z-index:100;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.video-live .right-part .trace-wrap .vehicle-position[data-v-45c4b6a2]{bottom:0;color:#fff;background:rgba(0,0,0,.6)}.video-live .right-part .trace-wrap .alarm-tip[data-v-45c4b6a2]{top:0;color:#ff4234;background:hsla(0,0%,100%,.8)}.video-live .right-part .trace-wrap .alarm-tip>i[data-v-45c4b6a2]{font-size:14px}.video-live .right-part .trace-wrap[data-v-45c4b6a2] .e6-map .amap-marker-label{border:1px solid #ccc;border-radius:2px}.video-live[data-v-45c4b6a2] .time-long-dialog .el-dialog__body{padding:50px 0;text-align:center}.video-live[data-v-45c4b6a2] .time-long-dialog .el-dialog__body>*{display:inline-block}.video-live[data-v-45c4b6a2] .time-long-dialog .el-dialog__body .el-input{width:60px}.video-live[data-v-45c4b6a2] .time-long-dialog .el-dialog__body .el-input .el-input__inner{width:100%}.content-view-wrapper[data-v-45c4b6a2]{padding:0!important;height:100%;background-image:url(../img/video_report_bg.8270d6e3.png);background-position:50%;background-size:100% 100%;background-repeat:no-repeat}.header[data-v-45c4b6a2]{display:flex;background:#080c23}.header__title[data-v-45c4b6a2]{width:2.3rem;height:.45rem;margin:0;color:#46bfea;line-height:.45rem;text-align:center;font-size:.24rem;font-weight:400}.header__left[data-v-45c4b6a2]{flex:1}.header__left .play-speed[data-v-45c4b6a2]{display:flex;align-items:center;justify-content:flex-start;padding-left:.2rem;height:100%;color:#46bfea;font-size:14px}.header__left .play-speed[data-v-45c4b6a2] .el-select{width:.7rem;border:1px solid #46bfea;border-radius:5px;margin-left:.1rem}.header__left .play-speed[data-v-45c4b6a2] .el-select .el-input__inner{background-color:#163453;border:1px solid #46bfea;color:#46bfea}.header__left .play-speed[data-v-45c4b6a2] .el-select .el-input__suffix,.header__left .play-speed[data-v-45c4b6a2] .el-select .el-select__caret{color:#46bfea}.header__right[data-v-45c4b6a2]{flex:1;display:flex;align-items:center;justify-content:flex-end}.header__right .vehicle-select[data-v-45c4b6a2]{display:flex;justify-content:space-between;width:1.52rem;height:.12rem;padding:.07rem .08rem .07rem .08rem;margin-right:.2rem;color:#3185a3;font-size:.12rem;line-height:.12rem;border:1px solid #46bfea;background-color:#173248;border-radius:3px;cursor:pointer}.header__right .vehicle-select span[data-v-45c4b6a2]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-view[data-v-45c4b6a2]{height:calc(100% - .45rem);position:relative}.content-view .content[data-v-45c4b6a2]{height:100%}.content-view .sidebar[data-v-45c4b6a2]{position:absolute;top:0;bottom:0;right:0;width:240px;height:100%;border-left:1px solid #edf0f5;box-sizing:border-box}.content-view .vehicle-select-content[data-v-45c4b6a2]{z-index:999;width:356px;position:absolute;top:0;right:.2rem;bottom:.2rem;background-color:#091e4a;border-radius:4px;transition:all 1s;transform-origin:50% 0;transform:scale(1)}.content-view .vehicle-select-content.fade-enter[data-v-45c4b6a2],.content-view .vehicle-select-content.fade-leave-to[data-v-45c4b6a2]{opacity:0;transform:scaleY(0)}.content-view .vehicle-select-content[data-v-45c4b6a2]:before{content:"";position:absolute;top:-.14rem;right:.8rem;width:0;height:0;border:.07rem solid transparent;border-bottom-color:#091e4a}.content-view .vehicle-select-content .select-input[data-v-45c4b6a2]{width:100%;box-sizing:border-box;padding:10px 10px 0 10px}.content-view .vehicle-select-content .select-input[data-v-45c4b6a2] .el-input{width:100%;height:32px;color:#46bfea;margin-bottom:10px}.content-view .vehicle-select-content .select-input[data-v-45c4b6a2] .el-input .el-input__inner{height:32px;line-height:32px;color:#46bfea;background-color:#0e2b57;border-color:#215e8a}.content-view .vehicle-select-content .select-input[data-v-45c4b6a2] .el-input .el-input__inner::-moz-placeholder{color:#3185a3}.content-view .vehicle-select-content .select-input[data-v-45c4b6a2] .el-input .el-input__inner::placeholder{color:#3185a3}.content-view .vehicle-select-content .select-input[data-v-45c4b6a2] .el-input .el-input__prefix{color:#46bfea}.content-view .vehicle-select-content .select-input[data-v-45c4b6a2] .el-input .el-input-group__append{background-color:#194974;border-color:#215e8a;color:#46bfea}.content-view .vehicle-select-content .tree-wrapper[data-v-45c4b6a2]{height:calc(100% - 177px);padding-left:10px}.content-view .vehicle-select-content .tree-wrapper .new_tree_content_wrap[data-v-45c4b6a2] .new_treeDemoBackground .new_tree{background-color:#091e4a}.content-view .vehicle-select-content .tree-wrapper .new_tree_content_wrap[data-v-45c4b6a2] .new_treeDemoBackground .new_tree div a{color:hsla(0,0%,100%,.5)}.content-view .vehicle-select-content .tree-wrapper .new_tree_content_wrap[data-v-45c4b6a2] .new_treeDemoBackground .new_tree .dynamic-content::-webkit-scrollbar-thumb{background-color:#0c336e;outline:2px solid #0c336e;border:2px solid #0c336e}.content-view .vehicle-select-content .tree-wrapper .new_tree_content_wrap[data-v-45c4b6a2] .new_treeDemoBackground .new_tree .dynamic-content::-webkit-scrollbar-corner,.content-view .vehicle-select-content .tree-wrapper .new_tree_content_wrap[data-v-45c4b6a2] .new_treeDemoBackground .new_tree .dynamic-content::-webkit-scrollbar-track-piece{background-color:#091e4a}.content-view .vehicle-select-content .tree-wrapper .e6-icon-acc_fill[data-v-45c4b6a2],.content-view .vehicle-select-content .tree-wrapper .e6-icon-truck_fill[data-v-45c4b6a2]{color:#c0c4cc}.content-view .vehicle-select-content .tree-wrapper .e6-icon-acc_fill.active[data-v-45c4b6a2],.content-view .vehicle-select-content .tree-wrapper .e6-icon-truck_fill.active[data-v-45c4b6a2]{color:#67c23a}.content-view .vehicle-select-content .operate-wrapper[data-v-45c4b6a2]{height:46px;background-color:#0a2353;display:flex;justify-content:center;align-items:center}.content-view .vehicle-select-content .operate-wrapper[data-v-45c4b6a2] .el-button{background-color:#164271;color:#46bfea;border-color:#46bfea}.content-view .vehicle-select-content .operate-wrapper[data-v-45c4b6a2] .el-button:hover{color:#164271;background-color:#46bfea}.tree-wrapper[data-v-45c4b6a2] .new_tree_content_wrap .new_tree div div:hover{background-color:rgba(53,84,131,.8)}.content .container[data-v-45c4b6a2]{height:100%}.content .container-status[data-v-45c4b6a2]{width:100%;height:100%;background-color:#080c23}.content .container-status[data-v-45c4b6a2] .e6-nodata .e6-nodata-text{color:#1f4287}.content .video-map-wrapper[data-v-45c4b6a2]{position:relative}.content .video-map-wrapper .video-map[data-v-45c4b6a2]{display:flex;width:100%;height:100%}.content .video-map-wrapper .map-wrapper[data-v-45c4b6a2],.content .video-map-wrapper .video-wrapper[data-v-45c4b6a2]{width:50%;height:100%;position:relative}.content .video-map-wrapper .video-wrapper[data-v-45c4b6a2]{background-color:#000}.content .video-map-wrapper .video-wrapper[data-v-45c4b6a2] .e6-video{width:100%;height:100%;background-color:#000}.content .video-map-wrapper .video-wrapper[data-v-45c4b6a2] .el-select{width:70px;height:26px;outline:none;border-radius:13px;font-size:12px;color:#fff;position:absolute;right:10px;top:10px;z-index:10}.content .video-map-wrapper .video-wrapper[data-v-45c4b6a2] .el-select .el-input__inner{padding-left:10px;padding-right:10px;background-color:rgba(0,0,0,.4);color:#fff}.content .video-map-wrapper .map-wrapper .vehicle-position[data-v-45c4b6a2]{position:absolute;left:0;bottom:0;width:100%;height:36px;font-size:12px;color:#9297a6;padding-left:15px;background-color:#091e49;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}.content .video-map-wrapper .video-map-status[data-v-45c4b6a2]{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#1f4287;background-color:#080c23;overflow:hidden}.content .video-map-wrapper .video-map-status p[data-v-45c4b6a2]{font-size:14px;margin-top:30px}.content .operate-video[data-v-45c4b6a2]{position:relative;height:330px;background-color:#081939;z-index:300}.content .operate-video .tab-group[data-v-45c4b6a2]{display:flex;align-items:center;height:40px;font-size:14px;color:#9297a6;border-bottom:1px solid #123166;background-color:rgba(10,34,75,.4);box-sizing:border-box}.content .operate-video .tab-item[data-v-45c4b6a2]{height:40px;line-height:40px;box-sizing:border-box;cursor:pointer}.content .operate-video .tab-item[data-v-45c4b6a2]:first-child{margin-left:15px;margin-right:40px}.content .operate-video .tab-item.active[data-v-45c4b6a2]{color:#46bfea;border-bottom:2px solid #46bfea}.content .operate-video .video-download[data-v-45c4b6a2]{position:absolute;right:10px;color:#46bfea;font-size:16px}.content .operate-video .video-download i[data-v-45c4b6a2]{cursor:pointer}.content .operate-video .video-download i[data-v-45c4b6a2]:first-child{margin-right:10px}.operate-video[data-v-45c4b6a2]{font-size:14px;color:#9297a6}.operate-video .operate-wrapper[data-v-45c4b6a2]{height:calc(100% - 70px)}.operate-video .operate-time[data-v-45c4b6a2]{min-width:900px;padding:0 50px;font-size:14px;color:#9297a6}.operate-video .operate-time>li[data-v-45c4b6a2]{margin-top:30px}.operate-video .operate-time>li>span[data-v-45c4b6a2]{display:block;width:38px}.operate-video .operate-time .line-wrapper[data-v-45c4b6a2]{display:flex;align-items:center}.operate-video .operate-time .line-wrapper .line-item[data-v-45c4b6a2]{height:28px;padding:0 14px;margin-right:10px;color:#9297a6;line-height:28px;background-color:rgba(83,94,117,.4);border:1px solid #535e75;border-radius:14px;cursor:pointer}.operate-video .operate-time .line-wrapper .line-item.active[data-v-45c4b6a2]{color:#fff;border-color:#46bfea;background-color:rgba(70,191,234,.3)}.operate-video .operate-time .line-wrapper .no-line[data-v-45c4b6a2]{height:28px;line-height:28px;color:#888}.operate-video .operate-time .play-speed[data-v-45c4b6a2]{margin-left:20px;margin-right:10px}.operate-video .operate-time .video-range[data-v-45c4b6a2]{position:relative;height:100%}.operate-video .operate-time .video-range .video-item[data-v-45c4b6a2]{position:absolute;top:0;height:100%;background-color:#fa0;border-radius:5px}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2]{position:relative}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time{background-color:#08193b}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time /deep/ .el-slider__runway{background-color:#21304d;border-color:#2d3e64;border-width:1px;border-radius:unset}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time /deep/ .el-slider__footer{background-color:#08193b}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time /deep/ .el-slider__footer .time-item{color:#9297a6}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time /deep/ .el-slider__footer .time-item:before{background-color:#2e3e63}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time .el-slider__button-wrapper{width:9px;background-color:unset}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time .el-slider__button-wrapper .tooltip{color:#46bfea}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time .el-slider__button-wrapper .tooltip-btn{background-color:unset}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time .tooltip-left{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAfCAYAAAA1HueWAAAApElEQVQ4jWO0X3OJAQn8Z8ACmLAJogMWHOKMyByiTBqyikBBwM7AwBDFwMAghiRezsDA8IqBgWEZAwPDTxYoIwhNcweU9mJgYAgFWeePxyY/WDgx41HExoAcLQeCdVFkHdZeRnE4hiA6oF60UNdNf/HY9AumaCseRdtg1oUxMDBEMzAwqEHjDAQ6GRgYbjEwMCwFcXDllhGWxrEBlIKDsEkMDAwAMHYdPAwzsxcAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:cover}.operate-video .operate-time .time-line-wrapper[data-v-45c4b6a2] .lo-slider-time .tooltip-right{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAfCAYAAAA1HueWAAAApElEQVQ4jWO0X3PpPwN2wAgTZcKhAAWwIOuAAgyTiTJpyCpigdLsDAwMUQwMDGJIcuUMDAyvGBgYlsEULWNgYAhCM6ADSnvBrPPHY5sfTBEzHkVsLMi8A8G6KLIOay+jOBxFEB1QL1qo76a/eGz7BVO0FY+ibTDrwhgYGKIZGBjUoHEGAp0MDAy3GBgYloJyC7pOWBonLbcM6TSOq8AgwSQGBgYAKlEc7tJgUfwAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:cover}.operate-video .operate-time .time-line-wrapper .legend-wrapper[data-v-45c4b6a2]{position:absolute;right:0;top:-20px;display:flex}.operate-video .operate-time .time-line-wrapper .legend-wrapper>div[data-v-45c4b6a2]{display:flex;align-items:center;justify-content:center}.operate-video .operate-time .time-line-wrapper .legend-wrapper .has-video .square[data-v-45c4b6a2]{background-color:#fa0}.operate-video .operate-time .time-line-wrapper .legend-wrapper .no-video[data-v-45c4b6a2]{margin-left:20px}.operate-video .operate-time .time-line-wrapper .legend-wrapper .no-video .square[data-v-45c4b6a2]{border:1px solid rgba(126,151,183,.25);background-color:#21304d;box-sizing:border-box}.operate-video .operate-time .time-line-wrapper .legend-wrapper .square[data-v-45c4b6a2]{height:12px;width:12px;margin-right:5px}.operate-video .operate-time .select-time-range[data-v-45c4b6a2]{position:relative;display:flex;align-items:center}.operate-video .operate-time .select-time-range .el-date-editor[data-v-45c4b6a2]{width:150px}.operate-video .operate-time .select-time-range[data-v-45c4b6a2] .el-input__inner{color:#9297a6;border-color:#46bfea;background-color:rgba(70,191,234,.2)}.operate-video .operate-time .select-time-range[data-v-45c4b6a2] .el-input__suffix{color:#9297a6}.operate-video .operate-time .el-button[data-v-45c4b6a2]{margin-left:38px;width:100px;height:36px}.operate-video .operate-time[data-v-45c4b6a2] .el-button--primary{border-color:#46bfea;background-color:rgba(70,191,234,.2)}.operate-video .operate-time .button-cancle[data-v-45c4b6a2]{color:#9297a6;background-color:rgba(83,94,117,.4);border:1px solid #535e75}.operate-video .operate-file[data-v-45c4b6a2]{height:100%;overflow:auto}.operate-video .file-wrapper[data-v-45c4b6a2]{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;padding:10px}.operate-video .file-wrapper .file-card[data-v-45c4b6a2]{margin-right:10px;margin-bottom:10px;width:260px;height:62px}.operate-video .file-wrapper .file-card-item[data-v-45c4b6a2]{position:relative;display:flex;justify-content:flex-start;flex-direction:row;border-radius:5px;background-color:#162c5b}.operate-video .file-wrapper .file-card-item.playing[data-v-45c4b6a2]{border:2px solid #46bfea;box-shadow:0 0 3px #46bfea}.operate-video .file-wrapper .file-card-item.playing[data-v-45c4b6a2]:before{content:"";position:absolute;top:-2px;width:4px;height:4px;border-radius:50%;z-index:5;background-color:#fff;animation:mymove-45c4b6a2 4s infinite;box-shadow:0 0 3px 3px #75dbff}@keyframes mymove-45c4b6a2{0%{top:-2px;left:-3px}25%{top:-2px;left:256px}50%{top:63px;left:256px}75%{top:63px;left:-3px}to{top:-3px;left:-3px}}.operate-video .file-wrapper .file-card-item .channal[data-v-45c4b6a2]{width:30px;padding:15px 5px;color:#9297a6;text-align:center;border-top-left-radius:5px;border-bottom-left-radius:5px}.operate-video .file-wrapper .file-card-item .bg-odd[data-v-45c4b6a2]{background-color:#324fb7}.operate-video .file-wrapper .file-card-item .bg-even[data-v-45c4b6a2]{background-color:#096a9f}.operate-video .file-wrapper .file-card-item .time[data-v-45c4b6a2]{width:175px;height:40px;padding:11px;color:#fff}.operate-video .file-wrapper .file-card-item .time p[data-v-45c4b6a2]:first-child{margin-bottom:5px}.operate-video .file-wrapper .file-card-item .play-status[data-v-45c4b6a2]{width:60px;line-height:62px;color:#46bfea;font-size:28px;text-align:center}.operate-video .file-wrapper .file-card-item .play-status i[data-v-45c4b6a2]{cursor:pointer}.sidebar .title[data-v-45c4b6a2]{height:40px;padding-left:10px;border-bottom:1px solid #edf0f5;font-size:16px;line-height:38px;color:#303133;background-color:#fafbfc;box-sizing:border-box}.sidebar .tree-wrapper[data-v-45c4b6a2]{height:calc(100% - 164px);background-color:#fff}.sidebar .tree-wrapper .e6-icon-acc_fill[data-v-45c4b6a2],.sidebar .tree-wrapper .e6-icon-truck_fill[data-v-45c4b6a2]{color:#c0c4cc}.sidebar .tree-wrapper .e6-icon-acc_fill.active[data-v-45c4b6a2],.sidebar .tree-wrapper .e6-icon-truck_fill.active[data-v-45c4b6a2]{color:#67c23a}.sidebar .operate-wrapper[data-v-45c4b6a2]{height:124px;text-align:center;background-color:#fafbfc}.sidebar .operate-wrapper .el-input[data-v-45c4b6a2]{width:220px;margin-top:10px}.sidebar .operate-wrapper .el-button--primary[data-v-45c4b6a2]{margin-top:10px}.vehicle-tree-picker-panel{left:auto!important;right:5px}.pick-box.detail-content-pick{z-index:1000}.video-quality-selector .el-select-dropdown__wrap .el-select-dropdown__list{padding:0}.video-quality-selector .popper__arrow{top:-7px!important}.video-quality-selector .load-error a{font-size:16px}[data-v-45c4b6a2] .el-tabs__nav-wrap:after{height:0}.video-live .right-part .title-wrap[data-v-45c4b6a2]{width:100%;padding:0}.title-wrap .el-tabs--border-card[data-v-45c4b6a2]{border:0}.title-wrap[data-v-45c4b6a2] .el-tabs__nav.is-top{display:flex;width:100%}.title-wrap[data-v-45c4b6a2] .el-tabs__nav.is-top .el-tabs__item{height:36px;background-color:#0f2e5a;border:0;box-sizing:border-box;margin:0;color:#46bfea;font-weight:400;display:flex;align-items:center;justify-content:center}.title-wrap[data-v-45c4b6a2] .el-tabs__nav.is-top .el-tabs__item.is-active{background-color:#091e4a;margin:0;position:relative}.title-wrap[data-v-45c4b6a2] .el-tabs__nav.is-top .el-tabs__item.is-active:after{content:"";display:inline-block;height:2px;width:100%;position:absolute;top:0;left:0;background-color:#46bfea}.title-wrap[data-v-45c4b6a2] .el-tabs--border-card>.el-tabs__content{display:none}.title-wrap .el-tabs--top[data-v-45c4b6a2] .el-tabs__item{width:100%;text-align:center}.chat-tip[data-v-45c4b6a2]{border:1px solid #46bfea;border-radius:3px;margin-right:10px;height:.12rem;width:.12rem;padding:.07rem .08rem .07rem .08rem;display:flex;justify-content:center;align-items:center}.chat-tip>i[data-v-45c4b6a2]{font-size:20px;color:#46bfea}.video-nodata[data-v-45c4b6a2]{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-nodata>img[data-v-45c4b6a2]{display:block;margin:0 auto}.video-nodata>p[data-v-45c4b6a2]{font-size:14px;line-height:14px;color:#256ab1;text-align:center;margin:10px 0}