.upload-box[data-v-840ed66e]{width:100vw;height:100vh;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:1200}.upload-box .content[data-v-840ed66e]{width:408px;background:#fff;border-radius:2px;padding:24px;position:relative}.upload-box .content .header .close[data-v-840ed66e]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0}.upload-box .content .header .close img[data-v-840ed66e]{width:16px;height:16px}.upload-box .content .header .label[data-v-840ed66e]{color:#333;font-size:16px;font-weight:700;line-height:22px}.upload-box .content .header .line[data-v-840ed66e]{width:360px;height:1px;background:#eee;margin:16px 0}.upload-box .content .upload[data-v-840ed66e]{width:360px;height:300px}.upload-box .content .upload .add-video[data-v-840ed66e]{width:360px;height:300px;border-radius:8px;border:1px dashed #999;display:flex;flex-direction:column;justify-content:center}.upload-box .content .upload .add-video .progress[data-v-840ed66e]{width:80%;margin:32px auto 0}.upload-box .content .upload .add-video .text[data-v-840ed66e]{color:#333;font-size:14px;margin-top:16px;text-align:center}.upload-box .content .upload .add-video .btn[data-v-840ed66e]{width:-moz-fit-content;width:fit-content;margin:64px auto 0}.upload-box .content .upload .add-video[data-v-840ed66e]:hover{border-color:#1890ff}.upload-box .content .upload .add-video-progress[data-v-840ed66e]:hover{border:1px dashed #999}.upload-box[data-v-ec985e74]{width:100vw;height:100vh;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:9}.upload-box .content[data-v-ec985e74]{width:408px;background:#fff;border-radius:2px;padding:24px;position:relative}.upload-box .content .header .close[data-v-ec985e74]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0}.upload-box .content .header .close img[data-v-ec985e74]{width:16px;height:16px}.upload-box .content .header .label[data-v-ec985e74]{color:#333;font-size:16px;font-weight:700;line-height:22px}.upload-box .content .header .line[data-v-ec985e74]{width:360px;height:1px;background:#eee;margin:16px 0}.upload-box .content .upload[data-v-ec985e74]{width:360px;height:300px}.upload-box .content .upload .add-video[data-v-ec985e74]{width:360px;height:300px;border-radius:8px;border:1px dashed #999;display:flex;flex-direction:column;justify-content:center}.upload-box .content .upload .add-video .progress[data-v-ec985e74]{width:80%;margin:32px auto 0}.upload-box .content .upload .add-video .text[data-v-ec985e74]{color:#333;font-size:14px;margin-top:16px;text-align:center}.upload-box .content .upload .add-video .btn[data-v-ec985e74]{width:-moz-fit-content;width:fit-content;margin:64px auto 0}.upload-box .content .upload .add-video[data-v-ec985e74]:hover{border-color:#1890ff}.upload-box .content .upload .add-video-progress[data-v-ec985e74]:hover{border:1px dashed #999}.title-box[data-v-ec985e74]{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.title-box .page-title[data-v-ec985e74]{font-weight:700;margin-bottom:0}.page-line[data-v-ec985e74]{width:100%;height:1px;background:#eee;margin-top:32px;margin-bottom:24px}.container[data-v-ec985e74]{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:24px}.container .video-item[data-v-ec985e74]{width:468px;height:128px;background:#fff;border:1px solid #eee;margin-bottom:24px;padding:16px;display:flex;align-items:center;position:relative}.container .video-item .utils[data-v-ec985e74]{position:absolute;top:16px;right:16px}.container .video-item .utils img[data-v-ec985e74]{width:24px;height:24px}.container .video-item .utils img[data-v-ec985e74]:first-child{margin-right:8px}.container .video-item .video-thumb[data-v-ec985e74]{width:96px;height:96px;margin-right:16px;position:relative}.container .video-item .video-thumb img[data-v-ec985e74]{width:96px;height:96px;-o-object-fit:cover;object-fit:cover;border:1px solid #eee}.container .video-item .video-info[data-v-ec985e74]{height:96px;display:flex;flex-direction:column;justify-content:space-between}.container .video-item .video-info .name[data-v-ec985e74]{color:#333;font-size:14px;font-weight:700;line-height:20px}.container .video-item .video-info .info[data-v-ec985e74]{display:flex}.container .video-item .video-info .info .info-row[data-v-ec985e74]{margin-right:32px;display:flex;flex-direction:column;justify-content:flex-end}.container .video-item .video-info .info .info-row .info-label[data-v-ec985e74]{color:#999;font-size:14px;line-height:20px}.container .video-item .video-info .info .info-row .info-num[data-v-ec985e74]{color:#333;font-size:16px;font-weight:700;line-height:22px;margin-top:8px}.head[data-v-ec985e74]{width:100%;border:1px solid #eee}.head .label[data-v-ec985e74]{width:100%;height:54px;line-height:54px;border-bottom:1px solid #eee;color:#333;font-size:16px;font-weight:700;padding:0 24px}.head .info-box[data-v-ec985e74]{width:100%;height:98px;display:flex;align-items:center}.head .info-box .info-item[data-v-ec985e74]{flex:1;height:100%;display:flex;align-items:center;padding:0 24px}.head .info-box .info-item .circle[data-v-ec985e74]{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--color) 0,var(--color) var(--progress),rgba(0,0,0,.04) var(--progress),rgba(0,0,0,.04) 100%);margin-right:16px;position:relative}.head .info-box .info-item .circle .progress[data-v-ec985e74]{width:48px;height:48px;line-height:48px;border-radius:50%;text-align:center;background:#fff;position:absolute;top:8px;left:8px;color:#333;font-size:12px}.head .info-box .info-item .info[data-v-ec985e74]{flex:1;height:64px;display:flex;flex-direction:column;justify-content:space-between}.head .info-box .info-item .info .row[data-v-ec985e74]{display:flex;align-items:center;justify-content:space-between}.head .info-box .info-item .info .row .name[data-v-ec985e74]{color:#333;font-size:14px;line-height:20px}.head .info-box .info-item .info .row .pay[data-v-ec985e74]{display:flex;align-items:center}.head .info-box .info-item .info .row .pay span[data-v-ec985e74]{color:#fbb03b;font-size:14px;margin-right:4px;line-height:20px}.head .info-box .info-item .info .row .pay img[data-v-ec985e74]{width:12px;height:12px}.head .info-box .info-item .info .row .num[data-v-ec985e74]{color:#333;font-size:24px;font-weight:500;line-height:24px}.head .info-box .info-item .info .row .total[data-v-ec985e74]{color:#999;font-size:14px;line-height:24px}.head .info-box .line[data-v-ec985e74]{width:1px;height:50px;background:#eee;margin:0 40px}.codes-tool[data-v-ec985e74]{padding-top:10px;justify-content:flex-start;font-size:12px}.codes-tool a[data-v-ec985e74]{margin-left:8px}.exp-info[data-v-ec985e74]{font-weight:400;margin-left:16px;opacity:.8}.video-play-btn[data-v-ec985e74]{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.4);background-image:url(/assets/icons/video-play-btn.png);background-size:auto;background-repeat:no-repeat;background-position:50%;cursor:pointer}