.clickable[data-v-f8358b62],.clickables-time[data-v-f8358b62],.clickables[data-v-f8358b62]{position:relative}.clickable[data-v-f8358b62]:after,.time-utilsBox[data-v-f8358b62]:after{content:"";width:1px;height:100%;background-color:hsla(0,0%,100%,.3);position:absolute;top:0;right:0}.duration[data-v-f8358b62]{height:25px}.duration .little-duration[data-v-f8358b62]{display:inline-block;width:18px;position:relative;height:25px}.duration .little-duration span[data-v-f8358b62]{margin-top:4px;display:inline-block;font-size:12px}.duration .little-duration[data-v-f8358b62]:before{content:"";width:1px;height:5px;background-color:hsla(0,0%,100%,.5);position:absolute;top:5px;right:50%}.new-timeline[data-v-f8358b62]{position:absolute;z-index:999;width:100%;height:55px;bottom:0;left:0}.new-timeline .progress-line[data-v-f8358b62]{width:100%;position:absolute;z-index:1}.new-timeline .progress-line .played[data-v-f8358b62]{float:left;height:5px;background:#f7a715;z-index:9999}.new-timeline .progress-line .currenthour[data-v-f8358b62]{display:block;width:3px;height:6px;position:absolute;background-color:red;top:0}.new-timeline .timecode[data-v-f8358b62]{position:absolute;display:block;box-sizing:border-box;top:-30px}.new-timeline .timecode .box[data-v-f8358b62]{position:relative;background:#fff;color:#000;height:20px;line-height:20px;box-sizing:border-box;font-size:10px;white-space:nowrap;text-align:center;cursor:grab;cursor:-moz-grab;display:inline-block;font-family:Verdana,sans-serif;left:-50%;border-radius:4px;padding:0 8px!important}.new-timeline .timecode .box[data-v-f8358b62]:after{top:100%;left:50%;border:solid transparent;content:" ";height:15px;width:0;position:absolute;border-top-color:#fff;border-width:5px;margin-left:-3px}.new-timeline .calendar[data-v-f8358b62]{width:100%;position:absolute;height:55px}.new-timeline .calendar>div.clickable[data-v-f8358b62]{width:6%;display:inline-block;float:left;height:55px;text-align:center;line-height:30px;font-size:14px;overflow:hidden}.new-timeline .calendar>div.clickable>div input[data-v-f8358b62]{padding:0 4px;font-size:12px;background-color:transparent;color:#fff}.new-timeline .calendar>div.clickable i[data-v-f8358b62]{display:inline-block;margin:0 3px}.new-timeline .calendar .clickables i[data-v-f8358b62]{width:13px;height:100%}.new-timeline .ghost-timecode[data-v-f8358b62]{transition:opacity .25s linear;opacity:0}.new-timeline .ghost-timecode .box[data-v-f8358b62]{cursor:pointer;color:#fff;background-color:#00817a;display:block}.new-timeline .ghost-timecode .box[data-v-f8358b62]:after{border-top-color:#00817a}.duration-name[data-v-f8358b62]{height:25px;line-height:25px;font-size:12px}.clickable[data-v-f8358b62]:last-child:after{width:0}.time-utilsBox[data-v-f8358b62]{display:block;float:left;overflow:hidden;position:relative}.time-utilsBox .duration-name[data-v-f8358b62]{height:55px;line-height:55px}.time-utilsBox .duration-name button[data-v-f8358b62]{display:inline-block;margin:0 4px;height:16px;line-height:16px}.time-utilsBox .duration-name button[data-v-f8358b62]:after,.time-utilsBox .duration-name button[data-v-f8358b62]:before{vertical-align:middle}.playBtn[data-v-f8358b62]:before{content:"";height:0;width:0;display:inline-block;border-left:12px solid #fff;border-top:8px dashed transparent;border-bottom:8px dashed transparent}.stopBtn[data-v-f8358b62]:after,.stopBtn[data-v-f8358b62]:before{content:"";height:14px;width:3px;display:inline-block;background:#fff}.playBtn[data-v-f8358b62],.stopBtn[data-v-f8358b62]{width:16px;height:16px;line-height:16px;text-align:center}.stopBtn[data-v-f8358b62]:before{margin-right:4px}.backBtn[data-v-f8358b62]:before,.goBtn[data-v-f8358b62]:after{content:"";height:12px;width:2px;display:inline-block;background:#fff}.backBtn[data-v-f8358b62]:after,.goBtn[data-v-f8358b62]:before{content:"";height:0;width:0;display:inline-block;border-top:6px dashed transparent;border-bottom:6px dashed transparent}.backBtn[data-v-f8358b62]{width:16px;height:16px;line-height:16px;text-align:center}.backBtn[data-v-f8358b62]:before{margin-right:1px}.backBtn[data-v-f8358b62]:after{border-right:10px solid #fff}.goBtn[data-v-f8358b62]{width:16px;height:16px;line-height:16px;text-align:center}.goBtn[data-v-f8358b62]:before{border-left:10px solid #fff;margin-right:1px}.clickables-time[data-v-f8358b62],.clickables[data-v-f8358b62]{float:left;margin:0 5px}.clickables-time .el-date-editor.el-input[data-v-f8358b62]{width:110px}.clickables-time[data-v-f8358b62] .el-input--suffix .el-input__inner{padding-right:10px}