.timeline-wrapper{width:100%;height:100%;position:relative;overflow:auto}.timeline-container{height:100%}.timeline-container .timeline-time-list{height:calc(100% - 50px)}.timeline-container canvas{display:block;top:0;left:0;z-index:1}.timeline-indicator{position:absolute;top:0;bottom:0;width:2px;background-color:#fff;z-index:2;text-align:center;color:#fff}.wlt-icon-keduzhizhen{position:absolute;top:0;left:-7px}.video-view{position:relative;height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-view .presentation{width:100%;height:calc(100% - 40px)}.video-view .controls-tool{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-view .controls-tool .time-count{font-size:16px}.video-view .controls-tool .controls-btn{margin-left:15px}.video-view .controls-tool .controls-btn i{font-size:18px;cursor:pointer}.video-view .video-player{width:100%;height:100%}.video-view .trim-layer{position:absolute;top:0;left:0;height:calc(100% - 40px);width:100%}.video-view .position_1{position:absolute;left:20px;top:20px}.video-view .position_2{position:absolute;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.video-view .position_3{position:absolute;right:20px;top:20px}.video-view .position_4{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.video-view .position_5{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-view .position_6{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.video-view .position_7{position:absolute;bottom:0;left:20px}.video-view .position_8{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.video-view .position_9{position:absolute;right:20px;bottom:0}.video-view .video-img{position:absolute;right:60px;bottom:60px;background:transparent}.video-view .video-img img{background:transparent}.clip-video-wrapper{height:100%;background:#0a0d0f}.clip-video-wrapper .head-top{height:70px;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;background:#0a0d0f}.clip-video-wrapper .head-top .left-head{padding-left:30px;font-size:20px;color:#fff;line-height:70px}.clip-video-wrapper .head-top .right-btn{padding-right:30px}.clip-video-wrapper .clip-center{height:calc(100% - 70px);overflow:auto}.clip-video-wrapper .clip-video{height:470px;display:-webkit-box;display:-ms-flexbox;display:flex}.clip-video-wrapper .clip-video .left-nav{width:100px;background:#21282d}.clip-video-wrapper .clip-video .left-nav,.clip-video-wrapper .clip-video .left-nav .item-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clip-video-wrapper .clip-video .left-nav .item-nav{margin-top:35px;width:100%;color:#fff;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.clip-video-wrapper .clip-video .left-nav .item-nav i{font-size:22px}.clip-video-wrapper .clip-video .left-nav .item-nav span{font-size:16px}.clip-video-wrapper .clip-video .left-nav .active{color:#425bf9}.clip-video-wrapper .clip-video .material-area{width:29.5%;height:470px;padding:20px 30px;margin-right:4px;background:#1a2024;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box}.clip-video-wrapper .clip-video .material-area .item-li{margin-bottom:10px;margin-right:12px;width:calc(33.33% - 8px);color:#93a6b4;cursor:pointer}.clip-video-wrapper .clip-video .material-area .item-li:nth-child(3n){margin-right:0}.clip-video-wrapper .clip-video .material-area .item-li .item-img{width:100%;height:90px;line-height:90px;background:#0c1013;text-align:center}.clip-video-wrapper .clip-video .material-area .item-li .img-cover{max-width:100%;max-height:100%;vertical-align:middle}.clip-video-wrapper .clip-video .material-area .item-li .item-title{margin-top:8px}.clip-video-wrapper .clip-video .video-area{width:43%;height:470px;margin-right:4px;background:#1a2024}.clip-video-wrapper .clip-video .video-area .video-head{height:40px;line-height:40px;padding-left:16px;color:#fff;font-size:16px;background:#283036}.clip-video-wrapper .clip-video .effect-area{width:22.2%;height:470px;margin-right:4px;padding:0 16px 16px;overflow:auto;background:#1a2024}.clip-video-wrapper .clip-video .effect-area .radio-group{width:66px;height:66px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.clip-video-wrapper .clip-video .effect-area .radio{width:auto;height:auto;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;background-color:#1c1c26;border:1px solid #5a5a71;cursor:pointer}.clip-video-wrapper .clip-video .effect-area .active{background:#7c6eff;border-color:#7c6eff}.clip-video-wrapper .clip-video .effect-area .el-form-item{margin-bottom:0}.clip-video-wrapper .clip-video .effect-area .el-form-item__label{color:#fff;font-size:14px;font-weight:700;padding-bottom:0}.clip-video-wrapper .clip-video .effect-area .el-input__inner{color:#fff;border-color:#5a5a71;background:transparent}.clip-video-wrapper .clip-video .effect-area .el-color-picker__trigger,.clip-video-wrapper .clip-video .effect-area .el-input__inner:focus{border-color:#5a5a71}.clip-video-wrapper .clip-video-area{margin-top:4px}.clip-video-wrapper .clip-video-area .head-slice{height:50px;background:#1a2024}.clip-video-wrapper .clip-video-area .area-center{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.clip-video-wrapper .clip-video-area .clip-area{display:-webkit-box;display:-ms-flexbox;display:flex;height:466px;overflow:auto;background:#0d1114}.clip-video-wrapper .clip-video-area .clip-area .area-nav{width:80px;padding-top:50px;background:#21282d}.clip-video-wrapper .clip-video-area .clip-area .nav-list{color:#93a6b4;font-size:30px;text-align:center}.clip-video-wrapper .clip-video-area .clip-area .nav-list .item-li{height:30px;line-height:30px;cursor:pointer;padding-top:10px}.clip-video-wrapper .clip-video-area .clip-area .nav-list .item-li i{font-size:30px}.clip-video-wrapper .clip-video-area .clip-area .nav-list .type-video{height:60px;line-height:60px}.clip-video-wrapper .track-list{padding-top:10px;position:relative}.clip-video-wrapper .track-list .item-track{position:relative;height:30px;margin-bottom:10px;background:#283036}.clip-video-wrapper .track-list .active .track-placeholder-wrapper{border-color:#fff}.clip-video-wrapper .track-list .track-placeholder-wrapper{position:absolute;width:300px;height:100%;pointer-events:all;border-radius:4px;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.clip-video-wrapper .track-list .track-placeholder-wrapper:hover{border-color:#fff}.clip-video-wrapper .track-list .track-placeholder-wrapper .type-text{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;color:#fff;padding:0 18px;font-size:14px;background:#9c4937;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-video-wrapper .track-list .resize-handle-right{right:0}.clip-video-wrapper .track-list .resize-handle-left,.clip-video-wrapper .track-list .resize-handle-right{position:absolute;top:0;width:10px;height:100%;cursor:col-resize;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}.clip-video-wrapper .track-list .resize-handle-left{left:0}.clip-video-wrapper .track-list .type-image .type-text{background:#f08a34}.clip-video-wrapper .track-list .type-video{height:60px}.clip-video-wrapper .track-list .type-video .type-text{line-height:60px;background:#2e5297}.clip-video-wrapper .track-list .type-audio .type-text{background:#425bf9}