@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}.clear-fix[data-v-7b7ae60a]:after{display:block;clear:both;content:""}.video-live .right-part[data-v-7b7ae60a]{width:240px}.video-live[data-v-7b7ae60a]{display:flex;height:100%}.video-live .videos-wrap[data-v-7b7ae60a]{flex:1;background:#080c23;position:relative}.video-live .videos-wrap .chat-tip[data-v-7b7ae60a],.video-live .videos-wrap .downLoad-tip[data-v-7b7ae60a],.video-live .videos-wrap .monitor-tip[data-v-7b7ae60a]{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-7b7ae60a]{bottom:20px}.video-live .videos-wrap .downLoad-tip[data-v-7b7ae60a]{bottom:80px;font-weight:700}.video-live .videos-wrap .monitor-tip[data-v-7b7ae60a]{bottom:140px;font-weight:700}.video-live .videos-wrap .chat-wrap[data-v-7b7ae60a]{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-7b7ae60a]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:25}.video-live .videos-wrap[data-v-7b7ae60a] .e6-nodata-text{color:#1f4287}.video-live .videos-wrap .video-dom-wrap[data-v-7b7ae60a]{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-7b7ae60a]{margin-right:5px;margin-top:5px}.video-live .videos-wrap .video-dom-wrap li.li-1[data-v-7b7ae60a],.video-live .videos-wrap .video-dom-wrap li.li-2[data-v-7b7ae60a]{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-7b7ae60a]{width:156px}.video-live .videos-wrap .video-dom-wrap li[data-v-7b7ae60a]:last-child{margin-right:0}.video-live .videos-wrap .video-dom-wrap li.li-4[data-v-7b7ae60a]{width:calc(50% - 5px);height:calc(50% - 5px)}.video-live .videos-wrap .video-dom-wrap li.li-4[data-v-7b7ae60a]:nth-child(2){margin-right:0}.video-live .videos-wrap .video-dom-wrap li.li-6[data-v-7b7ae60a],.video-live .videos-wrap .video-dom-wrap li.li-9[data-v-7b7ae60a]{width:calc(33.33333% - 6.66667px)}.video-live .videos-wrap .video-dom-wrap li.li-6[data-v-7b7ae60a]:nth-child(3n),.video-live .videos-wrap .video-dom-wrap li.li-9[data-v-7b7ae60a]:nth-child(3n){margin-right:0}.video-live .videos-wrap .video-dom-wrap li.li-12[data-v-7b7ae60a],.video-live .videos-wrap .video-dom-wrap li.li-16[data-v-7b7ae60a]{width:calc(25% - 5px)}.video-live .videos-wrap .video-dom-wrap li.li-12[data-v-7b7ae60a]:nth-child(4n),.video-live .videos-wrap .video-dom-wrap li.li-16[data-v-7b7ae60a]:nth-child(4n){margin-right:0}.video-live .videos-wrap .video-dom-wrap li.li-4[data-v-7b7ae60a],.video-live .videos-wrap .video-dom-wrap li.li-6[data-v-7b7ae60a]{height:calc(50% - 10px)}.video-live .videos-wrap .video-dom-wrap li.li-9[data-v-7b7ae60a],.video-live .videos-wrap .video-dom-wrap li.li-12[data-v-7b7ae60a]{height:calc(33.33333% - 6.66667px)}.video-live .videos-wrap .video-dom-wrap li.li-16[data-v-7b7ae60a]{height:calc(25% - 3.75px)}.video-live .videos-wrap .video-dom-wrap li .empty-monit[data-v-7b7ae60a]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.video-live .videos-wrap .video-dom-wrap li>div[data-v-7b7ae60a]{width:100%;height:100%;background:#0f122e;border-radius:6px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit[data-v-7b7ae60a]{position:relative}.video-live .videos-wrap .video-dom-wrap li>div.real-monit[data-v-7b7ae60a] .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-7b7ae60a] .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-7b7ae60a]: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-7b7ae60a]{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-7b7ae60a]{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-7b7ae60a]{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-7b7ae60a]{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-7b7ae60a]: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-7b7ae60a]: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-7b7ae60a]{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-7b7ae60a]{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-7b7ae60a]{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-7b7ae60a]:before{content:"\00D7"}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .load-error[data-v-7b7ae60a]{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-7b7ae60a]{margin-bottom:10px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .load-error>p[data-v-7b7ae60a]{font-size:.14rem}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .load-error>a[data-v-7b7ae60a]{color:#40aed8}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .load-error>i[data-v-7b7ae60a]{font-size:40px}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .real-video-wrap[data-v-7b7ae60a]{width:100%;height:100%;position:relative}.video-live .videos-wrap .video-dom-wrap li>div.real-monit .real-video-wrap[data-v-7b7ae60a] .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-7b7ae60a] .e6-video,.video-live .videos-wrap .video-dom-wrap li>div.real-monit .real-video-wrap[data-v-7b7ae60a] .e6-video video{width:100%;height:100%}.video-live .videos-wrap .video-dom-wrap li>div.real-monit:hover .right-head[data-v-7b7ae60a]{display:block}.video-live .right-part[data-v-7b7ae60a]{width:270px;background:#fff;position:relative;display:flex;flex-flow:column nowrap}.video-live .right-part .title-wrap[data-v-7b7ae60a]{height:35px;line-height:37px;background:#fafbfc;border-bottom:1px solid #eee;padding:0 20px}.video-live .right-part .title-wrap .title[data-v-7b7ae60a]{float:left}.video-live .right-part .title-wrap .tool-bar[data-v-7b7ae60a]{float:right}.video-live .right-part .title-wrap i[data-v-7b7ae60a]{color:#8ba1c1;font-size:16px;cursor:pointer}.video-live .right-part .title-wrap i+i[data-v-7b7ae60a]{margin-left:10px;font-size:17px}.video-live .right-part .title-wrap p[data-v-7b7ae60a]{color:#303133;font-size:16px}.video-live .right-part .vehicles-wrap[data-v-7b7ae60a]{display:flex;height:calc(100% - 195px);flex-flow:column nowrap}.video-live .right-part .vehicles-wrap .vehicles[data-v-7b7ae60a] .new_tree_content_wrap{overflow:hidden}.video-live .right-part .vehicles-wrap .vehicles[data-v-7b7ae60a] .new_tree_content_wrap .dynamic-content i{font-size:16px;color:#c0c4cc}.video-live .right-part .vehicles-wrap .vehicles[data-v-7b7ae60a] .new_tree_content_wrap .dynamic-content i.online{color:#67c23a}.video-live .right-part .vehicles-wrap .operates[data-v-7b7ae60a]{background:#fafbfc;height:auto;padding:10px}.video-live .right-part .vehicles-wrap .operates .routes-wrap[data-v-7b7ae60a]{box-sizing:border-box;min-height:39px;padding:10px 0}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div[data-v-7b7ae60a]{font-size:12px;color:#606266}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div>span[data-v-7b7ae60a]{float:left;height:18px;line-height:18px}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div[data-v-7b7ae60a] .el-checkbox-group{width:220px;float:right}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div[data-v-7b7ae60a] .el-checkbox-group .el-checkbox{margin-right:10px}.video-live .right-part .vehicles-wrap .operates .routes-wrap>div[data-v-7b7ae60a] .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-7b7ae60a]{text-align:center}.video-live .right-part .vehicles-wrap .operates .monit-btn.statusLoading[data-v-7b7ae60a]{cursor:not-allowed}.video-live .right-part .vehicles-wrap .operates .monit-btn.statusLoading span[data-v-7b7ae60a]{background:#46bfea}.video-live .right-part .vehicles-wrap .operates .monit-btn span[data-v-7b7ae60a]{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-7b7ae60a]{height:160px;position:relative;border-top:1px solid #ccc}.video-live .right-part .trace-wrap .alarm-tip[data-v-7b7ae60a],.video-live .right-part .trace-wrap .vehicle-position[data-v-7b7ae60a]{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-7b7ae60a]{bottom:0;color:#fff;background:rgba(0,0,0,.6)}.video-live .right-part .trace-wrap .alarm-tip[data-v-7b7ae60a]{top:0;color:#ff4234;background:hsla(0,0%,100%,.8)}.video-live .right-part .trace-wrap .alarm-tip>i[data-v-7b7ae60a]{font-size:14px}.video-live .right-part .trace-wrap[data-v-7b7ae60a] .e6-map .amap-marker-label{border:1px solid #ccc;border-radius:2px}.video-live[data-v-7b7ae60a] .time-long-dialog .el-dialog__body{padding:50px 0;text-align:center}.video-live[data-v-7b7ae60a] .time-long-dialog .el-dialog__body>*{display:inline-block}.video-live[data-v-7b7ae60a] .time-long-dialog .el-dialog__body .el-input{width:60px}.video-live[data-v-7b7ae60a] .time-long-dialog .el-dialog__body .el-input .el-input__inner{width:100%}.video-quality-selector[data-v-7b7ae60a]{background:transparent}.video-quality-selector .el-select-dropdown__wrap .el-select-dropdown__list[data-v-7b7ae60a]{padding:0}.video-quality-selector .el-select-dropdown__wrap .el-select-dropdown__list .el-select-dropdown__item[data-v-7b7ae60a]{padding:0 12px;height:26px;line-height:26px;font-weight:400;background:transparent;color:#fff}.video-quality-selector .el-select-dropdown__wrap .el-select-dropdown__list .el-select-dropdown__item[data-v-7b7ae60a]:hover{background:#32b8e8}.video-quality-selector .popper__arrow[data-v-7b7ae60a]{top:-7px}[data-v-7b7ae60a] .el-tabs__nav-wrap:after{height:0}.video-live .right-part .title-wrap[data-v-7b7ae60a]{width:100%;padding:0}.el-tabs--border-card[data-v-7b7ae60a]{border:0}[data-v-7b7ae60a] .el-tabs__nav.is-top{display:flex;width:100%}[data-v-7b7ae60a] .el-tabs__nav.is-top .el-tabs__item{height:36px;line-height:36px;margin:0;font-weight:400;display:flex;align-items:center;justify-content:center}[data-v-7b7ae60a] .el-tabs__nav.is-top .el-tabs__item.is-active{margin:0;position:relative}[data-v-7b7ae60a] .el-tabs__nav.is-top .el-tabs__item.is-active:after{content:"";display:inline-block;height:3px;width:100%;position:absolute;top:-1px;left:0;background-color:#46bfea}[data-v-7b7ae60a] .el-tabs--border-card>.el-tabs__content{display:none}.el-tabs--top[data-v-7b7ae60a] .el-tabs__item{width:50%;text-align:center}.waregouse-btn[data-v-7b7ae60a]{display:flex;justify-content:center;height:40ox;align-items:center;padding:10px 0}.video-dom-wrap>li[data-v-7b7ae60a]{position:relative}.video-live .right-part .vehicles-wrap[data-v-7b7ae60a]{height:100%}.video-live .videos-wrap .video-dom-wrap .real-message[data-v-7b7ae60a]{width:180px;height:166px;background:rgba(0,0,0,.5);border-radius:5px;position:absolute;bottom:60px;left:10px;padding:10px;box-sizing:border-box;z-index:9}.video-live .videos-wrap .video-dom-wrap .real-message .scrollbar[data-v-7b7ae60a]{height:100%}.video-live .videos-wrap .video-dom-wrap .real-message li[data-v-7b7ae60a]{color:#fff;font-size:12px;margin:0;height:16.66667%;display:flex;align-items:center}.video-live .videos-wrap .video-dom-wrap .real-message .success[data-v-7b7ae60a]{color:#67c23a}.video-live .videos-wrap .video-dom-wrap .real-message .warn[data-v-7b7ae60a]{color:#e39726}.video-live .videos-wrap .video-dom-wrap .real-message .error[data-v-7b7ae60a]{color:#f45a5a}.video-live .videos-wrap .video-dom-wrap .real-message .off[data-v-7b7ae60a]{color:#fff}.video-live .videos-wrap .video-dom-wrap .real-message .deheat[data-v-7b7ae60a]{color:#ea6fc3}.route-info p#success[data-v-7b7ae60a]{background:rgba(103,194,58,.7)}.route-info p#warn[data-v-7b7ae60a]{background:rgba(227,151,38,.7)}.route-info p#error[data-v-7b7ae60a]{background:rgba(244,90,90,.7)}.route-info p#off[data-v-7b7ae60a]{background:rgba(70,191,234,.7)}.route-info p#deheat[data-v-7b7ae60a]{background:rgba(234,111,195,.7)}.vehicles[data-v-7b7ae60a]{padding:0 10px}.rotate-90-transition[data-v-7b7ae60a]{transition:transform .5s}.rotate-90[data-v-7b7ae60a]{transform:rotateX(90deg)}.video-nodata[data-v-7b7ae60a]{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-nodata>img[data-v-7b7ae60a]{display:block;margin:0 auto}.video-nodata>p[data-v-7b7ae60a]{font-size:14px;line-height:14px;color:#256ab1;text-align:center;margin:10px 0}