.visualization-nav{position:fixed;height:74px;width:100%;left:0;top:0;z-index:2;display:flex}.visualization-nav .nav-left,.visualization-nav .nav-right{width:50%;height:100%;display:flex}.visualization-nav .visualization-title{width:100%;height:100%;line-height:60px;color:#fff;font-size:30px;text-align:center;background-size:100% 100%;flex-shrink:0}.visualization-nav .visualization-title:after{position:absolute;content:" ";width:467px;height:50px;background:linear-gradient(90deg,rgba(52,94,240,0),#0087ff 24%,#0087ff 76%,rgba(52,94,240,0));opacity:.9;left:50%;transform:translateX(-50%);top:7px;z-index:-1}.visualization-nav .nav-button{position:fixed;left:22px;top:18px;display:flex;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:4px;overflow:hidden}.visualization-nav .nav-button .link{width:76px;height:36px;font-size:14px;position:relative;background-color:#fff}.visualization-nav .nav-button .link .link-btn{position:relative;color:#4b5869;line-height:36px;display:block;text-align:center;font-weight:400;width:100%;height:100%;text-decoration:none}.visualization-nav .nav-button .link[active]{background-color:#0087ff}.visualization-nav .nav-button .link[active] .link-btn{color:#fff}.visualization-nav .func-button{position:fixed;right:22px;top:18px;display:flex;align-items:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);background-color:#fff;padding:15px 16px;border-radius:4px}.visualization-nav .func-button .func-btn{padding:2px 8px 2px 0;font-size:14px;color:#fff;background:none;border:none;border-radius:0;border-right:1px solid #d9d9d9}.visualization-nav .func-button .func-btn .func-name{display:flex;align-items:center;line-height:16px;color:#4b5869}.visualization-nav .func-button .func-btn .func-name .func-btn-icon{color:#4b5869;font-size:16px}.visualization-nav .func-button .func-btn .func-name i,.visualization-nav .func-button .func-btn .func-name img{margin-right:5px}.visualization-nav .func-button .func-btn .func-name img{filter:grayscale(1)}.visualization-nav .func-button .func-btn .func-device-legend,.visualization-nav .func-button .func-btn .func-map-setting,.visualization-nav .func-button .func-btn .func-report-edit{position:absolute;margin-top:24px}.visualization-nav .func-button .func-btn .func-device-legend{border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);overflow:hidden}.visualization-nav .func-button .func-btn .func-device-legend .device_legend_item{background-color:#fff;color:#0c1014}.visualization-nav .func-button .func-btn .func-report-edit{display:flex;flex-flow:column}.visualization-nav .func-button .func-btn .func-report-edit .func-report-btn,.visualization-nav .func-button .func-btn .func-report-edit .func-report-btn-cancle{margin:4px 0;border-radius:4px}.visualization-nav .func-button .func-btn .func-report-edit .func-report-btn{background:#0087ff;border-color:#0087ff}.visualization-nav .func-button .func-btn .func-map-setting{display:flex;flex-flow:column;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:4px;background-color:#fff;right:0}.visualization-nav .func-button .func-btn .func-map-setting .map-setting-btn{text-align:left;width:156px;margin:0;padding:13px 16px;border:none;background:none;border-radius:0;color:#0c1014}.visualization-nav .func-button .func-btn .func-map-setting .map-setting-btn:hover{background-color:#e8e8e8}body .device-layer{position:fixed;left:0;top:0;width:100%}body .panel .panel-type-select div{background-color:#b7b7b7;color:#0c1014;box-shadow:-3px 0 3px rgba(17,22,41,.15)}body .panel .panel-type-select div[active]{background-color:#fff;color:#0c1014}body .panel .panel-image{border-left:1px solid #e8e8e8}body .panel .panel-image .prod{background-color:#fff}body .panel .vehicle-info .group:before{content:" ";display:block;width:3px;height:14px;background-color:#0087ff;margin-right:8px}body .panel .vehicle-info .info-data .title{color:#4b5869}body .panel .vehicle-info .info-data .value{color:#0c1014}body .panel .device-list .device-menu,body .panel .facility-list .device-menu{box-shadow:0 3px 3px 0 rgba(25,26,31,.08)}body .panel .device-list .device-menu .menu-item,body .panel .device-list .device-menu .menu-scroll,body .panel .facility-list .device-menu .menu-item,body .panel .facility-list .device-menu .menu-scroll{color:#4b5869}body .panel .device-list .device-menu .menu-item[active],body .panel .facility-list .device-menu .menu-item[active]{color:#0087ff}body .panel .device-list .device-menu .menu-item[active] span,body .panel .facility-list .device-menu .menu-item[active] span{border-bottom:2px solid #0087ff}body .panel .device-list .device-item .item[active],body .panel .facility-list .device-item .item[active]{animation:item-select 2s}body .panel .device-list .device-item .device-info .device-info-line,body .panel .facility-list .device-item .device-info .device-info-line{color:#0c1014}body .panel .device-list .device-item .device-info .device-info-line label,body .panel .facility-list .device-item .device-info .device-info-line label{color:#4b5869}body .panel .device-list .device-item .facility-info,body .panel .facility-list .device-item .facility-info{color:#0c1014}body .panel .device-list .device-item .facility-info label,body .panel .facility-list .device-item .facility-info label{color:#4b5869}body .panel .device-list .device-item .facility-info .group,body .panel .facility-list .device-item .facility-info .group{border-color:rgba(206,209,219,.1)}body .panel .device-list .detail-title-left,body .panel .facility-list .detail-title-left{color:#0c1014}body .panel .device-list .detail-title-left:before,body .panel .facility-list .detail-title-left:before{content:" ";display:block;width:3px;height:14px;background:#0087ff;margin-right:8px}body .panel .device-list .detail-title .sub-title,body .panel .facility-list .detail-title .sub-title{color:#4b5869}body .panel .device-list .detail-title .detail-title-right,body .panel .device-list .detail-title .detail-title-right a,body .panel .facility-list .detail-title .detail-title-right,body .panel .facility-list .detail-title .detail-title-right a{color:#0087ff}body .panel a{color:#fff}body .device_control_button .device_bottom{border-radius:4px}body .device_control_button .device_bottom_left,body .device_control_button .device_search_icon{background-color:#0087ff;border-left:2px solid #ff445e}body .device_control_button .device_bottom_right,body .device_control_button .device_search{background-color:#fff}body .device_control_button .device_bottom_right .tips,body .device_control_button .device_search .tips{color:#0087ff}body .device_control_button .device_bottom_right .tips .tips-text,body .device_control_button .device_search .tips .tips-text{background-color:#fff}body .device_control_button .device_bottom_right .device_search_input .el-input .el-input__inner,body .device_control_button .device_search .device_search_input .el-input .el-input__inner{color:#0c1014!important}body .device_control_button .device_bottom_right .device_search_history_div .device_search_history,body .device_control_button .device_search .device_search_history_div .device_search_history{background-color:#fff;left:41px;color:#0c1014}body .device_control_button .device_bottom_right .device_search_history_div .device_search_history .el-button,body .device_control_button .device_search .device_search_history_div .device_search_history .el-button{background-color:#fff;border:1px solid #d9d9d9;color:#0c1014}body .device_control_button .device_search{border-radius:4px}body .device_control_button .device_bottom_rightone,body .device_control_button .device_bottom_righttwo{color:#0c1014}body .aggrs-home{background-color:#fff;color:#0c1014}body .filter-dialog .filter-type{border-bottom:1px solid #e8e8e8!important}body .filter-dialog .filter-type .type .type-select{color:#0c1014}body .filter-dialog .filter-type .type .type-select[active]{color:#0087ff}body .filter-dialog .filter-body .filter-item{border:1px solid #e8e8e8!important}body .filter-dialog .filter-body .rule-list .rule-item{background-color:#f9fafc;color:#0c1014}body .filter-dialog .filter-body .rule-list .rule-item i{color:#b7b7b7}body .filter-dialog .filter-body .rule-list .rule-item:hover{background-color:#0087ff;color:#fff}@keyframes item-select{0%{background-color:hsla(0,0%,100%,.07)}to{background-color:hsla(0,0%,100%,0)}}@keyframes left-in{0%{opacity:0;transform:translateX(-400px)}to{opacity:1;transform:translateX(0)}}@keyframes right-in{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}body .no-data-box{color:#0c1014!important}body .report-list-left,body .report-list-right{position:fixed;top:130px;z-index:2;transition:all .3s;width:310px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:4px}body .report-list-left .report-list,body .report-list-right .report-list{width:100%;height:100%;overflow:auto}body .report-list-left .report-list .report-add,body .report-list-right .report-list .report-add{width:100%;text-align:center;margin-top:20px}body .report-list-left .report-list .title-bar,body .report-list-right .report-list .title-bar{background:none;display:flex;justify-content:space-between;position:relative;align-items:center}body .report-list-left .report-list .title-bar label,body .report-list-right .report-list .title-bar label{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#0c1014;line-height:22px;display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}body .report-list-left .report-list .title-bar .title-filter,body .report-list-right .report-list .title-bar .title-filter{font-size:14px;display:flex;align-items:center}body .report-list-left .report-list .title-bar .title-filter img,body .report-list-right .report-list .title-bar .title-filter img{height:14px}body .report-list-left .report-list .title-bar:before,body .report-list-right .report-list .title-bar:before{content:" ";width:3px;height:14px;background:#0087ff;margin-right:8px}body .report-list-left .report-list .report-view .report-edit,body .report-list-right .report-list .report-view .report-edit{position:absolute;width:100%;height:60px;bottom:0;background-color:rgba(28,36,67,.15);display:flex;color:#fff;justify-content:center;align-items:center;z-index:12}body .report-list-left .report-list .report-view .report-edit .report-edit-button,body .report-list-right .report-list .report-view .report-edit .report-edit-button{display:block;padding:10px 15px;cursor:pointer;background-color:#f0f}body .report-list-left .report-list .report-view .report-edit .report-edit-button:first-of-type,body .report-list-right .report-list .report-view .report-edit .report-edit-button:first-of-type{margin-right:20px;background-color:#345ef0}body .report-list-right{right:24px!important;top:78px!important;height:calc(100vh - 102px);animation:right-in 1s}body .report-list-right .report-list{padding:16px}body .report-list-left{left:24px!important;top:78px!important;height:calc(100vh - 102px);animation:left-in 1s}body .report-list-left .report-list{padding:16px}body .light-time{position:fixed;top:78px;left:350px}body .light-time .time-box{width:122px;color:#fff;background:linear-gradient(180deg,#567cff,#345ef0);border-radius:4px;border:1px solid #3c62e3;text-align:center;padding:6px 8px;font-size:14px}body .device_leftone,body .device_rightone,body .trb{z-index:99;width:16px;height:32px;line-height:32px;font-size:9px;color:#4b5869;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;position:fixed;z-index:2;margin-top:calc(50vh - 76px);transition:all .2s}body .device_leftone,body .report-list-left .trb{left:334px}body .device_rightone:before,body .report-list-left .trb:before{content:" ";width:32px;height:32px;background-color:#fff;border-radius:50%;position:absolute;z-index:-1;right:0;top:0}body .device_rightone,body .report-list-right .trb{right:334px}body .trans-right .device_rightone{right:355px;width:32px}body .device_rightone.device_rightone_hide{right:0}body .device_rightone:before,body .report-list-right .trb:before{content:" ";width:32px;height:32px;background-color:#fff;border-radius:50%;position:absolute;z-index:-1;left:0;top:0}body .transition{transition:all .3s}body .trans-left{transform:translateX(-335px)}body .trans-left .trb{width:32px;left:355px}body .trans-right{transform:translateX(335px)}body .trans-right .trb{width:32px;right:355px}body .list{display:flex;flex-wrap:wrap;align-items:flex-start}body .list .report{width:348px;margin:12px 14px;overflow:hidden;position:relative;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);background:#fff;border-radius:4px}body .list .report .report-click{position:absolute;bottom:0;left:0;width:100%;height:60px;background-color:rgba(0,0,0,.15);display:none;justify-content:center;align-items:center;cursor:pointer;z-index:99;color:#4b5869}body .list .report .report-click .report-click-btn{width:76px;text-align:center;color:#4b5869;background:#fff;padding:8px 10px;border-radius:4px}body .list .report:hover{overflow:hidden}body .list .report:hover .report-click{display:flex}body .list .report-item .chart-title{padding:0 25px}body .list .report-item .chart-title .common-chart-title{color:#0c1014}body .event-layer .event-location-list{background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.05)}body .event-layer .event-location-list .title{color:#0c1014;border-bottom:1px solid rgba(0,0,0,.1)}body .event-layer .event-location-list .list .list-item{color:#4b5869;font-size:14px;font-weight:400}body .event-layer .event-location-list .list .list-item:hover{background-color:#e8e8e8;color:#0c1014}body .event-layer .event-location-list:after{border-top-color:#16233a}body .title-bar .title-filter{color:#4b5869}body .mini-map{border-color:#fff!important}body .event-list{height:calc(100vh - 386px)!important}body .event-list .event-list-item .event-title-bar .event-title{color:#0c1014}body .event-list .event-list-item .event-time{color:#4b5869}body .event-list .event-list-item .event-tag-list .event-tag{color:#fff;border:1px solid rgba(206,209,219,.1);background:#999eb1}body .event-list .alarm-level-0{background:url(../img/1.9579a562.svg)}body .event-list .alarm-level-0 .event-level{color:#ff3e3e}body .event-list .alarm-level-1{background:url(../img/2.d7c45719.svg)}body .event-list .alarm-level-1 .event-level{color:#ffc459}body .event-list .alarm-level-2{background:url(../img/3.d0f19dd5.svg)}body .event-list .alarm-level-2 .event-level{color:#40b9fe}body .event-list .alarm-level-3{background:url(../img/4.e65f48b1.svg)}body .event-list .alarm-level-3 .event-level{color:#25d73b}body .event-list .no-event{color:#0c1014;font-size:14px;text-align:center}body .el-dialog .el-dialog__header{text-align:left}body .el-dialog .el-dialog__body{max-height:calc(98vh - 130px)!important}body .number_chart_box{color:#2a7af5!important}body .stripe-chart-container.report-layer-chart-item .stripe-number-box{background-color:#d9d9d9}.report-list .card-panel.report-layer-chart-item,.report-list .card-panel.report-list-chart-item{color:#979da7}.report-list .card-panel.report-layer-chart-item .single-number-item,.report-list .card-panel.report-list-chart-item .single-number-item{background:none}.report-list .card-panel.report-layer-chart-item .single-number-title,.report-list .card-panel.report-list-chart-item .single-number-title{color:#999eb1}.report-list .card-panel.report-layer-chart-item .card-panel-description .card-panel-num,.report-list .card-panel.report-list-chart-item .card-panel-description .card-panel-num{color:#0c1014}.el-carousel .el-carousel__container .el-carousel__arrow{color:#fff;background-color:rgba(31,45,61,.11)}.report-list .report-view .chart-item-box .select-video{top:-23px}.report-list .report-view .chart-item-box .select-video>i{color:#333}.box .no-video,body .show-center-dialog .dialog-footer .footer-msg{color:#0c1014}.event-filter .el-form .el-row .multi-tree{border:1px solid #e8e8e8!important}