.router-ctn{height:100vh;min-width:1000px;width:100vw;overflow:hidden}.router-ctn>.header{background-color:#3e80ff;background-image:url(/images/adorn-arrow.svg);background-position:200px top;background-repeat:no-repeat;background-size:auto 100%;border-bottom:1px solid #e6e9f0;height:40px;overflow:hidden;justify-content:space-between;padding:5px;z-index:2}.router-ctn>.header,.router-ctn>.header>.end,.router-ctn>.header>.start{align-items:center;display:flex;position:relative}.router-ctn>.header>.center{flex:2}.router-ctn>.header .kd-logo{width:118px;height:20px;background-image:url(/images/logo-white-hor.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;margin-left:10px}.router-ctn>.header .icon-refer,.router-ctn>.header .icon-side-toggle{color:#fff;display:block;font-size:20px;height:32px;line-height:32px;text-align:center;width:32px}.router-ctn>.header .icon-side-toggle{cursor:pointer;display:none}.router-ctn>.header .options{align-items:center;display:flex;padding:0 20px;position:relative}.router-ctn>.header .options .handle{color:#fff;cursor:pointer;padding:5px;margin-right:20px}.router-ctn>.header .options .handle i{display:block;font-size:20px;height:24px;line-height:24px;text-align:center;width:24px}.router-ctn>.header .user-base-info{cursor:default;display:flex;align-items:center;justify-content:space-between;overflow:hidden;color:#fff}.router-ctn>.header .user-base-info .department{overflow:hidden;padding:0 16px;position:relative}.router-ctn>.header .user-base-info .department:after{border-right:1px solid hsla(0,0%,100%,.2);content:"";position:absolute;right:0;top:50%;height:20px;transform:translateY(-50%)}.router-ctn>.header .user-base-info .department .merchant,.router-ctn>.header .user-base-info .department .network{font-size:12px;line-height:20px;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.router-ctn>.header .user-base-info .department .merchant{font-weight:700}.router-ctn>.header .user-base-info .department .network{position:relative}.router-ctn>.header .user-base-info .base{align-items:center;font-weight:700;font-size:14px;margin:0 16px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.router-ctn>.header .user-base{overflow:hidden;align-items:center;display:flex}.router-ctn>.header .user-base .action-handle{color:hsla(0,0%,100%,.5);cursor:pointer;display:block;font-size:14px;height:24px;line-height:24px;margin:0 4px;text-align:center;width:24px}.router-ctn>.header .user-base .avatar{cursor:pointer!important;display:block;position:relative;width:32px;height:32px;border-radius:50%;border:2px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.171)}.router-ctn>.header .user-base .avatar .kd-icon{color:#fff;font-size:16px;height:24px;line-height:24px;text-align:center;text-shadow:0 3px 9px rgba(0,0,0,.1);width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.router-ctn>.main{background-color:#fafafa;height:calc(100vh - 51px);overflow:hidden;position:relative}.main-section{display:flex;position:relative}.main-section>.content,.main-section>.sidebar{height:calc(100vh - 51px);position:relative}.main-section>.sidebar{background-color:#fff;border-right:1px solid #e6e9f0;overflow:auto;width:200px}.main-section>.sidebar>.nav{margin:0}.main-section>.content{display:flex;flex-direction:column;flex:1;overflow:hidden}.main-section>.content .tag-nav{background-color:#fff}.main-section>.content>.body{flex:1;overflow:hidden;overflow-y:auto}@media screen and (max-width:1400px){.router-ctn>.header .base,.router-ctn>.header .department,.router-ctn>.header .info,.router-ctn>.header .kd-arrow-logo,.router-ctn>.header .kd-logo{display:none}}.roles{display:flex;flex-wrap:wrap;overflow:auto;padding:5px;max-width:280px;max-height:400px}.roles::-webkit-scrollbar{width:4px}.roles::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.roles-handle{cursor:pointer}.roles .item{box-sizing:border-box;padding:5px;width:50%}.roles.alone .item{width:100%}.roles span{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;display:block;color:#fff;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.roles span:hover{border-color:#fff;background-color:#fff;color:#333}.ellipsisBox[data-v-49a11664],.ellipsisBox[data-v-87d924cc]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-87d924cc] .el-table__expanded-cell{padding:0}.monitoring-panel .BMap_bottom,.monitoring-panel .BMap_pop>img,.monitoring-panel .BMap_top{display:none!important}.monitoring-panel .BMap_pop{background:none!important;border:none!important}.monitoring-panel .BMap_pop>div:nth-child(9){display:block!important;height:auto!important}.monitoring-panel .BMap_pop>div{display:none}.monitoring-panel .BMap_content{overflow:visible!important}.monitoring-panel .shadow{display:none!important}.contents[data-v-52f79f16]{overflow:hidden}.network-list[data-v-52f79f16]{height:240px;overflow:auto;position:relative}.car-list-toggle[data-v-52f79f16]{color:#7d818c;cursor:pointer;align-items:center;display:flex;font-size:16px;justify-content:center;height:32px;transition:all .4s ease;width:32px}.car-list-toggle.closed[data-v-52f79f16]{color:#409eff;transform:rotate(180deg)}.cars-search[data-v-52f79f16]{border-bottom:1px solid #eee;padding:5px}.cars-state[data-v-52f79f16]{padding:5px}.cars-state .el-radio-group[data-v-52f79f16]{display:flex}.cars-state .el-radio-group .el-radio-button[data-v-52f79f16]{flex:1}.cars-state .el-radio-group[data-v-52f79f16] .el-radio-button__inner{display:block}.car-list[data-v-52f79f16]{max-height:480px;overflow:auto;position:relative}.car-list-total[data-v-52f79f16]{color:#7d818c;font-size:.85rem}.car-list-base[data-v-52f79f16]{align-items:stretch;display:flex;flex-direction:column;height:40vh}.car-list-base .car-list[data-v-52f79f16]{flex:1;overflow:auto}.car-history-toggle[data-v-52f79f16]{color:#7d818c;cursor:pointer;align-items:center;display:flex;font-size:16px;justify-content:center;height:32px;transition:all .4s ease;width:32px}.car-history-toggle.closed[data-v-52f79f16]{color:#409eff;transform:rotate(180deg)}.monitoring-panel[data-v-52f79f16]{display:flex;height:calc(100vh - 112px);overflow:hidden;position:relative}.monitoring-panel .side[data-v-52f79f16]{display:flex;justify-content:space-between;flex-direction:column;border-right:1px solid #eee;height:100%;position:relative}.monitoring-panel .side .vertical-expand[data-v-52f79f16]{position:absolute;top:40%;right:-10px;font-weight:700;box-sizing:content-box;color:#409eff;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;text-align:center;cursor:pointer;transition:all .4s ease;z-index:999}.monitoring-panel .side .vertical-expand .fz[data-v-52f79f16]{font-size:18px;padding:8px 0;position:inherit;top:0;right:8px;text-align:center}.monitoring-panel .side .vertical-expand .expand-title[data-v-52f79f16]{position:inherit;top:26px;right:11px;text-align:center;word-wrap:break-word}.monitoring-panel .side .card[data-v-52f79f16]{background-color:#fafafa;display:flex;flex-direction:column;overflow:hidden;width:100%}.monitoring-panel .side .card>.contents[data-v-52f79f16],.monitoring-panel .side .card>.head[data-v-52f79f16]{box-sizing:border-box;width:100%}.monitoring-panel .side .card>.contents[data-v-52f79f16]{background-color:#fff;flex-grow:1;overflow:hidden}.monitoring-panel .side .card.border[data-v-52f79f16]{border-top:1px solid #eee}.monitoring-panel .side .card.expand[data-v-52f79f16]{flex:1}.monitoring-panel .side .card>.head[data-v-52f79f16]{align-items:center;display:flex;padding:4px}.monitoring-panel .side .card>.head.border[data-v-52f79f16]{border-bottom:1px solid #eee}.monitoring-panel .side .card>.head h4[data-v-52f79f16]{font-size:14px;flex:1;line-height:28px;padding:0 16px}.option-nav[data-v-52f79f16]{right:10px;top:10px;position:absolute;z-index:2}.map-wrap[data-v-52f79f16]{flex:1;padding:5px;position:relative;z-index:1}.map-wrap .map[data-v-52f79f16]{height:100%;flex:1}.map-wrap .real-scene[data-v-52f79f16]{align-items:center;display:flex;justify-content:center;position:absolute;width:50%;right:0;top:0;bottom:0;z-index:9999}.map-wrap .real-scene.real-scene-hide[data-v-52f79f16]{opacity:0;pointer-events:none}.map-wrap .real-scene[data-v-52f79f16]{overflow:hidden}.map-wrap .real-scene .inner[data-v-52f79f16]{background-color:#000;left:0;top:0;bottom:0;right:0;position:absolute;z-index:1}.map-wrap .real-scene .icon-close[data-v-52f79f16]{background-color:hsla(0,0%,100%,.8);align-items:center;cursor:pointer;display:flex;height:48px;font-size:24px;justify-content:center;position:absolute;left:0;top:0;width:48px;z-index:2}.map-wrap .refresh[data-v-52f79f16]{position:absolute;top:50px;right:20px}.map-wrap .refresh2[data-v-52f79f16]{position:absolute;top:100px;right:20px}.map-wrap .cars[data-v-52f79f16]{background-color:#fff;border-top:1px solid #eee;position:absolute;left:0;bottom:5px;right:0;z-index:2}.map-wrap .cars>.head[data-v-52f79f16]{background-color:#fafafa;align-items:center;display:flex;justify-content:space-between;padding:4px}.map-wrap .cars>.head .left[data-v-52f79f16]{display:flex;justify-content:space-evenly;align-items:center}.map-wrap .cars>.head .left .car-box[data-v-52f79f16]{display:flex;justify-content:flex-start;margin-left:90px}.map-wrap .cars>.head .left .car-box[data-v-52f79f16]::first-child{margin-left:0}.map-wrap .cars>.head .left .car-box .car-item[data-v-52f79f16]{width:200px}.map-wrap .cars>.head .left .car-box .car-item[data-v-52f79f16]:last-child{margin-right:0}.map-wrap .cars>.head .left h4[data-v-52f79f16]{font-size:14px;flex:1;line-height:28px;padding:0 16px}.map-wrap .cars>.tables[data-v-52f79f16]{border-top:1px solid #eee;padding:5px}.controlBar_refresh[data-v-52f79f16]{position:absolute;top:50px;right:15px;background-color:hsla(0,0%,100%,.9);display:flex;align-items:center;z-index:9999;box-shadow:0 1px 4px 0 rgba(0,0,0,.2)}.btn-wrap[data-v-52f79f16]{z-index:999;position:fixed;top:116px;right:102px}.custom-button[data-v-52f79f16]{box-sizing:content-box;box-shadow:2px 2px 3px rgba(0,0,0,.35);border-left:1px solid #8ba4dc;border-top:1px solid #8ba4dc;border-bottom:1px solid #8ba4dc;background:#8ec6e0;padding:2px 6px;font:700 12px/1.3em arial,sans-serif;text-align:center;white-space:nowrap;border-radius:3px 0 0 3px;color:#fff;cursor:pointer}.list-btn[data-v-52f79f16]{box-sizing:border-box;width:100%;padding:4px 10px;display:flex;justify-content:space-between;align-items:center}.list-btn .left[data-v-52f79f16]{width:140px}.list-btn .right[data-v-52f79f16]{width:calc(100% - 140px);display:flex;justify-content:flex-end;align-items:center}.list-btn .color[data-v-52f79f16]{color:#409eff;padding:5px;vertical-align:bottom}.track-playback-inner[data-v-689bbdce]{padding:5px;position:relative}[data-v-689bbdce] .search-box{left:10px;top:10px}.map[data-v-689bbdce]{background-color:#eee;height:calc(100vh - 122px);min-height:500px;overflow:auto;position:relative}.track-detail[data-v-689bbdce]{position:absolute;left:0;right:0;bottom:0;z-index:998}.track-detail .head[data-v-689bbdce]{align-items:center;display:flex;justify-content:flex-end}.track-detail .head .inner[data-v-689bbdce]{background-color:#fff;border-top-left-radius:5px;align-items:center;display:flex;padding:5px;position:relative}.track-detail .head .attr[data-v-689bbdce]{display:flex;padding:0 10px;margin-right:10px}.track-detail .head .attr em[data-v-689bbdce],.track-detail .head .attr i[data-v-689bbdce]{display:block;font-style:normal;padding:0 4px}.track-detail .head .attr em[data-v-689bbdce]{color:#7d818c;font-size:.85rem}.track-detail .head .attr i[data-v-689bbdce]{color:#3d3f47;font-size:1rem;font-weight:700}.track-detail .head .masker[data-v-689bbdce]{cursor:pointer;left:0;right:0;top:0;bottom:0;position:absolute;z-index:2}.track-detail .head .icon-toggle[data-v-689bbdce]{color:#7d818c;cursor:pointer;align-items:center;display:flex;font-size:16px;justify-content:center;height:28px;transition:all .4s ease;width:28px}.track-detail .head .icon-toggle.toggled[data-v-689bbdce]{color:#409eff;transform:rotate(180deg)}.track-detail .tables[data-v-689bbdce]{background-color:#fff}div.map>div:first-child>div:nth-child(2)>div:first-child>div{background:hsla(0,0%,100%,0)!important;border:none!important}.carInfo{background:hsla(0,0%,100%,.8);border-radius:7px;padding:5px 12px;display:flex;flex-direction:column;line-height:1.5;border:1px solid #409eff;box-shadow:2px 2px 5px rgba(0,0,0,.2);position:relative;align-items:flex-start;z-index:9999}.carInfo:after{content:"";position:absolute;bottom:0;left:40%;width:0;height:0;border:8px solid transparent;border-top-color:#f3f3f3;border-bottom:0;margin-left:-8px;margin-bottom:-8px}.lushu-ctrl{background:#fff;padding:5px 10px;display:flex;width:400px;align-items:center;height:40px;top:10px;border-radius:4px;box-shadow:0 32px 64px rgba(0,0,0,.1);position:absolute;z-index:999;left:380px}.lushu-ctrl .lushuIconButton{font-size:24px;cursor:pointer}.lushu-ctrl .lushuIconButton.el-icon-video-play{color:#409eff}.lushu-ctrl .lushuIconButton.el-icon-video-pause{color:#f56c6c}[data-v-67736566] .el-tabs--card>.el-tabs__header{margin-bottom:0}[data-v-67736566] .el-tabs__nav-scroll{display:flex;justify-content:flex-end;padding:0 10px}[data-v-67736566] .el-tabs__nav-scroll .el-tabs__item{font-size:12px;height:32px;line-height:32px;text-align:center}.electronic-fence-wrap[data-v-67736566]{position:relative}.electronic-fence-wrap .tabs-wrap[data-v-67736566]{padding-top:10px}.taskForm[data-v-514f107b]{padding:20px;margin-top:20px}.pageContent[data-v-514f107b]{display:flex;height:100%}.tagRow .el-form-item__content[data-v-514f107b]{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.tagRow .tag[data-v-514f107b]:not(:last-child){margin-right:10px}