.calendar{margin:0 auto;color:#6dcff6;font-family:helvetica,Arial,Microsoft Yahei,微软雅黑!important}.calendar table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;text-align:center}.calendar caption{line-height:30px;text-align:center;border-bottom:1px solid #ebebeb;color:#fff;background-color:#6dcff6}.calendar caption span{margin:0 10px}.calendar caption a{color:#fff;margin:0 5px;text-decoration:none}.calendar th{height:25px;line-height:25px;text-align:center}.calendar td{height:14px;line-height:14px;border:1px solid #ccc}.calendar td.widget-videoHlight{cursor:pointer}.calendar td span.dayShow{padding-top:11px;font-size:13px}.calendar td span{display:block;width:100%;margin:0 auto;color:#000}.calendar td span.mileageList{color:#6dcff6;font-size:10px;height:18px;line-height:18px;white-space:nowrap;overflow:hidden}.calendar .widget-back{float:right}.calendar .widget-disabled span{color:#999}.calendar .widget-stopHighlight span{background:#fff8cc;cursor:pointer}.calendar .widget-stopHighlight span span{color:#a08403}.calendar .widget-highlight span{background:#e2f7ff;color:#000;cursor:pointer}.calendar .widget-videoHlight span{background:#dfffc9;color:#000;cursor:pointer}.calendar .widget-peopleHighlight span{background:#ffe5e5;color:#000;cursor:pointer}.calendar .widget-thingHighlight span{background:#e7ffcd;color:#000;cursor:pointer}.calendar .widget-thingHighlight .mileageList{color:#7bc62b}.track-playback-content .menuContent{display:none;position:absolute;width:100%;height:249px;border:1px solid #ccc;background-color:#fff;overflow:auto;z-index:1030}.track-playback-content svg .indicator{cursor:pointer}.track-playback-content .sidebar{overflow-y:auto;height:calc(100vh - 50px)}.track-playback-content .content{height:calc(100vh - 50px);position:relative}.track-playback-content .left-part{position:absolute;width:310px;left:0;top:0;bottom:0}.track-playback-content .left-part.collapse{width:0}.track-playback-content .right-part{position:absolute;left:318px;right:0;top:0;bottom:0}.track-playback-content .right-part.extend{left:0}.track-playback-content .top-part{position:absolute;bottom:50px;left:0;right:0;top:0}.track-playback-content .bottom-part{position:absolute;left:0;right:0;height:50px;bottom:0}.track-playback-content .map-part{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.track-playback-content .top-part.chart-open .map-part{right:580px}.track-playback-content .chart-part{position:absolute;right:-580px;top:0;bottom:0;width:580px;box-sizing:border-box;border-left:2px solid #ccc;border-top:2px solid #ccc}.track-playback-content .top-part.chart-open .chart-part{right:0}.track-playback-content .drag-bar{height:4px;position:relative;background-color:#ccc;cursor:n-resize;transition:background-color .5s}.track-playback-content .drag-bar:hover{background-color:#00bfff}.track-playback-content .drag-bar .indicator{width:100%;height:100%;border:1px dashed #333;z-index:999}.track-playback-content .page-heading{height:38px;position:relative;left:-4px;top:2px}.track-playback-content .page-title{font-weight:700}.track-playback-content .realtime-monitoring{position:absolute;right:5px;bottom:2px;display:block;width:41px;height:32px;line-height:20px;background:#6dcff6!important;border-radius:3px;padding-top:5px;text-align:center}.track-playback-content .toggle-left-part{position:absolute;left:5px;top:5px;height:38px;width:38px;line-height:38px;text-align:center;background-color:#fff;z-index:999;border-radius:3px;box-shadow:1px 1px 10px #ccc;color:#6dcff6;cursor:pointer}.track-playback-content .calender-container{padding-top:20px;padding-left:15px;padding-right:5px;height:297px;width:308px}.track-playback-content .search-input-container{padding:10px 15px 15px}.track-playback-content .search-input-wraper{position:relative}.track-playback-content .search-input-wraper .delIcon{right:10px}.track-playback-content .tree-container{padding:0 15px;height:calc(100% - 440px);overflow:auto;width:303px}.track-playback-content .map-container{width:100%;height:100%}.track-playback-content .amap-toolbar{width:30px!important;left:46px!important;bottom:50px!important}.track-playback-content .trackPlay-group{position:absolute;right:0;font-size:18px;padding:4px 5px 0 0;top:0;z-index:10;opacity:.9}.track-playback-content #mapDropSettingPlayback{border:1px solid #c4c4c4;box-shadow:2px 2px 2px #c4c4c4;background-color:#fff;margin:5px 16px 0 0;padding:0 6px 2px;border-radius:3px;font-size:14px;display:inline-block;color:#5c5e62;cursor:pointer}.track-playback-content #mapDropSettingPlayback .map-drop-sett:before{content:"";position:relative;display:inline-block;top:4px;left:0;width:19px;height:19px;background-image:url(/clbs/resources/img/map-drop-sett.svg)!important;background-size:19px 19px}.track-playback-content .fenceA span{padding:0 5px}.track-playback-content .trackPlay-group label{font-weight:400}.track-playback-content .table-area{padding-top:4px;height:calc(100% - 4px)}.track-playback-content .table-wraper{height:calc(100% - 42px)}.track-playback-content .table-wraper .tab-pane{height:100%}.track-playback-content .table-wraper .tab-pane>div{height:100%;overflow:auto}.track-playback-content .play-control-container{position:absolute;bottom:-90px;width:540px;left:calc(50% - 170px);height:90px;z-index:200;opacity:0;transition:.2s}.track-playback-content .play-control-container.active{bottom:0;opacity:1}.track-playback-content .play-control-container>div{height:100%;float:left;border-radius:5px;background-color:rgba(95,95,95,.9)}.track-playback-content .play-control{position:relative;z-index:10;width:340px}.track-playback-content .checkbox-control{width:200px;padding-right:8px}.track-playback-content .play-control-button-container{width:90%;margin:auto;height:50px;padding-top:12px}.track-playback-content .play-control-button-container:after{content:" ";display:block;clear:both}.track-playback-content .play-control-button-container .play-control-button-wraper{width:20%;float:left}.track-playback-content .play-control-button-container .play-control-button-wraper .play-control-button{width:42px;height:42px;margin:auto;border-radius:50%;border:2px solid #6dcff6;background-color:#fff;background-repeat:no-repeat;background-position:50%;cursor:pointer;position:relative}.track-playback-content .play-control-button-container .play-control-button-wraper .prev{background-image:url(/clbs/resources/img/trackPlayback/play-prev.svg);background-size:16px auto}.track-playback-content .play-control-button-container .play-control-button-wraper .play{background-color:#87cdf2;background-image:url(/clbs/resources/img/trackPlayback/play-play.svg);background-size:16px auto}.track-playback-content .play-control-button-container .play-control-button-wraper .pause{background-color:#87cdf2;background-image:url(/clbs/resources/img/trackPlayback/play-pause.svg);background-size:16px auto}.track-playback-content .play-control-button-container .play-control-button-wraper .reset{background-image:url(/clbs/resources/img/trackPlayback/play-stop.svg);background-size:16px auto}.track-playback-content .play-control-button-container .play-control-button-wraper .next{background-image:url(/clbs/resources/img/trackPlayback/play-next.svg);background-size:16px auto}.track-playback-content .play-control-button-container .play-control-button-wraper .more{background-image:url(/clbs/resources/img/trackPlayback/play-more.svg);background-size:22px auto}.track-playback-content .progress-line{width:250px;height:8px;position:relative;margin-top:12px;margin-left:15px}.track-playback-content .progress-back{width:100%;height:100%;position:relative;border-radius:5px}.track-playback-content .progress-indicator{position:absolute;top:-4px;left:-8px;height:16px;width:16px;border-radius:50%;background-color:#fff;z-index:99;cursor:pointer}.track-playback-content .simple-line-svg{border-radius:5px;position:relative;top:-6px}.track-playback-content .checkbox-control{position:relative;overflow:hidden;margin-left:-200px;opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;z-index:1}.track-playback-content .checkbox-control:after{content:" ";display:block;clear:both}.track-playback-content .checkbox-control.active{margin-left:0;opacity:1}.track-playback-content .checkbox-control .box{margin:15px 0;width:50%;height:70%;float:left;padding:4px 0 0 8px}.track-playback-content .checkbox-control .box:first-child{border-right:1px solid #afafaf}.track-playback-content .checkbox-control .box:nth-child(2){padding-left:5px}.track-playback-content .input-box{margin-bottom:4px;color:#fff}.track-playback-content .input-label{padding-left:20px;position:relative;cursor:pointer;font-weight:400}.track-playback-content .check-input,.track-playback-content .radio-input{display:none}.track-playback-content .check-active,.track-playback-content .radio-active{position:absolute;top:2px;left:0;width:16px;height:16px;border:1px solid #e5e5e5;background:#fff;overflow:hidden}.track-playback-content .radio-active{border-radius:50%}.track-playback-content .radio-input:checked+.radio-active{border-color:#1890ff}.track-playback-content .radio-active:after{position:absolute;top:3px;left:3px;display:table;width:8px;height:8px;background-color:#1890ff;border-top:0;border-left:0;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all .3s cubic-bezier(.78,.14,.15,.86);transition:all .3s cubic-bezier(.78,.14,.15,.86);content:" "}.track-playback-content .radio-input:checked+.radio-active:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:all .3s cubic-bezier(.78,.14,.15,.86);transition:all .3s cubic-bezier(.78,.14,.15,.86)}.track-playback-content .check-active{border-radius:2px;-webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.track-playback-content .check-active:after{position:absolute;top:50%;left:21%;display:table;width:5.71428571px;height:9.14285714px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(0) translate(-50%,-50%);-ms-transform:rotate(45deg) scale(0) translate(-50%,-50%);transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;-webkit-transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:" "}.track-playback-content .check-input:checked+.check-active{background:#1890ff;border-color:#1890ff;-webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.track-playback-content .check-input:checked+.check-active:after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(1) translate(-50%,-50%);-ms-transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;-webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:" "}.track-playback-content .speed-control{position:relative;width:56px;height:20px;line-height:16px;border:1px solid #77c3ef;overflow:hidden;color:#fff;font-size:12px;text-align:center;border-radius:3px;float:right;margin:6px 10px 0 0;cursor:pointer;font-weight:400}.track-playback-content .speed-control>span{display:inline-block}.track-playback-content .play-control-button-wraper .more{position:relative}.track-playback-content .play-control-button:after,.track-playback-content .speed-control:after{content:"";background:#77c3ef;position:absolute;width:70px;height:70px;left:50%;top:50%;margin-left:-35px;margin-top:-35px;bottom:0;opacity:0;border-radius:50%;transform:scale(1);transition:all .5s ease-in-out}.track-playback-content .play-control-button.play:after{background:#fff}.track-playback-content .play-control-button:active:after,.track-playback-content .speed-control:active:after{transform:scale(0);opacity:1;transition:0s}.track-playback-content .color-red{color:red}.track-playback-content .color-blue{color:#00bfff}.track-playback-content .toggle-chart-part{box-shadow:1px 1px 3px #ccc;position:absolute;right:0;top:calc(50% - 60px);background-color:#6dcff6;color:#fff;padding:20px 15px;border-top-left-radius:8px;border-bottom-left-radius:8px;cursor:pointer;display:none;z-index:12}.track-playback-content .toggle-chart-part span{position:relative}.track-playback-content .BMap_bubble_content{overflow:auto!important}.track-playback-content .googleText{padding:1px 3px;color:#fff!important;background:rgba(0,0,0,.6)}.track-playback-content .sensor-part{position:absolute;bottom:0;height:60px;left:0;right:0;border-top:2px solid #ccc;overflow-y:hidden;background-color:#fff}.track-playback-content .sensor-part .page-icon{position:absolute;height:100%;top:0;width:15px;background-color:#f2f2f2;background-repeat:no-repeat;background-position:50%;background-size:10px auto;cursor:pointer;transition:background-color .1s;display:none}.track-playback-content .sensor-part .page-icon:hover{background-color:#e2e2e2}.track-playback-content .sensor-part .page-icon:active{background-color:#d2d2d2}.track-playback-content .sensor-part .page-icon.prev{background-image:url(/clbs/resources/img/trackPlayback/prev.svg);left:0}.track-playback-content .sensor-part .page-icon.next{background-image:url(/clbs/resources/img/trackPlayback/next.svg);right:0}.track-playback-content .sensor-container{position:absolute;height:calc(100% + 27px);top:0;left:15px;right:15px;overflow-x:scroll}.track-playback-content .sensor-wraper{width:2000px}.track-playback-content .sensor-wraper:after{content:" ";display:block;clear:both}.track-playback-content .sensor-item{height:60px;width:60px;float:left;cursor:pointer}.track-playback-content .sensor-icon{height:38px;background-repeat:no-repeat;background-position:50%;background-size:45% auto}.track-playback-content .sensor-text{text-align:center;color:#4287ff;font-size:12px}.track-playback-content .sensor-item.un-active .sensor-text{color:#767676}.track-playback-content .sensor-icon.icon-mile{background-image:url(/clbs/resources/img/trackPlayback/mile.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-mile{background-image:url(/clbs/resources/img/trackPlayback/mile-gray.svg)}.track-playback-content .sensor-icon.icon-runAndStop{background-image:url(/clbs/resources/img/trackPlayback/runAndStop.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-runAndStop{background-image:url(/clbs/resources/img/trackPlayback/runAndStop-gray.svg)}.track-playback-content .sensor-icon.icon-oil{background-image:url(/clbs/resources/img/trackPlayback/oil.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-oil{background-image:url(/clbs/resources/img/trackPlayback/oil-gray.svg)}.track-playback-content .sensor-icon.icon-oilConsume{background-image:url(/clbs/resources/img/trackPlayback/oilConsume.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-oilConsume{background-image:url(/clbs/resources/img/trackPlayback/oilConsume-gray.svg)}.track-playback-content .sensor-icon.icon-temperature{background-image:url(/clbs/resources/img/trackPlayback/temperature.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-temperature{background-image:url(/clbs/resources/img/trackPlayback/temperature-gray.svg)}.track-playback-content .sensor-icon.icon-humiture{background-image:url(/clbs/resources/img/trackPlayback/humiture.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-humiture{background-image:url(/clbs/resources/img/trackPlayback/humiture-gray.svg)}.track-playback-content .sensor-icon.icon-workhour{background-image:url(/clbs/resources/img/trackPlayback/workhour.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-workhour{background-image:url(/clbs/resources/img/trackPlayback/workhour-gray.svg)}.track-playback-content .sensor-icon.icon-reverse{background-image:url(/clbs/resources/img/trackPlayback/reverse.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-reverse{background-image:url(/clbs/resources/img/trackPlayback/reverse-gray.svg)}.track-playback-content .sensor-icon.icon-io{background-image:url(/clbs/resources/img/trackPlayback/io.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-io{background-image:url(/clbs/resources/img/trackPlayback/io-gray.svg)}.track-playback-content .sensor-icon.icon-weight{background-image:url(/clbs/resources/img/trackPlayback/weight.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-weight{background-image:url(/clbs/resources/img/trackPlayback/weight-gray.svg)}.track-playback-content .sensor-icon.icon-tire{background-image:url(/clbs/resources/img/trackPlayback/tire.svg)}.track-playback-content .sensor-item.un-active .sensor-icon.icon-tire{background-image:url(/clbs/resources/img/trackPlayback/tire-gray.svg)}.track-playback-content .chart-container-wraper{height:calc(100% - 60px);overflow-y:auto}.track-playback-content .chart-container{height:100%;min-height:400px}.track-playback-content .chart-item{height:50%;box-sizing:border-box}.track-playback-content .chart-item:first-child{border-bottom:2px solid #ccc}.track-playback-content .chart-title{background-color:#fafafa;color:#555;font-size:16px;height:40px;line-height:40px;padding-left:15px;border-bottom:1px solid #e8e9ed}.track-playback-content .chart-select{float:right;margin-right:20px;margin-top:7px}.track-playback-content .chart-line{height:calc(100% - 90px)}.track-playback-content .chart-line .chart-wraper{width:100%;height:100%}.track-playback-content .chart-text{width:100%;height:50px}.track-playback-content .chart-text td{text-align:center;vertical-align:middle}.track-playback-content #realTimeCanArea{width:355px;position:absolute;top:50%;left:0;z-index:12;display:block;margin-left:-357px;border-bottom-right-radius:8px;box-shadow:1px 1px 3px #ccc;padding:20px 5px 5px;border:1px solid #6dcff6;background-color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.track-playback-content .realTimeCanAreaShow{margin-left:0!important}.track-playback-content .rtcaHidden{margin-left:-357px}.track-playback-content .areaTool{box-shadow:1px 1px 3px #ccc;position:absolute;right:-44px;top:-1px;background-color:#6dcff6;color:#fff;padding:20px 15px;border-top-right-radius:8px;border-bottom-right-radius:8px}.track-playback-content .areaTool .fa-search{position:relative;top:-25px;left:-3px}.track-playback-content .areaTool .fa-search:before{content:"";position:absolute;display:inline-block;background-image:url(/clbs/resources/img/tcSearch.svg)!important;width:20px;height:20px;background-size:20px 20px}.track-playback-content .areaTool span{position:relative;top:10px}.track-playback-content #fixedTimeArea{position:absolute;width:480px;top:60px;left:5px;z-index:1001;display:none}.track-playback-content #fixedTimeArea button,.track-playback-content #fixedTimeArea input{cursor:pointer}.track-playback-content #fixedTimeArea #groupSelect{padding-right:55px}.track-playback-content #fixedTimeArea .fastClear .delIcon{right:55px}.track-playback-content #fixedTimeArea form .form-control-feedback{right:25px!important}.track-playback-content .areaTitle{width:46px;text-align:center;background-color:#fff}.track-playback-content .marker-route{position:absolute;color:#e90000!important;cursor:pointer;font-size:40px!important;font-weight:700;border:2px solid red;padding:10px;border-radius:15px;top:-28px;left:-10px}.track-playback-content .modal-cell{display:flex;align-items:center;justify-content:center;margin:20px 0;font-size:16px;font-weight:600}.track-playback-content .modal-cell .input-label{margin-left:30px;margin-top:3px;font-size:16px;font-weight:600}.track-playback-content .modal-tips{font-size:18px;text-align:center;color:#888}.track-playback-content .io-rect{display:inline-block;width:20px;height:8px;margin-right:5px}.track-playback-content #fenceTool{position:absolute;top:60px;left:3px;z-index:999}.track-playback-content #fenceTool .dropdown-menu{min-width:220px;max-height:250px;overflow:auto;background-color:#fff}.track-playback-content #vFenceTree{display:inline-block}.track-playback-content .amap-info-contentContainer.bottom-center,.track-playback-content .amap-info-contentContainer.bottom-left,.track-playback-content .amap-info-contentContainer.bottom-right{padding-bottom:8px}.track-playback-content .amap-info-content{background-color:#ebe9e5;line-height:22px!important;border:1px solid #c2c2c2!important;opacity:.9;padding:15px 18px!important;border-radius:5px}.track-playback-content .amap-info-sharp{border-top-color:#ebe9e5!important}.track-playback-content .amap-info-content{font-size:12px}.track-playback-content .map-part .amap-overlay-text-container{background-color:rgba(0,0,0,.6);color:#fff;border:none;font-size:13px;padding-left:5px;padding-right:5px;border-radius:4px}.track-playback-content .tree-empty,.track-playback-content .tree-load{text-align:center;height:50px;line-height:50px;display:none}.track-playback-content #commonSm2Win .modal-dialog{width:650px!important;margin:30px auto}.track-playback-content .onlineStatus{padding:0}