.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:flex;justify-content:space-between;width:100%;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{position:relative;display:flex;height:calc(85vh - 49px);min-height:390px;box-sizing:border-box;padding:20px}.container-content .date-select{width:260px;background-color:#222;border-radius:10px;padding:5px;box-sizing:border-box}.ui-datepicker-body{display:flex;justify-content:center}.playback-container .player-box{width:100%;background-color:#222;margin-left:20px;display:flex;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}.ts-axis,.ts-axis-long,.ts-timeChunk{height:20px}.time-slider-container{min-height:105px;transition:1.5s all;position:fixed;bottom:0;left:0;right: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}.ts-container{position:relative;width:100%;max-width:100%;box-sizing:border-box;padding:50px 20px 10px;background-color:rgba(0,0,0,1);overflow:hidden;user-select:none;cursor:pointer}#TimeSlider{position:relative;display:flex;pointer-events:none}.ts-axis{background-color:rgba(255,255,255,.1);pointer-events:none;z-index:99;color:rgba(255,255,255,.596078431372549);font-size:14px}.ts-axis-60{flex:1;border-right:1px solid rgba(0,0,0,1);min-width:48px;box-sizing:border-box;position:relative}.ts-timeChunk{position:absolute;z-index:99}.ts-line,.ts-sub-line{border-left:1px solid rgba(255,255,0,1);color:#fff;font-size:12px;position:absolute;z-index:999;pointer-events:none}.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{height:100px;box-sizing:border-box;top:0}.ts-sub-line{display:none;height:85px;box-sizing:border-box;top:15px;opacity:.8}.ts-line-present,.ts-sub-line-present{display:none;position:relative;left:-25px}.ts-sub-line-present{top:-15px}.ts-line-present{top:-20px}.time-slider-count{display:flex;background-color:#181818;box-sizing:border-box;padding:10px 20px}.time-slider-count .item{display:flex;font-size:14px;color:#9ba4a4;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;transform:rotate(45deg);font-size:12px;left:15px}.playback-container .bottom-setting{height:52px;background-color:#f2f2f2;display:flex;align-items:center;box-sizing:border-box;padding:10px;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:flex;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:flex;align-items:center}.bottom-setting i{margin-right:10px}