.playback-container{min-height:calc(100vh - 70px);max-height:calc(100vh - 70px);background-color:#555}.playback-container .date-select{width:212px;background-color:#333}.playback-container .ui-datepicker-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;color:#fff}.playback-container table td{width:28px;height:28px}.playback-container table td .item{display:inline-block;width:24px;height:24px;line-height:24px;background-color:#000;color:#fff;font-size:12px;text-align:center;cursor:pointer}.container-content{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(80vh - 49px);min-height:390px;padding:20px}.container-content,.container-content .date-select{-webkit-box-sizing:border-box;box-sizing:border-box}.container-content .date-select{width:260px;background-color:#222;border-radius:10px;padding:5px}.ui-datepicker-body{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.playback-container .player-box,.ui-datepicker-body{display:-webkit-box;display:-ms-flexbox;display:flex}.playback-container .player-box{width:100%;background-color:#222;margin-left:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:10px;overflow:hidden}.playback-container .playback-canvas{height:100%}.playback-fullScreen-canvas{width:100%!important;height:auto!important}.playback-container .canvas-container{height:calc(100% - 52px);text-align:center}.time-slider-container{min-height:125px;-webkit-transition:all 1.5s;transition:all 1.5s;position:fixed;bottom:0}.ui-datepicker-body .date-selected{background-color:#03bf16!important}.ui-datepicker-body .item{position:relative;border-radius:2px}.ui-datepicker-body .sign-date{position:absolute;right:0}.ui-datepicker-body th{color:#fff;font-weight:400}.opacity-3{opacity:.3}.jump-month-btn{cursor:pointer}#timeSlider{position:relative;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 20px;background-color:#000;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ts-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.ts-axis{background-color:hsla(0,0%,100%,.1);height:20px;pointer-events:none;z-index:99;color:hsla(0,0%,100%,.596078431372549);font-size:14px}.ts-axis-60{-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:1px solid #000;min-width:48px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.ts-timeChunk{height:20px;position:absolute;z-index:99}.ts-axis-long{height:20px}.ts-axis-short{height:10px}.ts-axis-last{border-right:none}.ts-axis-time{position:absolute;top:-25px;left:-20px}.ts-axis-time-last{position:absolute;top:-120%;left:50%}.ts-move{cursor:move}.ts-line{border-left:1px solid #ff0}.ts-assist-line,.ts-line{height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:12px;position:absolute;top:20px;z-index:999;pointer-events:none}.ts-assist-line{border-left:1px solid rgba(255,255,0,.5);display:none}.ts-assist-line-present,.ts-line-present{position:relative;top:-20px;left:-20px}.ts-assist-line-present{display:none;color:hsla(0,0%,100%,.5)}.time-slider-count{background-color:#181818;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px}.time-slider-count,.time-slider-count .item{display:-webkit-box;display:-ms-flexbox;display:flex}.time-slider-count .item{font-size:14px;color:#9ba4a4;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.time-slider-count .item div{width:14px;height:14px;margin-right:14px}.time-slider-count .background-1{background-color:#00f}.time-slider-count .background-2{background-color:#0f0}.time-slider-count .background-3{background-color:red}.time-slider-count .background-4{background-color:teal}.time-slider-count .background-5{background-color:maroon}.time-slider-count .background-6{background-color:#ff0}.time-slider-count .background-7{background-color:olive}.time-slider-count .background-8{background-color:#f08080}.time-slider-count .background-9{background-color:#f0f}.item-cur-month .icon-up{color:red;display:inline-block;top:-9px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:12px;left:15px}.playback-container .bottom-setting{height:52px;background-color:#f2f2f2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.playback-container .bottom-setting .iconfont{cursor:pointer}.playback-container .bottom-setting .iconfont:hover{color:#00b72e}.playback-container .iconfont{font-size:22px}.playback-container .icon-up{font-size:10px!important;pointer-events:none}.playback-fullScreen-box{position:absolute;right:0;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;z-index:10;padding:20px}.playback-fullScreen-timeSlider-show{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:100001!important;height:auto!important;opacity:.8}.bottom-setting div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-setting i{margin-right:10px}.j-address-list-right-card-box[data-v-e620e278]{height:100%;min-height:300px}.table-page-search-wrapper[data-v-e620e278]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-v-e620e278] .ant-card-head-title{padding:0}.analy-card[data-v-e620e278]{margin-top:22px}.analy-card h2[data-v-e620e278]{position:relative;line-height:36px;background-color:#f0f3f8;font-weight:600;font-size:16px;padding:0 32px}.analy-card h2[data-v-e620e278]:before{content:"";position:absolute;width:4px;height:20px;background-color:#3c67f1;top:7px;left:10px}.provice-item[data-v-e620e278]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #808590}.provice-item .top[data-v-e620e278]{height:220px;background-color:rgba(0,0,0,.1)}.provice-item .top[data-v-e620e278],.provice-item .top img[data-v-e620e278]{width:100%;overflow:hidden;-webkit-transition:all .6s;transition:all .6s}.provice-item .top img[data-v-e620e278]:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.provice-item .bottom[data-v-e620e278]{padding:16px 16px 0 16px}.provice-item .action[data-v-e620e278]{margin:16px}.provice-item .action[data-v-e620e278] .ant-btn-primary{background-color:#ecf5ff!important;border-color:#b3d8ff!important}.provice-item .action[data-v-e620e278] .ant-btn-primary span{color:#409eff!important}.provice-item .action[data-v-e620e278] .ant-btn-danger{background-color:#fdf6ec!important;border-color:#f5dab1!important}.provice-item .action[data-v-e620e278] .ant-btn-danger span{color:#f7a740!important}.real-system[data-v-e620e278]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.real-system .center[data-v-e620e278]{text-align:center}.real-system .center img[data-v-e620e278]{width:70%;margin:0 auto}.video-window[data-v-e620e278]{position:relative;width:100%;height:60vh;background:#ccc}.timeline[data-v-e620e278]{position:relative;width:100%;height:120px;margin-top:20px}