.timeLineContainer[data-v-11df5cd6]{width:100%;height:50px;cursor:pointer;display:flex;flex-direction:column}.timeLineContainer .canvas[data-v-11df5cd6]{flex-grow:0;flex-shrink:0}.timeLineContainer .windowList[data-v-11df5cd6]{width:100%;height:100%;overflow:auto;overflow-x:hidden;border-top:1px solid #999;display:flex;flex-direction:column}.timeLineContainer .windowList[data-v-11df5cd6]::-webkit-scrollbar{display:none}.canvas-back{position:fixed;bottom:50px;left:calc(50vw - 260px);z-index:400;width:520px;background-color:#515151;border-radius:4px;padding:4px;.ant-picker{background:none;color:#fff}.ant-picker-input>input{width:143.44px;text-align:center;color:#eee}.ant-picker-range-separator{padding:0}.back-time-input{text-align:center;display:flex;justify-content:space-between;align-items:center;margin-top:5px;.ant-input{background-color:transparent}.ant-calendar-picker-icon,.ant-calendar-range-picker-input,.ant-calendar-range-picker-separator{color:#eee}.icons{display:flex;justify-content:center;align-items:center;.svg-icon{cursor:pointer}.center,.svg-icon{width:22px;height:22px}.center{margin:0 5px}.b-back{transform:rotate(180deg)}}.icons1{display:flex;align-items:center}.icon-play{width:20px;height:20px;margin-right:5px;color:#fff}.control-play,.control-stop{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAAtlJREFUeF7t2FFOkwEQRlG7M12ZujLdGRaM8fl+CYRkDs+lP3M6mUv6+OLntMDj9PSG/2IBji+BBbAAxwWOj+8CWIDjAsfHdwEswHGB4+O7ABbguMDx8V0AC3Bc4Pj4LoAFOC5wfHwXwAIcFzg+vgtgAY4LHB/fBbAAHyPw8vLy6/mkr+/8tG+Px+P3ez7jOcf35/v/eM9nvL7/c46f7/yMt7f/sAtgAdLHaQES1/8XuwARzgWIYBIQwf69XAISnAQkLgkYufwTmOEkIJP9/QUJSHASkLgkYOSSgAwnAZlMAgYyCRjQXn/FF0ERzhdBEUwCIpgvgiYwCZjYJCCzSUAkk4AIJgETmARMbBKQ2SQgkklABJOACUwCJjYJyGwSEMkkIIJJwAQmARObBGQ2CYhkEhDBJGACk4CJTQIymwREMgmIYBIwgUnAxCYBmU0CIpkERDAJmMAkYGKTgMwmAZFMAiKYBExgEjCxSUBmk4BIJgERTAImMAmY2CQgs0lAJJOACCYBE5gETGwSkNkkIJJJQASTgAlMAiY2CchsEhDJJCCCScAEJgETmwRkNgmIZBIQwSRgApOAiU0CMpsERDIJiGASMIFJwMQmAZlNAiKZBEQwCZjAJGBik4DMJgGRTAIimARMYBIwsUlAZpOASCYBEUwCJjAJmNgkILNJQCSTgAgmAROYBExsEpDZJCCSSUAEk4AJTAImNgnIbBIQySQggknABCYBE5sEZDYJiGQSEMEkYAKTgIlNAjKbBEQyCYhgEjCBScDEJgGZTQIimQREMAmYwCRgYpOAzCYBkUwCIpgETGASMLFJQGaTgEgmARFMAiYwCZjYJCCzSUAkk4AI5uWfW+DDLsDnZrj711mAu5/92+QWwAIcFzg+vgtgAY4LHB/fBbAAxwWOj+8CWIDjAsfHdwEswHGB4+O7ABbguMDx8V0AC3Bc4Pj4LoAFOC5wfHwX4PgC/AG8F3CuFuSnpwAAAABJRU5ErkJggg==);background-size:100% 100%;width:24px;height:24px;margin-right:20px;margin-left:20px}.control-play{background-image:url(data:image/png;base64,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)}}.progress-bar{display:flex;justify-content:center;align-items:center;width:100%;height:50px;.slider-wrap{flex:4;margin-top:0;.speed-slider .slider-bg{height:4px}.speed-slider .slider-bar{height:4px;background-color:#fff}.slider-ball{width:14px;height:14px;&.is-move{border-width:2px}}}}.time-len{display:flex;justify-content:space-between;align-items:center}.close-out-lined{position:absolute;right:10px;top:10px;font-size:16px}.currentt{left:50%;transform:translateX(-50%);font-size:14px}.closeicon,.currentt{position:absolute;top:0;color:#fff}.closeicon{right:10px}}@media screen and (min-width:3264px){.canvas-back{left:35vw;width:30vw}}