.video-clip[data-v-1a24c02c]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.video-clip-container[data-v-1a24c02c]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:24px}.video-clip-container .video-clip-content[data-v-1a24c02c]{border-radius:6px;background:#fff;position:relative;height:calc(100% - 230px);text-align:center}.video-clip-container .video-clip-content .upload-progress[data-v-1a24c02c]{text-align:center;width:400px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-clip-container .video-clip-content .upload-progress .title[data-v-1a24c02c]{color:#606266;margin-bottom:20px}.video-clip-container .video-clip-content .video-container[data-v-1a24c02c]{position:relative;height:100%;display:inline-block}.video-clip-container .video-clip-content .video-container video[data-v-1a24c02c]{height:100%;max-width:100%}.video-clip-container .video-clip-content .video-container .waterMark[data-v-1a24c02c]{position:absolute;width:100px}.video-clip-container .video-clip-content .video-container .waterMark.leftTop[data-v-1a24c02c]{left:10px;top:10px}.video-clip-container .video-clip-content .video-container .waterMark.rightTop[data-v-1a24c02c]{right:10px;top:10px}.video-clip-container .video-clip-content .video-container .waterMark.leftBottom[data-v-1a24c02c]{left:10px;bottom:10px}.video-clip-container .video-clip-content .video-container .waterMark.rightBottom[data-v-1a24c02c]{right:10px;bottom:10px}.clip-bar[data-v-1a24c02c]{-ms-flex-negative:0;flex-shrink:0;height:230px}.clip-bar .clip-bar-header[data-v-1a24c02c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:30px 0}.clip-bar .clip-bar-header .replace-btn[data-v-1a24c02c]{width:100px;height:36px;line-height:36px;border-radius:18px;color:#606266}.clip-bar .clip-bar-header .play-btn[data-v-1a24c02c],.clip-bar .clip-bar-header .replace-btn[data-v-1a24c02c]{cursor:pointer;text-align:center;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,5,32,.04);box-shadow:0 2px 4px 0 rgba(0,5,32,.04)}.clip-bar .clip-bar-header .play-btn[data-v-1a24c02c]{display:inline-block;vertical-align:middle;margin-right:16px;width:48px;height:48px;border-radius:50%;line-height:48px}.clip-bar .clip-bar-header .play-btn i[data-v-1a24c02c]{color:#4c84ff;font-size:20px}.clip-bar .clip-bar-header .mark[data-v-1a24c02c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clip-bar .clip-bar-header .tip[data-v-1a24c02c]{position:absolute;left:0;top:76px;color:#faad14}.clip-bar .clip-bar-header .tip i[data-v-1a24c02c],.clip-bar .clip-bar-header .tip span[data-v-1a24c02c]{vertical-align:middle}.clip-bar .clip-bar-progress[data-v-1a24c02c]{position:relative;height:20px;background:#e4e7ed}.clip-bar .clip-bar-progress .cut-left[data-v-1a24c02c]{cursor:e-resize;position:absolute;z-index:99;top:0;width:0;height:0}.clip-bar .clip-bar-progress .cut-left .cut[data-v-1a24c02c]{position:absolute;left:0;top:0;width:10px;height:20px;border:3px solid #2f58fe;border-right:0}.clip-bar .clip-bar-progress .cut-right[data-v-1a24c02c]{cursor:w-resize;position:absolute;z-index:99;top:0;width:0;height:0}.clip-bar .clip-bar-progress .cut-right .cut[data-v-1a24c02c]{position:absolute;left:-10px;top:0;width:10px;height:20px;border:3px solid #2f58fe;border-left:0}.clip-bar .clip-bar-progress .clip-range-bg[data-v-1a24c02c]{position:absolute;z-index:98;height:20px;background:rgba(76,132,255,.2)}.clip-bar .clip-bar-progress .clip-time-line[data-v-1a24c02c]{position:absolute;top:0;width:2px;height:30px;background:#4c84ff;cursor:pointer}.clip-bar .clip-bar-progress .clip-time-line[data-v-1a24c02c]:before{content:"";width:0;height:0;border:7px solid transparent;border-bottom-color:#4c84ff;position:absolute;left:0;margin-left:-6px;top:16px}.clip-bar .clip-bar-progress .clip-time-line[data-v-1a24c02c]:after{content:"";width:14px;height:14px;background:#4c84ff;position:absolute;left:0;margin-left:-6px;top:100%}.clip-bar .clio-bar-bottom[data-v-1a24c02c]{padding:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.clip-bar .clio-bar-bottom .time[data-v-1a24c02c],.clip-bar .clio-bar-bottom[data-v-1a24c02c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clip-bar .clio-bar-bottom .time[data-v-1a24c02c]{margin:0 24px}.clip-bar .clio-bar-bottom .line[data-v-1a24c02c]{color:#909399;margin:0 10px}.clip-bar .clio-bar-bottom .time-item[data-v-1a24c02c]{width:130px;height:36px;background:#fff;border:1px solid #dcdfe6;border-radius:4px;padding:8px 30px 8px 12px;position:relative}.clip-bar .clio-bar-bottom .time-item div[data-v-1a24c02c]{cursor:pointer;width:30px;height:18px;position:absolute;right:0;text-align:center;line-height:18px}.clip-bar .clio-bar-bottom .time-item i[data-v-1a24c02c]{color:#c0c4cc;font-size:12px}.clip-bar .clio-bar-bottom .time-item div.top[data-v-1a24c02c]{top:0}.clip-bar .clio-bar-bottom .time-item div.top i[data-v-1a24c02c]{display:inline-block;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.clip-bar .clio-bar-bottom .time-item div.down[data-v-1a24c02c]{bottom:0}.whiteClass *{color:#fff!important}