.clearfix[data-v-456a61fa]{zoom:1}.clearfix[data-v-456a61fa]:after{content:"";display:block;clear:both}.remote-status-realtime .refresh-container[data-v-456a61fa]{margin-right:20px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.remote-status-realtime .refresh-container .cdu-ver[data-v-456a61fa],.remote-status-realtime .refresh-container .timer[data-v-456a61fa]{margin:0 12px;font-size:14px;font-weight:600}.remote-status-realtime .vehicle-status-item .el-card__header[data-v-456a61fa]{padding:12px 20px}.remote-status-realtime .vehicle-status-item .el-card__header h4[data-v-456a61fa]{color:#444;font-size:16px;line-height:28px;font-weight:700}.map-container[data-v-456a61fa]{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aaa;height:328px;padding:12px}.remote-status-realtime .vehicle-status-online .online-module[data-v-456a61fa]{border:2px solid #666;border-radius:6px;position:relative}.remote-status-realtime .vehicle-status-online .online-module[data-v-456a61fa]:before{content:"";display:block;width:1em;height:1em;border-radius:100%;position:absolute;left:.5em;top:.5em;background-color:#f11b05}.remote-status-realtime .vehicle-status-online .online-module .module-name[data-v-456a61fa]{border-bottom:1px solid #666;font-size:18px;line-height:36px;text-align:center;background:#f9f9f9;border-radius:6px 6px 0 0}.remote-status-realtime .vehicle-status-online .online-module .module-content[data-v-456a61fa]{margin:12px;line-height:28px}.remote-status-realtime .vehicle-status-online .online-module .module-content .title[data-v-456a61fa]{font-weight:700;color:#444;margin-right:12px}.remote-status-realtime .vehicle-status-online .active[data-v-456a61fa]:before{background-color:#55c71c}.vehicle-status-info[data-v-456a61fa]{min-height:200px}.el-tooltip[data-v-456a61fa]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.cdu-ver[data-v-456a61fa],.timer[data-v-456a61fa]{font-size:14px}.cdu-ver .title[data-v-456a61fa],.timer .title[data-v-456a61fa]{font-weight:700}.cdu-ver .title+.title[data-v-456a61fa],.timer .title+.title[data-v-456a61fa]{margin-left:14px}.status-wrap[data-v-456a61fa] .el-collapse-item__header{background-color:#f8fafe}.collapse-custom-title[data-v-456a61fa]{padding-left:12px}.vehicle-status-item .el-card__header[data-v-456a61fa]{padding:12px 20px}.vehicle-status-item .el-card__header h4[data-v-456a61fa]{color:#444;font-size:16px;line-height:28px;font-weight:700}.timeline-tooltip{max-height:200px;overflow-y:auto}.timeline-tooltip p{line-height:20px}.timeline-tooltip p .select{margin-left:6px;font-size:18px;cursor:pointer;position:relative;top:2px}.timeline-tooltip p .select:hover{color:#67c23a}.online-tooltip{max-height:200px;overflow-y:auto}.online-tooltip p{line-height:24px}.online-tooltip p span.gap{margin-left:12px}.online-tooltip p .select{margin-left:6px;font-size:18px;cursor:pointer;position:relative;top:2px}.online-tooltip p .select:hover{color:#67c23a}.state-slide-component[data-v-754f3572]{width:90%;margin:20px auto}.state-slide-component .legend[data-v-754f3572]{margin-top:12px;text-align:center}.state-slide-component .legend .offline[data-v-754f3572],.state-slide-component .legend .online[data-v-754f3572]{display:inline-block;width:40px;height:2px;font-size:12px;font-weight:600;padding-bottom:16px}.state-slide-component .legend .online[data-v-754f3572]{color:#67c23a;margin-right:24px;border-bottom:2px solid #67c23a}.state-slide-component .legend .offline[data-v-754f3572]{color:#f56c6c;border-bottom:2px solid #f56c6c}.state-slide-component .legend .tip[data-v-754f3572]{color:#aaa;font-size:12px;margin-top:12px}.state-slide-component .timeline[data-v-754f3572]{height:6px;border-radius:4px;background:#ddd;position:relative}.state-slide-component .timeline .time-slot[data-v-754f3572]{width:200px;height:6px;position:absolute;cursor:pointer}.state-slide-component .timeline .time-slot[data-v-754f3572]:hover{top:-1px;height:8px;border-left:none;border-right:none}.state-slide-component .timeline .time-slot.online[data-v-754f3572]{background:#67c23a}.state-slide-component .timeline .time-slot.offline[data-v-754f3572]{background:#f56c6c}span.label[data-v-500eeaad]{font-size:14px;margin-right:12px}.el-tooltip[data-v-500eeaad]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.vehicle-status-info[data-v-500eeaad]{min-height:200px}.cdu-ver[data-v-500eeaad],.timer[data-v-500eeaad]{font-size:14px}.cdu-ver .title[data-v-500eeaad],.timer .title[data-v-500eeaad]{font-weight:700}.cdu-ver .title+.title[data-v-500eeaad],.timer .title+.title[data-v-500eeaad]{margin-left:14px}.status-wrap[data-v-500eeaad] .el-collapse-item__header{background-color:#f8fafe}.collapse-custom-title[data-v-500eeaad]{padding-left:12px}.vehicle-status-item .el-card__header[data-v-500eeaad]{padding:12px 20px}.vehicle-status-item .el-card__header h4[data-v-500eeaad]{color:#444;font-size:16px;line-height:28px;font-weight:700}.map-container[data-v-500eeaad]{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ebeef5;height:300px;padding:12px}.vehicle-status-online .online-module[data-v-500eeaad]{border:2px solid #666;border-radius:6px;position:relative}.vehicle-status-online .online-module[data-v-500eeaad]:before{content:"";display:block;width:1em;height:1em;border-radius:100%;position:absolute;left:.5em;top:.5em;background-color:#f11b05}.vehicle-status-online .online-module .module-name[data-v-500eeaad]{border-bottom:1px solid #666;font-size:18px;line-height:36px;text-align:center;background:#f9f9f9;border-radius:6px 6px 0 0}.vehicle-status-online .online-module .module-content[data-v-500eeaad]{margin:12px;line-height:28px}.vehicle-status-online .online-module .module-content .title[data-v-500eeaad]{font-weight:700;color:#444}.vehicle-status-online .active[data-v-500eeaad]:before{background-color:#55c71c}.data-is-empty h3[data-v-500eeaad]{margin:40px 0;font-size:14px;text-align:center;color:#909399;font-weight:400}.data-tips[data-v-500eeaad]{margin-bottom:24px}.data-tips .txt[data-v-500eeaad]{font-weight:500}.clearfix{zoom:1}.clearfix:after{content:"";display:block;clear:both}.remote-status-realtime .refresh-container{margin-right:20px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.remote-status-realtime .refresh-container .cdu-ver,.remote-status-realtime .refresh-container .timer{margin:0 12px;font-size:14px;font-weight:600}.remote-status-realtime .vehicle-status-item.vehicle-status-drive .map-container{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #aaa;height:410px;padding:12px}.remote-status-realtime .vehicle-status-online .online-module{border:2px solid #666;border-radius:6px;position:relative}.remote-status-realtime .vehicle-status-online .online-module:before{content:"";display:block;width:1em;height:1em;border-radius:100%;position:absolute;left:.5em;top:.5em;background-color:#f11b05}.remote-status-realtime .vehicle-status-online .online-module .module-name{border-bottom:1px solid #666;font-size:18px;line-height:36px;text-align:center;background:#f9f9f9;border-radius:6px 6px 0 0}.remote-status-realtime .vehicle-status-online .online-module .module-content{margin:12px;line-height:28px}.remote-status-realtime .vehicle-status-online .online-module .module-content .title{font-weight:700;color:#444}.remote-status-realtime .vehicle-status-online .active:before{background-color:#55c71c}.vehicle-charge-info .global[data-v-2126d652]{margin:20px 0;text-align:center}.vehicle-charge-info .global h4[data-v-2126d652]{color:#5b616d;font-size:14px}.vehicle-charge-info .global p[data-v-2126d652]{color:#286efa;font-size:48px;margin-bottom:16px}.vehicle-charge-info .detail[data-v-2126d652]{max-height:320px;overflow-y:scroll}.vehicle-added-info span{font-weight:400}.vehicle-added-info .title{font-weight:600;margin-right:16px}.channel-status-container{width:100%;overflow:hidden}.channel-status-container .channel-status-item{margin:24px 0}.channel-status-container .channel-status-item .channel-title{font-size:14px}.channel-status-container .channel-status-item .timeline{margin-top:12px;width:100%;height:4px;border-radius:4px;background:#b1b1b1;position:relative}.channel-status-container .channel-status-item .timeline .online-item{height:4px;position:absolute;background:#67c23a}.channel-status-container .channel-status-item .timeline .online-item:hover{cursor:pointer;top:-1px;height:6px;border-left:none;border-right:none}.channel-status-container .channel-status-item .timeline .off-item{height:4px;position:absolute;background:#f56c6c}.channel-status-container .channel-status-item .timeline .off-item:hover{cursor:pointer;top:-1px;height:6px;border-left:none;border-right:none}.channel-status-container .channel-status-item .timeline .future-time-line{height:4px;position:absolute;background:#b1b1b1}.channel-status-legend{text-align:center;line-height:14px;vertical-align:middle}.channel-status-legend h4{font-size:14px;margin-bottom:16px}.channel-status-legend .content .status{width:60px;height:4px;display:inline-block;margin-right:8px;position:relative;top:-2px}.channel-status-legend .content .status.online{background:#67c23a}.channel-status-legend .content .status.offline{background:#f56c6c;margin-left:32px}.channel-status-legend .content .status.nodata{background:#b1b1b1;margin-left:32px}.channel-status-legend .content .txt{font-size:13px}.info-text{font-size:14px;line-height:24px}.vehicle-ver-match-container .pagination-bar{margin-top:20px}.latest-version[data-v-6c386967]{margin-top:8px}.freeze-frame-dialog .el-dialog__body{padding-top:0!important}.clean-result{color:red}.clean-result.success{color:#00d81e}.modify-read-btn[data-v-4b386901]{margin-left:0}.modify-config-btn[data-v-4b386901]{margin-bottom:8px}.modify-result-dialog h3{text-align:center;font-size:16px;color:#67c23a}.modify-result-dialog p{margin:16px 0;text-align:center;font-size:14px;color:#286efa;text-decoration:underline}.progress[data-v-98d2c85e]{width:100%;margin-top:5px}.current-total[data-v-98d2c85e]{display:inline-block;margin-left:5px;font-weight:700;color:#67c23a}.page-remote-control[data-v-41d5a771]{background:linear-gradient(160deg,#0c344b 12.5%,#295166 85%);padding:16px;border-radius:8px}.page-remote-control[data-v-41d5a771]:after{content:"";display:table;clear:both}.page-remote-control h2[data-v-41d5a771]{text-align:left;font-size:16px;font-weight:600;color:#eee}.page-remote-control .left-wrapper[data-v-41d5a771]{height:100%;width:58%;float:left}.page-remote-control .left-wrapper .vedio-container[data-v-41d5a771]{height:100%;position:relative}.page-remote-control .left-wrapper .vedio-container .vedio-content[data-v-41d5a771]{position:absolute;top:0;left:0;right:0;bottom:12px;border-radius:8px;background:#0c344b}.page-remote-control .left-wrapper .vedio-container .vedio-content .camera-video[data-v-41d5a771]{width:100%;height:100%;background:url(../img/g3-top-camera.91f51f1a.jpg) no-repeat 50%;background-size:cover;overflow:hidden;position:relative}.page-remote-control .left-wrapper .record-container[data-v-41d5a771]{display:none;height:40%;position:relative}.page-remote-control .left-wrapper .record-container .record-content[data-v-41d5a771]{position:absolute;top:24px;left:0;right:0;bottom:12px;border-radius:8px;background:#0c344b}.page-remote-control .right-wrapper[data-v-41d5a771]{width:40%;float:right;height:100%;position:relative}.page-remote-control .right-wrapper .vehicle-status-container[data-v-41d5a771]{margin-top:16px}.page-remote-control .right-wrapper .vehicle-status-container .vehicle-status-content[data-v-41d5a771]{background:#0c344b;padding:12px;border-radius:8px;margin-top:8px;text-align:center}.page-remote-control .right-wrapper .vehicle-status-container .vehicle-status-content .status-item[data-v-41d5a771]{color:#fff;font-size:14px}.page-remote-control .right-wrapper .vehicle-status-container .vehicle-status-content .status-tip[data-v-41d5a771]{display:inline-block;position:relative;top:2px;margin:0 12px 0 8px;width:14px;height:14px;border-radius:100%;background:#ccc}.page-remote-control .right-wrapper .vehicle-status-container .vehicle-status-content .status-tip.offline[data-v-41d5a771]{background:#e6a23c}.page-remote-control .right-wrapper .vehicle-status-container .vehicle-status-content .status-tip.online[data-v-41d5a771]{background:#67c23a}.page-remote-control .right-wrapper .operation-header[data-v-41d5a771]{background:#0c344b;padding:12px;border-radius:8px;margin:16px 0}.page-remote-control .right-wrapper .operation-header .rotate-camera[data-v-41d5a771]{text-align:left;color:#fff}.page-remote-control .right-wrapper .operation-header .rotate-camera .label[data-v-41d5a771]{color:#fff;font-size:14px;font-weight:700;margin-right:8px}.page-remote-control .right-wrapper .operation-header .close-camera[data-v-41d5a771]{text-align:right}.page-remote-control .right-wrapper .operation-content[data-v-41d5a771]{position:absolute;top:130px;left:0;right:0;bottom:12px;border-radius:8px;background:#0c344b}.page-remote-control .right-wrapper .operation-content .cover[data-v-41d5a771]{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(12,52,75,.95);z-index:1000}.page-remote-control .right-wrapper .operation-content .cover .tip[data-v-41d5a771]{font-size:14px;color:#fff;text-align:center;margin-top:40px}.page-remote-control .right-wrapper .operation-content .vehicle-bg[data-v-41d5a771]{width:60%;height:60%;position:absolute;top:20%;left:20%;background:url(../img/g3.b7682afb.png) no-repeat 50%;background-size:contain}.page-remote-control .right-wrapper .operation-content .camera-item[data-v-41d5a771]{border-radius:8px;width:110px;text-align:center;position:absolute;color:#fff}.page-remote-control .right-wrapper .operation-content .camera-item[data-v-41d5a771]:after{content:"";display:table;clear:both}.page-remote-control .right-wrapper .operation-content .camera-item.front[data-v-41d5a771]{top:16px;margin-left:-55px;left:50%}.page-remote-control .right-wrapper .operation-content .camera-item.back[data-v-41d5a771]{bottom:16px;margin-left:-55px;left:50%}.page-remote-control .right-wrapper .operation-content .camera-item.top[data-v-41d5a771]{top:50%;left:50%;border-radius:25px;margin-top:-30px;margin-left:-40px;z-index:100}.page-remote-control .right-wrapper .operation-content .camera-item.left[data-v-41d5a771]{left:12px;top:50%;margin-top:-18px}.page-remote-control .right-wrapper .operation-content .camera-item.right[data-v-41d5a771]{top:50%;right:28px;margin-top:-18px}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn[data-v-41d5a771]{width:80px;height:80px;background:#286efa;border-radius:50%;border:1px solid transparent;color:#fff;font-size:14px;padding-top:20px;text-align:center;position:relative;-webkit-transition:all .3s;transition:all .3s;font-weight:500}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn[data-v-41d5a771]:hover{cursor:pointer;background:#286efa;color:#fff;border:1px solid transparent}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn.plain[data-v-41d5a771]{background:#fff;border:1px solid #286efa;color:#286efa}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn.disable[data-v-41d5a771]{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn.disable[data-v-41d5a771]:hover{cursor:not-allowed;color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn .tip[data-v-41d5a771]{position:absolute;font-size:13px;font-weight:600;color:#fff}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn .tip.r0[data-v-41d5a771]{top:-18px;left:calc(50% - 4px)}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn .tip.r90[data-v-41d5a771]{top:calc(50% - 6px);right:-32px}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn .tip.r180[data-v-41d5a771]{bottom:-18px;left:calc(50% - 32px)}.page-remote-control .right-wrapper .operation-content .camera-item .top-camera-btn .tip.r270[data-v-41d5a771]{top:calc(50% - 6px);left:-32px}.vin-input .el-input__inner{background:transparent!important;color:#fff!important;border-color:#fff!important}.vjs-poster{background-size:cover;border-radius:8px}.rotate-camera .el-form-item--small.el-form-item{margin-bottom:0}.camera-item .el-loading-mask{border-radius:50%}.materiel-item[data-v-1751edca]{font-size:14px;line-height:24px;border-bottom:1px solid #ebeef5}.materiel-item[data-v-1751edca]:last-child{border-bottom:none}.unit-container[data-v-1751edca]{border:1px dashed silver;background-color:#f7f7f7;padding-top:15px;padding-right:15px}.unit-container .app-container[data-v-1751edca]{border:1px dashed silver;padding:7px;background-color:#f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.self-column .cell{padding:0!important}.button-group[data-v-7645f75f]{position:absolute}.button-group button[data-v-7645f75f]{margin-bottom:3px}.button-group .el-button[data-v-7645f75f]{margin-left:5px}.car-line[data-v-7645f75f]{position:absolute;left:50%;bottom:-10px;height:2px;background:#aaa;-webkit-transform-origin:0 50%;transform-origin:0 50%}.car-line-top[data-v-7645f75f]{top:-10px}.operation-desc[data-v-7645f75f]{text-align:center;margin-bottom:10px}.car-point[data-v-7645f75f]{width:20px;height:20px;border:2px solid #ccc;border-radius:10px;position:absolute;-webkit-animation-duration:2s;animation-duration:2s}.car-point[data-v-7645f75f]:after{display:block;content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border:2px solid #bbb;border-radius:5px}.car-wrapper[data-v-63a9c2a9]{padding:80px 0 140px;margin:0 auto;position:relative;overflow:auto;min-width:1260px}.vin-form-container[data-v-63a9c2a9]{position:absolute;left:12px;top:12px}.control-group[data-v-63a9c2a9]{width:1260px;height:500px;position:relative;margin:0 auto}.E28-silvery[data-v-63a9c2a9]{background:url(../img/E28-silvery.2dd5488c.png) no-repeat 50%/contain}.E28-grey[data-v-63a9c2a9],.E28-silvery[data-v-63a9c2a9]{position:absolute;left:50%;margin-left:-500px;margin-top:30px;width:900px;height:500px;overflow:auto}.E28-grey[data-v-63a9c2a9]{background:url(../img/E28-grey.0fca0439.png) no-repeat 50%/contain}.E28-red[data-v-63a9c2a9]{background:url(../img/E28-red.3ef1940f.png) no-repeat 50%/contain}.E28-black[data-v-63a9c2a9],.E28-red[data-v-63a9c2a9]{position:absolute;left:50%;margin-left:-500px;margin-top:30px;width:900px;height:500px;overflow:auto}.E28-black[data-v-63a9c2a9]{background:url(../img/E28-black.43ee1114.png) no-repeat 50%/contain}.E28-white[data-v-63a9c2a9]{background:url(../img/E28-white.a8318e89.png) no-repeat 50%/contain}.E28-white[data-v-63a9c2a9],.YZ7-white[data-v-63a9c2a9]{position:absolute;left:50%;margin-left:-500px;margin-top:30px;width:900px;height:500px;overflow:auto}.YZ7-white[data-v-63a9c2a9]{background-image:url(../img/YZ7-white.55d29ae7.png);background-repeat:no-repeat;background-position-x:69%;background-position-y:89%;background-size:164% auto}.G3-white[data-v-63a9c2a9]{background:url(../img/G3-white.91c2b887.png) no-repeat 50%/contain}.G3-black[data-v-63a9c2a9],.G3-white[data-v-63a9c2a9]{position:absolute;left:50%;margin-left:-500px;margin-top:30px;width:900px;height:500px;overflow:auto}.G3-black[data-v-63a9c2a9]{background:url(../img/G3-black.89a3e606.png) no-repeat 50%/contain}.G3-grey[data-v-63a9c2a9]{background:url(../img/G3-grey.d8ba0550.png) no-repeat 50%/contain}.G3-blue[data-v-63a9c2a9],.G3-grey[data-v-63a9c2a9]{position:absolute;left:50%;margin-left:-500px;margin-top:30px;width:900px;height:500px;overflow:auto}.G3-blue[data-v-63a9c2a9]{background:url(../img/G3-blue.f3f5e5bf.png) no-repeat 50%/contain}.G3-red[data-v-63a9c2a9]{position:absolute;background:url(../img/G3-red.c2ea2d83.png) no-repeat 50%/contain;left:50%;margin-left:-500px;margin-top:30px;width:900px;height:500px;overflow:auto}[data-v-04aac0e3].el-table--border th.gutter:last-of-type,[data-v-314557dd].el-table--border th.gutter:last-of-type{display:table-cell!important}.page-remote-control-cdu .oper-wrapper[data-v-60217dc0]{background:#f1f3f5;min-height:500px;padding:12px 24px}.page-remote-control-cdu .oper-container li[data-v-60217dc0]{list-style:none;margin:8px auto}.page-remote-control-cdu .oper-container .oper-btn[data-v-60217dc0]{width:100%;height:60px;text-align:center}.page-remote-control-cdu .oper-container .oper-btn svg[data-v-60217dc0]{width:16px;height:16px;position:relative;top:3px;margin-right:8px}.page-remote-control-cdu .oper-result-container[data-v-60217dc0]{border-radius:4px;min-height:500px;background:#f1f3f5}.oper-confirm-dialog h3[data-v-60217dc0]{font-size:16px;font-weight:400}.oper-confirm-dialog .el-icon-warning[data-v-60217dc0]{color:#e6a23c;margin-right:4px;font-size:24px}.oper-confirm-dialog .restart-opt[data-v-60217dc0]{margin-top:24px}.operation-item[data-v-60217dc0]{width:100%;padding:12px 16px;float:left;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;border-bottom:1px solid #e8e8e8}.set-tip[data-v-60217dc0]{text-align:center;margin-top:40px;color:#888}.page-remote-control-cdu-app-select .el-select-group__title{font-size:16px;font-weight:600;color:#286efa}[data-v-165c91c3].el-table--border th.gutter:last-of-type,[data-v-5462ffc9].el-table--border th.gutter:last-of-type{display:table-cell!important}