.slider-range[data-v-a7d942a8]{position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.slider-range-inner[data-v-a7d942a8]{position:relative;width:100%;height:100%;overflow:visible;border-radius:8px}.slider-bg-strip[data-v-a7d942a8]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;background:#1a1a1a}.frame-item[data-v-a7d942a8]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.frame-item img[data-v-a7d942a8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.slider-mask[data-v-a7d942a8]{position:absolute;top:0;height:100%;background-color:rgba(0,0,0,.5);z-index:1}.left-mask[data-v-a7d942a8]{left:0}.right-mask[data-v-a7d942a8]{right:0}.slider-highlight[data-v-a7d942a8]{position:absolute;top:0;height:100%;background-color:rgba(255,204,0,0);border:2px solid #fc0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2;border-radius:6px}.slider-handle[data-v-a7d942a8]{position:absolute;top:0;bottom:0;width:20px;height:100%;background-color:#fc0;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3;cursor:ew-resize;border-radius:4px}.arrow-left[data-v-a7d942a8]:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-75%,-50%);transform:translate(-75%,-50%);border:6px solid transparent;border-right-color:#000}.arrow-right[data-v-a7d942a8]:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%);border:6px solid transparent;border-left-color:#000}.slider-range.disabled .slider-highlight[data-v-a7d942a8]{opacity:.35}.slider-range.disabled .slider-handle[data-v-a7d942a8]{cursor:not-allowed;background-color:#999}.range-tip[data-v-a7d942a8]{position:absolute;top:-25px;font-size:12px;color:#fff;background:rgba(0,0,0,.7);padding:2px 6px;border-radius:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}#video_bookdesign{background:#434a54;height:100%}.sub-btn{position:fixed;right:4%;top:4%;width:24%;background:#26c6da;color:#fff;text-align:center;height:40px;line-height:40px;border-radius:8px;border:none}video{position:absolute;top:24%;margin:auto;left:0;right:0;-o-object-fit:contain;object-fit:contain;width:92%;height:52%}.vid{background-color:#00f}.demo-slider-range{background-color:#fff;padding:100rpx 40rpx 0}.section-title{padding:0 0 20rpx;color:#666}.slider-item{width:92%;margin-left:4%;position:absolute;bottom:4%;padding:0 5%;border-radius:8px;background:#656d78}