.track-page{font-size:12px;width:100%;height:100%;position:relative;overflow:hidden}.track-page /deep/ .amap-toolbar{top:50px!important;right:25px!important;left:auto!important;z-index:4}.track-page /deep/ .amap-scalecontrol{left:auto!important;right:10px!important}.track-page i{outline-style:none}.track-page .map-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.track-page .map-box /deep/ .mapContainer .fl{left:auto;right:463px}.track-page .map-box .track-box{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.3);box-shadow:0 2px 12px 0 rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.2);border-radius:4px 0 0 4px;background-color:#fff;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.track-page .map-box .track-box .expend{-webkit-transition:all .5s ease;transition:all .5s ease}.track-page .map-box .track-box .turn-around{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.track-page .map-box .radius{border-radius:4px}.track-page .map-box .tack-search-box{z-index:5;left:10px;top:7px;color:#48494c}.track-page .map-box .tack-search-box .search-content{width:100%}.track-page .map-box .tack-search-box .limit{margin:0 10px;color:#f56c6c;border-bottom:1px solid #e7e7e7}.track-page .map-box .tack-search-box .limit .content,.track-page .map-box .tack-search-box .limit .title{height:18px;line-height:18px;margin:10px 0;text-align:center}.track-page .map-box .tack-search-box .box-item{height:30px;line-height:30px;margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.track-page .map-box .tack-search-box .box-item .label{width:60px}.track-page .map-box .tack-search-box .box-item .item-r{width:220px}.track-page .map-box .tack-search-box .box-item .item-r-m{line-height:28px}.track-page .map-box .tack-search-box .box-item .item-r-m.left{width:100px}.track-page .map-box .tack-search-box .box-item .item-r-m.right{width:120px}.track-page .map-box .tack-search-box .box-item .item-r-m>.el-input__inner{text-align:center}.track-page .map-box .tack-search-box .box-item .item-r-m .el-input-group__append,.track-page .map-box .tack-search-box .box-item .item-r-m .el-input-number__decrease,.track-page .map-box .tack-search-box .box-item .item-r-m .el-input-number__increase{height:26px;line-height:26px}.track-page .map-box .tack-search-box .box-item .item-r-m .measure-select{width:60px}.track-page .map-box .tack-search-box .box-item .item-r-m .measure-select .el-input__inner{padding:0 15px 0 5px}.track-page .map-box .tack-search-box .box-item .search{margin:auto}.track-page .map-box .tack-search-box .iconfont{position:absolute;right:10px;top:10px}.track-page .map-box .tack-search-box .iconfont:hover{cursor:pointer}.track-page .map-box .tack-search-box .close-box{width:260px;margin:4px 10px;height:24px;line-height:24px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-page .map-box .tack-search-box .datetime{font-size:12px}.track-page .map-box .tack-control{z-index:5;height:60px;width:700px;margin-left:-350px;left:50%;bottom:10px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;color:#849bbd}.track-page .map-box .tack-control,.track-page .map-box .tack-control .control-box{line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.track-page .map-box .tack-control .control-box{position:relative;height:40px;padding:0 8px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.track-page .map-box .tack-control .control-box .split-bar{width:1px;height:70%;margin:auto 0;border-left:1px solid #e7e7e7}.track-page .map-box .tack-control .control-box img{line-height:40px;height:22px;width:22px;margin:auto 0;cursor:pointer;outline-style:none}.track-page .map-box .tack-control .control-box .label{min-width:150px;font-size:14px;color:#48494c;text-align:center}.track-page .map-box .tack-control .control-box .label .total-odom{color:#898c91}.track-page .map-box .tack-control .control-box .el-loading-spinner>svg{display:none}.track-page .map-box .tack-control .control-box .el-loading-mask{background-color:#f8f8f8;opacity:.7}.track-page .map-box .tack-control .control-box .tips{position:absolute;width:412px;height:100px;bottom:25px;z-index:2;font-size:14px;background-image:url(../img/bottomBG.1faac964.png);background-repeat:no-repeat;background-size:100% 100%}.track-page .map-box .tack-control .control-box .tips .content{position:absolute;line-height:16px;top:22px;left:80px;width:220px;color:#48494c}.track-page .map-box .tack-control .control-box .tips .close{position:absolute;top:28px;right:30px;color:#3779ca}.track-page .map-box .tack-control .control-box .tips .close:hover{cursor:pointer;color:#46bfea}.track-page .map-box .tack-control .control-box .speed-set-tip{right:30px}.track-page .map-box .tack-control .control-box .track-set-tip{right:-40px}.track-page .map-box .tack-control .control-box .track-set-tip .content{top:20px;left:70px;width:325px;line-height:18px}.track-page .map-box .tack-control .control-box .range-set-tip{right:0}.track-page .map-box .tack-control i{font-size:20px;margin:auto 0}.track-page .map-box .tack-control i:hover{cursor:pointer}.track-page .map-box .tack-control .allow-click:hover{cursor:pointer;background-color:#f8f8f8}.track-page .map-box .tack-control .not-allow-click:hover{cursor:not-allowed}.track-page .map-box .tack-control .panel-process{position:relative;width:670px;height:10px;margin:5px auto}.track-page .map-box .tack-control .panel-process .track-process{position:absolute;width:100%;height:4px;margin:3px auto;border-radius:5px;background-color:#f8f8f8}.track-page .map-box .tack-control .panel-process .track-process-active{position:absolute;margin:3px auto;z-index:2001;height:4px;border-radius:2px;background-color:#46bfea;-webkit-transition:width .1s;transition:width .1s}.track-page .map-box .tack-control .panel-process .process-point{margin:-1px 0 0 -6px;position:absolute;width:12px;height:12px;border-radius:50%;z-index:2001;background-color:#46bfea;-webkit-transition:left .1s;transition:left .1s;cursor:auto}.track-page .map-box .tack-control .panel-process .is-drag{width:14px;height:14px;margin:-2px 0 0 -7px}.track-page .map-box .tack-control .panel-process .allow-drag{cursor:pointer}.track-page .map-box .tack-control .panel-process .allow-drag:hover{width:14px;height:14px;margin:-2px 0 0 -7px}.track-page .map-box .tack-control .el-slider__button{width:6px!important;height:6px!important}.track-page .map-box .tack-control .speed_check{width:180px;height:20px;line-height:20px;margin:auto 0;font-size:10px}.track-page .map-box .tack-control .speed_check ul{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#e6e9ee;border-radius:10px}.track-page .map-box .tack-control .speed_check ul li{width:30px;text-align:center}.track-page .map-box .tack-control .speed_check ul li:hover{cursor:pointer}.track-page .map-box .tack-control .speed_check ul .is-check{background-color:#7399be;border-radius:10px;color:#fff}.track-page .map-box .tack-control .speed-sel{width:70px;height:20px;font-size:12px}.track-page .map-box .tack-control .speed-sel .speed{margin:auto 0}.track-page .map-box .tack-control .speed-sel .speed .el-input,.track-page .map-box .tack-control .speed-sel .speed .el-input__icon,.track-page .map-box .tack-control .speed-sel .speed .el-input__inner,.track-page .map-box .tack-control .speed-sel .speed .el-range-separator{height:20px!important;line-height:20px!important;font-size:12px}.track-page .map-box .tack-control .speed-sel .speed .el-input__inner{color:#48494c;border-radius:10px;border:none;background-color:#e6ebf2;padding:0 15px 0 5px;text-align:center}.track-page .map-box .tack-control .speed-sel .speed .el-input__icon{width:16px;height:16px}.track-page .map-box .tack-control .play-bar-oprtions{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.track-page .map-box .tack-control .play-all-oprtions{width:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.track-page .map-box .tack-control .el-slider__button{width:10px;height:10px;border:1px solid #7499c3;background-color:#7499c3}.track-page .map-box .tack-control .el-slider__bar,.track-page .map-box .tack-control .el-slider__runway{height:4px}.track-page .map-box .tack-control .el-slider__bar{background-color:#7499c3}.track-page .map-box .tack-control .e6-icon-track_line{text-decoration:line-through}.track-page .map-box .track-vehicles{right:20px;width:240px;top:60px;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.track-page .map-box .track-vehicles .vehicle-item{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:26px;line-height:26px}.track-page .map-box .track-vehicles .vehicle-item,.track-page .map-box .track-vehicles .vehicle-item .reg-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.track-page .map-box .track-vehicles .vehicle-item .reg-item .color-item{margin:auto 5px auto 0;width:20px;height:10px;line-height:10px;border-radius:5px;text-align:center}.track-page .map-box .track-vehicles .vehicle-item .reg-item .color-item img{width:8px;height:8px}.track-page .map-box .track-vehicles .no-data{color:#e2e2e2}.track-page .map-box .track-update-link{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.3);box-shadow:0 2px 12px 0 rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.2);border-radius:4px;background-color:#fff;position:absolute;left:10px;bottom:150px;width:90px;height:66px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.track-page .map-box .track-update-link img{margin:10px;width:61px;height:47px}.track-page .track-list{background-color:#f8f8f7;-webkit-box-sizing:border-box;box-sizing:border-box}.track-page .track-list .list-tab{height:32px;width:100%;background-color:#fff}.track-page .track-list .list-tab .fl{line-height:32px}.track-page .track-list .list-tab .fr{margin:6px 0}.track-page .track-list .list-tab .fr i{color:#3779ca;font-size:16px;margin-right:20px;cursor:pointer}.track-page .track-list /deep/ .tContainer ul li{padding:0 5px;margin:0 2px}.track-page .track-list .table-div{background-color:#fff;width:100%}.track-page .track-list .table-div .chart-container{border-top:1px solid #e7e7e7;background-color:#fff}.track-page .track-list .table-div .swiper-container{border-top:1px solid #e7e7e7;height:200px;width:100%;font-size:14px}.track-page .track-list .table-div .swiper-container .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide{width:240px;height:100%;position:relative}.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide img,.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide video{width:100%;height:86%;margin:3%;border:5px solid #fff}.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide img:hover,.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide video:hover{cursor:pointer}.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide p{position:absolute;height:20px;line-height:20px;font-size:12px;color:#fff;background-color:#444;opacity:.8}.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide .name{width:80px;left:12px;top:12px;text-align:center}.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide .time{width:100%;left:12px;bottom:16px;text-indent:10px}.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide .route{width:30px;top:12px;right:-12px;text-align:center;background-color:#3779ca;opacity:1}.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide .preview{position:absolute;right:-6px;bottom:18px;color:#fff;font-size:16px;cursor:pointer}.track-page .track-list .table-div .swiper-container .swiper-wrapper .swiper-slide .pic-acrive{border:5px solid #3779ca;border-radius:3px}.track-page .track-list .table-div .swiper-container .swiper-button-next,.track-page .track-list .table-div .swiper-container .swiper-button-prev{width:17px;height:30px;background-size:17px;margin-top:-15px}.track-page .track-list .table-div .swiper-container .swiper-pagination{color:#fff;bottom:15px}.track-page .track-list .table-div /deep/ .el-table th{padding:5px;line-height:26px;padding:0 0!important}.track-page .track-list .table-div /deep/ .el-table th td>.cell,.track-page .track-list .table-div /deep/ .el-table tr td>.cell{font-size:12px;padding:0 10px}.track-page .track-list .table-div /deep/ .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#edf9fd}.track-page .security-level{width:30px;height:15px;line-height:15px;border-radius:8px;margin:0 auto;text-align:center}.track-page .low{background-color:#63acff;color:#fff}.track-page .middle{background-color:#d79f09;color:#fff}.track-page .high{background-color:#e6451d;color:#fff}.track-page .layer-level{margin:0;text-align:center}.track-page .box-layor{width:320px;right:10px;top:48px}.track-page .box-layor .box-content{background:#fff!important}.track-page .box-layor .box-content .box-content-security{height:180px}.track-page .box-layor .box-content .box-content-security img{width:100%;height:100%}.track-page .box-layor .box-content .box-content-security .img-show{position:relative;height:100%}.track-page .box-layor .box-content .box-content-security .img-show>.e6-icon-search_line{right:10px;position:absolute;bottom:10px;color:#fff;z-index:11}.track-page .box-layor .box-content .box-content-security .swiper-container{height:100%;width:100%;font-size:14px}.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:100%;margin:auto}.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-wrapper .swiper-slide img,.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-wrapper .swiper-slide video{width:100%;height:100%}.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-wrapper .swiper-slide .img-opr{position:absolute;bottom:2px;color:#fff;z-index:11}.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-wrapper .swiper-slide .e6-icon-search_line{right:40px}.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-wrapper .swiper-slide .e6-icon-download_line{right:15px}.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-button-next,.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-button-prev{width:17px;height:30px;background-size:17px;margin-top:-15px}.track-page .box-layor .box-content .box-content-security .swiper-container .swiper-pagination{color:#fff;bottom:15px}.track-page .box-layor .box-content .box-content-info{height:280px;padding:5px 10px;overflow:auto;color:#444}.track-page .box-layor .box-content .box-content-info table{margin-top:10px}.track-page .box-layor .box-content .box-content-info tr>td{padding:5px}.track-page .box-layor .box-content .box-content-info tr>td:first-child{width:70px;color:#849bbd;vertical-align:top;text-align:right}.track-page .box-layor .box-bottom{padding:0 10px;border-radius:3px;background:#f8f8f8;height:35px;line-height:35px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#3779ca;font-size:16px}.track-page .box-layor .box-bottom,.track-page .box-layor .box-bottom .box-bottom-left,.track-page .box-layor .box-bottom .box-bottom-right,.track-page .box-layor .box-bottom .icon-border{display:-webkit-box;display:-ms-flexbox;display:flex}.track-page .box-layor .box-bottom .icon-border{width:24px;height:24px;border-radius:4px;margin:auto;color:#849bbd}.track-page .box-layor .box-bottom .icon-border i{margin:auto;line-height:16px}.track-page .box-layor .box-bottom .icon-border:hover{background-color:#e7e7e7;cursor:pointer}.track-page .box-layor .box-bottom .icon-border:hover i{color:#3779ca}.track-page .box-layor .box-bottom .icon-border .disabled{cursor:not-allowed;color:#c0c4cc}.track-page .photo-preview{z-index:2002}.track-page .photo-preview img{width:100%;height:100%}.track-page .el-slider__button-wrapper{top:-16px}.track-page .reage-label{margin:5px 20px 5px 5px;line-height:18px;position:relative}.track-page .track-range-close{position:absolute;top:0;right:-15px;font-weight:1000;color:#e6451d}.track-page .track-range-close:hover{font-size:14px;cursor:pointer}.el-select-dropdown__item{font-size:12px;height:30px;line-height:30px}.track-info{right:20px;width:500px;top:60px;padding:5px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#747474;font-size:12px}.track-info .iconfont{position:absolute;right:10px;top:10px}.track-info .iconfont:hover{cursor:pointer}.track-info .split-line{width:100%;height:1px;border-bottom:1px solid #e7e7e7}.track-info .info-item{line-height:30px;margin:3px 8px;display:-webkit-box;display:-ms-flexbox;display:flex}.track-info .info-item .title{width:70px;white-space:nowrap}.track-info .info-item img{cursor:pointer;width:26px;height:26px;margin-right:5px}.track-info .info-item ul{width:410px;list-style:none;padding:0}.track-info .info-item ul li{list-style:none;float:left;width:65px}.track-info .info-item ul li a{margin-left:4px;color:#747474}.track-info .info-item ul li:hover{cursor:pointer}.track-info .info-item ul .stop{width:70px}.track-info .info-item ul .isChecked{color:#3779ca;font-weight:600}.track-info .info-item ul .isChecked a{color:#3779ca}.track-info .info-item .e6-icon-abnormal_line{font-size:15px;color:#f56c6c}.track-info .info-item .line-content,.track-info .info-item .line-content>span{line-height:30px;display:-webkit-box;display:-ms-flexbox;display:flex}.track-info .info-item .line-content .selectLineWidth{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.track-info .info-item .line-content .selectLineWidth .line-show{width:200px;background:#46bfea;margin:auto;border-radius:2px}.track-info .info-item .line-content .track-color-set{display:-webkit-box;display:-ms-flexbox;display:flex}.track-info .info-item .line-content .el-radio{margin:9px 20px 0 0}.track-info .info-item .line-content .el-radio__label{font-size:12px}.track-info .info-item .line-content .speed-radio-div{margin:10px 20px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex}.track-info .info-item .line-content .speed-radio-div .speed-label{margin:12px 0 0 50px}.track-info .info-item .line-content .speed-radio{margin-left:38px}.track-info .info-item .line-content .colorPicker{margin-right:10px;margin-top:6px;height:20px}.track-info .info-item .line-content .colorPicker .el-color-picker__trigger{height:20px;width:20px;padding:0;border:none}.track-info .info-item .line-content .colorPicker .el-color-picker__trigger .el-color-picker__color{border:none}.track-info .info-item .line-content .colorPicker .el-color-picker__trigger .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.track-info .info-item .line-content .split-color-select{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}.track-info .info-item .line-content .split-color-select .label{line-height:20px}.track-info .info-item .line-content .split-color-select .colorPicker{margin:0 10px}.track-info .info-item .flex-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.track-info .info-bottom{height:30px;line-height:30px;margin:8px 8px 0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.track-info .info-bottom .weight{font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex}.track-info .speed-set{margin-bottom:10px}.track-info .speed-set .speed-set-title{color:#48494c;font-size:14px}.track-info .speed-set .speed-set-text{margin-left:5px;color:#c0c4cc}.track-info .speed-set-bottom{width:100%;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.track-info /deep/ .el-checkbox{margin-right:5px}.track-info /deep/ .el-checkbox__label{font-size:12px}.el-time-panel{left:auto;right:0}.trackLineWidth .iconfont{position:absolute;right:10px;top:5px}.trackLineWidth .iconfont:hover{cursor:pointer}.trackLineWidth ul{margin:15px 0 0 0}.trackLineWidth .line-item{line-height:30px;height:20px;margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.trackLineWidth .line-item:hover{cursor:pointer;background-color:#f8f8f8}.trackLineWidth .line-item>div{width:200px;margin:auto;border-radius:2px}.clearTrack-tip{width:200px}.exportDropdown{padding:5px;font-size:12px;line-height:22px;color:#849bbd}.exportDropdown li:hover{color:#3779ca;background-color:#f8f8f8;cursor:pointer}