.image-preview-overlay[data-v-14c4d45e]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.image-preview[data-v-14c4d45e]{max-width:90%;max-height:90%}.face-upload[data-v-19b125d1]{width:432px;height:432px;margin-right:34px;padding-left:62px;border-radius:14px;position:relative}.step1-origin[data-v-19b125d1],.step2-change[data-v-19b125d1],.step3-click[data-v-19b125d1]{display:flex;flex-direction:column;margin:0 auto 5px;position:relative}.is-mobile .step1-origin[data-v-19b125d1],.step2-change[data-v-19b125d1],.step3-click[data-v-19b125d1]{margin:0 auto 15px}.upload-box[data-v-19b125d1]{height:100%;width:100%}.step-tips[data-v-19b125d1]{text-align:left;display:block;font-size:18px}.change_face_btn[data-v-19b125d1],.change_uploader_btn[data-v-19b125d1],.origin-upload-btn[data-v-19b125d1]{display:block;color:#fff;text-align:center;margin-top:16px;width:200px;height:42px;line-height:42px;background:var(--primary-color);border-radius:8px;margin-right:auto;font-size:15px;position:relative}.origin-upload-tip[data-v-19b125d1]{text-align:left;letter-spacing:0;padding-top:8px;display:block;font-size:14px;box-sizing:content-box;color:#6f6f6f}.change_upload_after .after_box[data-v-19b125d1],.origin-upload-after .upload-after[data-v-19b125d1]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background-color:transparent;text-align:left;margin:16px auto 0}.change_upload_after .change_img[data-v-19b125d1],.origin-upload-after .upload-img[data-v-19b125d1]{width:43px;height:42px;margin-right:8px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-color);overflow:hidden}.upload-btn[data-v-19b125d1]{opacity:0;position:absolute;top:0;left:0;right:0;height:100%;cursor:pointer;z-index:3;width:inherit}.upload-img-con[data-v-19b125d1]{width:100%;height:100%}.change_upload_after .change_Input[data-v-19b125d1],.origin-upload-after .origin-input[data-v-19b125d1]{height:42px;padding:12px 42px;min-width:200px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:17px;font:normal normal normal 16px/21px Roboto;background:#ff9d0033 0 0 no-repeat padding-box;cursor:pointer;border:2px solid var(--primary-color);border-radius:8px;position:relative}.step3-click[data-v-19b125d1]{height:144px;border:none}.step-process[data-v-19b125d1]{position:absolute;left:0;width:48px;top:0;height:100%}.step-process .step-icon[data-v-19b125d1]:first-of-type{margin-top:0}.step-process .step-icon[data-v-19b125d1]{color:#d3d3dc;width:48px;height:48px;display:flex;border-radius:50%;justify-content:center;align-items:center;font:normal normal 700 24px/29px Roboto;color:var(--primary-color);background-color:#ff9d0033;margin-top:110px}.faceswap-btn[data-v-19b125d1]{display:block;color:#fff;text-align:center;margin-top:16px;width:120px;height:42px;line-height:42px;background:var(--primary-color);border-radius:8px;cursor:pointer;margin-right:auto;font-size:15px}.disabled-btn[data-v-19b125d1]{pointer-events:none;background-color:#ff9d0088;cursor:default;color:#fff}.disabled[data-v-19b125d1]{pointer-events:none}.is-mobile .face-upload[data-v-19b125d1]{width:80%;margin:0 auto;margin-top:20px;margin-bottom:20px}.is-mobile .step-tips[data-v-19b125d1]{font-size:14px;font-weight:600}.is-mobile .upload-img[data-v-19b125d1]{margin-right:8px}.is-mobile .origin-upload-tip[data-v-19b125d1]{font-size:12px}.is-mobile .step-process .step-icon[data-v-19b125d1]:first-of-type{margin-top:10px}.is-mobile .origin-input[data-v-19b125d1]{padding:12px 20px;font-size:13px;min-width:145px}.is-mobile .origin-upload-btn[data-v-19b125d1],.is-mobile .upload-after[data-v-19b125d1]{margin-top:10px}.face-content[data-v-6208cdbe]{margin:0 auto;text-align:center;font-weight:300;color:#252525;font-size:18px;line-height:27px;display:flex;justify-content:space-between;margin-top:20px}.face-result[data-v-6208cdbe]{width:551px;margin-right:100px}.face-result-url[data-v-6208cdbe]{display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 .025rem .0833rem #fb930217;overflow:hidden;border-radius:20px;min-height:200px}.face-result-img[data-v-6208cdbe]{width:100%;max-height:400px;min-height:200px;-o-object-fit:contain;object-fit:contain;border-radius:20px}.image-loading[data-v-6208cdbe]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;width:100%}.face-result-pcbtn[data-v-6208cdbe]{width:100%}.pcbtn[data-v-6208cdbe]{display:flex;justify-content:space-evenly;width:100%;margin-top:15px;padding:0 100px}.download[data-v-6208cdbe]{padding:9px 26px;background:#fff 0 0 no-repeat padding-box;border:2px solid #f6f2e9;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#5a4a32;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:42px;margin-left:10px}.is-mobile .face-content[data-v-6208cdbe]{flex-wrap:wrap;justify-content:center}.is-mobile .face-result[data-v-6208cdbe]{margin:0 auto;width:90%;order:1}.is-mobile .face-result-img[data-v-6208cdbe]{width:100%}.is-mobile .pcbtn[data-v-6208cdbe]{justify-content:center;width:90%;padding:0}.is-mobile .download[data-v-6208cdbe]{height:30px;padding:9px 10px;font-size:14px}.face-history[data-v-8f3f5750]{max-width:1000px;width:100%;display:flex;margin:0 auto;justify-content:start}.face-history-tabs[data-v-8f3f5750]{margin:0 auto;width:100%}.face-history-img[data-v-8f3f5750],.face-original-img[data-v-8f3f5750]{width:100px;margin-right:10px}[data-v-8f3f5750] .el-tabs__item:hover{color:var(--primary-color)!important;cursor:pointer}[data-v-8f3f5750] .el-tabs__active-bar{background-color:var(--primary-color)}[data-v-8f3f5750] .el-tabs__item.is-active{color:var(--primary-color);opacity:1}.is-mobile .face-history[data-v-8f3f5750]{width:70%;margin-top:20px}.is-mobile .face-history-img[data-v-8f3f5750]{width:60px}.is-mobile .face-original-img[data-v-8f3f5750]{width:60px;margin-right:5px;margin-top:5px}[data-v-8f3f5750] .is-mobile .el-tabs__nav{text-align:center}.history-item[data-v-8f3f5750]{align-items:center;margin-right:10px;max-width:100px;position:relative}.history-item button[data-v-8f3f5750]{margin-left:10px}.batch-btn[data-v-8f3f5750]{width:50px;height:50px;position:absolute}.del-btn[data-v-8f3f5750]{position:absolute;width:20px;height:10px;top:0;right:0;background-color:#fb93026a;color:#fff}.is-mobile .del-btn[data-v-8f3f5750]{right:5px;top:5px}.history-item .el-button[data-v-8f3f5750]{width:20px;height:20px;line-height:0;padding:0;border-radius:50%}.is-mobile .history-item .el-button[data-v-8f3f5750]{width:10px;height:10px;font-size:8px}.el-tab-pane[data-v-8f3f5750],.history-checkbox[data-v-8f3f5750]{display:flex}.No-img[data-v-8f3f5750]{width:100px;height:100px;position:relative;text-align:center;padding:10px;border:1px solid #fb930220}.img-icon[data-v-8f3f5750]{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.is-mobile .No-img[data-v-8f3f5750]{width:60px;height:60px;font-size:10px}.is-mobile .img-icon[data-v-8f3f5750]{top:80%}.loading-placeholder[data-v-8f3f5750]{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:8px}.face-history-tabs[data-v-8f3f5750]{align-items:center;flex-flow:wrap}.history-list[data-v-8f3f5750]{width:100%;display:inline-flex;flex-wrap:wrap}.history-tips[data-v-8f3f5750]{display:inline-flex;width:100%;font-size:12px}.history-tips p[data-v-8f3f5750]:first-child{margin-right:10px;color:#fb9502;cursor:pointer}.is-mobile .history-tips[data-v-8f3f5750]{display:inline-flex;flex-wrap:wrap;align-items:center;font-size:10px}.is-mobile .history-tips p[data-v-8f3f5750]{margin:2px}.is-mobile.history-tips p[data-v-8f3f5750]:first-child{white-space:nowrap;cursor:pointer}.face-upload[data-v-149a5900]{width:432px;height:432px;margin-right:34px;padding-left:62px;border-radius:14px;position:relative}.step1-origin[data-v-149a5900],.step2-change[data-v-149a5900],.step3-click[data-v-149a5900]{display:flex;flex-direction:column;margin:0 auto 5px;position:relative}.is-mobile .step1-origin[data-v-149a5900],.step2-change[data-v-149a5900],.step3-click[data-v-149a5900]{margin:0 auto 15px}.upload-box[data-v-149a5900]{height:100%;width:100%}.step-tips[data-v-149a5900]{text-align:left;display:block;font-size:18px}.change_face_btn[data-v-149a5900],.change_uploader_btn[data-v-149a5900],.origin-upload-btn[data-v-149a5900]{display:block;color:#fff;text-align:center;margin-top:16px;width:200px;height:42px;line-height:42px;background:var(--primary-color);border-radius:8px;margin-right:auto;font-size:15px;position:relative}.origin-upload-tip[data-v-149a5900]{text-align:left;letter-spacing:0;padding-top:8px;display:block;font-size:14px;box-sizing:content-box;color:#6f6f6f}.change_upload_after .after_box[data-v-149a5900],.origin-upload-after .upload-after[data-v-149a5900]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background-color:transparent;text-align:left;margin:16px auto 0}.change_upload_after .change_img[data-v-149a5900],.origin-upload-after .upload-img[data-v-149a5900]{width:43px;height:42px;margin-right:8px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-color);overflow:hidden}.upload-btn[data-v-149a5900]{opacity:0;position:absolute;top:3px;left:5px;right:0;width:95%;height:90%;cursor:pointer;z-index:3;border-radius:8px}.upload-img-con[data-v-149a5900]{width:100%;height:100%}.upload-img-cont[data-v-149a5900]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.change_upload_after .change_Input[data-v-149a5900],.origin-upload-after .origin-input[data-v-149a5900]{height:42px;padding:12px 42px;min-width:200px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:17px;font:normal normal normal 16px/21px Roboto;background:#ff9d0033 0 0 no-repeat padding-box;cursor:pointer;border:2px solid var(--primary-color);border-radius:8px;position:relative}.step3-click[data-v-149a5900]{height:144px;border:none}.step-process[data-v-149a5900]{position:absolute;left:0;width:48px;top:0;height:100%}.step-process .step-icon[data-v-149a5900]:first-of-type{margin-top:0}.step-process .step-icon[data-v-149a5900]{color:#d3d3dc;width:48px;height:48px;display:flex;border-radius:50%;justify-content:center;align-items:center;font:normal normal 700 24px/29px Roboto;color:var(--primary-color);background-color:#ff9d0033;margin-top:110px}.faceswap-btn[data-v-149a5900]{display:block;color:#fff;text-align:center;margin-top:16px;width:120px;height:42px;line-height:42px;background:var(--primary-color);border-radius:8px;cursor:pointer;margin-right:auto;font-size:15px}.disabled-btn[data-v-149a5900]{pointer-events:none;background-color:#ff9d0088;cursor:default;color:#fff}.is-mobile .face-upload[data-v-149a5900]{width:80%;margin:0 auto;margin-top:20px;margin-bottom:20px}.is-mobile .step-tips[data-v-149a5900]{font-size:14px;font-weight:600}.is-mobile .upload-img[data-v-149a5900]{margin-right:8px}.is-mobile .origin-upload-tip[data-v-149a5900]{font-size:12px}.is-mobile .step-process .step-icon[data-v-149a5900]:first-of-type{margin-top:10px}.is-mobile .origin-input[data-v-149a5900]{padding:12px 20px;font-size:13px;min-width:145px}.is-mobile .origin-upload-btn[data-v-149a5900],.is-mobile .upload-after[data-v-149a5900]{margin-top:10px}.video-trimmer[data-v-55c36b48]{display:flex;flex-direction:column;align-items:center;width:80%;max-width:521px;margin:0 auto}.video-player[data-v-55c36b48]{width:100%;max-height:250px;height:auto}.is-mobile .video-player[data-v-55c36b48]{max-height:150px}.slider-container[data-v-55c36b48]{display:flex;flex-direction:column;align-items:center;margin-top:10px;font-size:12px;width:100%}.timeshow[data-v-55c36b48]{display:flex;width:100%;justify-content:space-evenly}.timeline[data-v-55c36b48]{position:relative;width:100%;height:10px;background:#ddd;margin-top:20px;margin-bottom:10px;margin-left:5px;margin-right:5px;cursor:pointer}.slider[data-v-55c36b48]{position:absolute;height:10px;background:#fb9502;cursor:pointer;display:flex;justify-content:space-between}.slider-handle[data-v-55c36b48]{width:10px;height:20px;background:#fff;border:1px solid #fb9502;position:relative;top:-5px;cursor:grab}.start-handle[data-v-55c36b48]{left:-5px}.end-handle[data-v-55c36b48]{right:-5px}.face-content[data-v-0d97331a]{margin:0 auto;text-align:center;font-weight:300;color:#252525;font-size:18px;line-height:27px;display:flex;justify-content:space-between;margin-top:20px}.face-result[data-v-0d97331a]{width:551px;margin-right:100px}.face-result-url[data-v-0d97331a]{display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 .025rem .0833rem #fb930217;overflow:hidden;height:400px}.is-mobile .face-result-url[data-v-0d97331a]{height:250px}.face-result-img[data-v-0d97331a]{max-width:100%;max-height:400px;min-height:200px;-o-object-fit:contain;object-fit:contain;border-radius:20px}.face-result-pcbtn[data-v-0d97331a]{width:100%}.pcbtn[data-v-0d97331a]{display:flex;justify-content:space-evenly;width:100%;margin-top:15px;padding:0 100px}.download[data-v-0d97331a]{padding:9px 26px;background:#fff 0 0 no-repeat padding-box;border:2px solid #f6f2e9;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#5a4a32;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:42px;margin-left:10px}.is-mobile .face-content[data-v-0d97331a]{flex-wrap:wrap;justify-content:center}.is-mobile .face-result[data-v-0d97331a]{margin:0 auto;width:90%;order:1}.is-mobile .face-result-img[data-v-0d97331a]{width:100%}.is-mobile .pcbtn[data-v-0d97331a]{justify-content:center;width:90%;padding:0}.is-mobile .download[data-v-0d97331a]{height:30px;padding:9px 10px;font-size:14px}.timeinput[data-v-0d97331a]{width:80%;display:inline-flex;justify-content:start;margin-top:5px;font-size:16px}.startTime .endtime[data-v-0d97331a]{text-align:center;width:50%;margin-left:10px}.startTime[data-v-0d97331a]{margin-right:10px}#endTime[data-v-0d97331a],#startTime[data-v-0d97331a]{width:50px;margin-left:5px;border:1px solid #252525}.duration-bar[data-v-0d97331a]{position:relative;height:10px;width:100%;background:#ddd;border-radius:5px;margin-top:10px}.bar[data-v-0d97331a]{width:100%;height:100%;position:relative}.slider[data-v-0d97331a]{left:0;background-color:#4caf50}.slider-end[data-v-0d97331a],.slider[data-v-0d97331a]{position:absolute;top:-5px;width:15px;height:15px;border-radius:50%;cursor:pointer}.slider-end[data-v-0d97331a]{background-color:#2196f3}.face-history[data-v-c09bcb34]{max-width:1000px;width:100%;display:flex;margin:0 auto;justify-content:start}.face-history-tabs[data-v-c09bcb34]{margin:0 auto;width:100%}.face-history-img[data-v-c09bcb34],.face-original-img[data-v-c09bcb34]{width:100px;margin-right:10px}[data-v-c09bcb34] .el-tabs__item:hover{color:var(--primary-color)!important;cursor:pointer}[data-v-c09bcb34] .el-tabs__active-bar{background-color:var(--primary-color)}[data-v-c09bcb34] .el-tabs__item.is-active{color:var(--primary-color);opacity:1}.is-mobile .face-history[data-v-c09bcb34]{width:70%;margin-top:20px}.is-mobile .face-history-img[data-v-c09bcb34]{width:60px}.is-mobile .face-original-img[data-v-c09bcb34]{width:60px;margin-right:5px;margin-top:5px}[data-v-c09bcb34] .is-mobile .el-tabs__nav{text-align:center}.history-item[data-v-c09bcb34]{align-items:center;margin-right:10px;max-width:100px;position:relative}.history-item button[data-v-c09bcb34]{margin-left:10px}.batch-btn[data-v-c09bcb34]{width:50px;height:50px;position:absolute}.del-btn[data-v-c09bcb34]{position:absolute;width:20px;height:10px;top:0;right:0;background-color:#fb93026a;color:#fff}.is-mobile .del-btn[data-v-c09bcb34]{right:5px;top:5px}.history-item .el-button[data-v-c09bcb34]{width:20px;height:20px;line-height:0;padding:0;border-radius:50%}.is-mobile .history-item .el-button[data-v-c09bcb34]{width:10px;height:10px;font-size:8px}.el-tab-pane[data-v-c09bcb34],.history-checkbox[data-v-c09bcb34]{display:flex}.No-img[data-v-c09bcb34]{width:100px;height:100px;position:relative;text-align:center;padding:10px;border:1px solid #fb930220}.img-icon[data-v-c09bcb34]{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.is-mobile .No-img[data-v-c09bcb34]{width:60px;height:60px;font-size:10px}.is-mobile .img-icon[data-v-c09bcb34]{top:80%}.loading-placeholder[data-v-c09bcb34]{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:8px}.is-mobile .loading-placeholder[data-v-c09bcb34]{width:60px;height:60px;margin-right:5px;margin-top:5px}.face-history-tabs[data-v-c09bcb34]{align-items:center;flex-flow:wrap}.history-list[data-v-c09bcb34]{width:100%;display:inline-flex;flex-wrap:wrap;align-items:center}.history-tips[data-v-c09bcb34]{display:inline-flex;width:100%;font-size:12px}.history-tips p[data-v-c09bcb34]:first-child{margin-right:10px;color:#fb9502;cursor:pointer}.is-mobile .history-tips[data-v-c09bcb34]{display:inline-flex;flex-wrap:wrap;align-items:center;font-size:10px}.is-mobile .history-tips p[data-v-c09bcb34]{margin:2px}.is-mobile.history-tips p[data-v-c09bcb34]:first-child{white-space:nowrap;cursor:pointer}@media (max-width:1050px){.message-logout{width:300px!important}}.main-option[data-v-cbf1dbf8]{background-repeat:no-repeat;background-size:cover;padding-top:20px}.main-option[data-v-cbf1dbf8],.photo-option[data-v-cbf1dbf8]{display:flex;flex-direction:column}.face-title-h2[data-v-cbf1dbf8]{text-align:center;font:normal normal 500 38px/46px Roboto;color:#2c374f;margin-top:20px;margin-bottom:4px}.face-title-p[data-v-cbf1dbf8]{max-width:1082px;margin:0 auto;text-align:center;font:normal normal normal 16px/21px Roboto;color:#666}.tab-bar[data-v-cbf1dbf8]{display:flex;margin:20px auto;justify-content:center;align-items:center;border:2px solid #e0e6ed;border-radius:12px;padding:7px 8px;background:#f8f9fa;box-shadow:0 2px 8px rgba(0,0,0,.1);width:-moz-fit-content;width:fit-content;transition:all .3s ease}.tab-bar[data-v-cbf1dbf8]:hover{border-color:#ff9d00;box-shadow:0 4px 12px rgba(255,157,0,.2)}.tab-photo[data-v-cbf1dbf8],.tab-video[data-v-cbf1dbf8]{border-radius:8px;text-align:center;font:normal normal 500 14px Roboto;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:15px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:#666;background:#66666615;display:flex;align-items:center;justify-content:center}.tab-video[data-v-cbf1dbf8]{margin-left:8px}.tab-photo[data-v-cbf1dbf8]:hover,.tab-video[data-v-cbf1dbf8]:hover{background:#ff9d0020;color:#ff9d00;transform:translateY(-1px)}.tab-photo.active[data-v-cbf1dbf8],.tab-video.active[data-v-cbf1dbf8]{background:#ff9d00;color:#fff;box-shadow:0 2px 8px rgba(255,157,0,.3);transform:translateY(-1px)}.tab-photo[data-v-cbf1dbf8]:active,.tab-video[data-v-cbf1dbf8]:active{transform:translateY(0);transition:transform .1s ease}.is-mobile .face-title-h2[data-v-cbf1dbf8]{font-size:24px;line-height:28px}.is-mobile .face-title-p[data-v-cbf1dbf8]{font-size:14px;padding:0 10px}.is-mobile .tab-bar[data-v-cbf1dbf8]{border-width:1px}.is-mobile .tab-photo[data-v-cbf1dbf8],.is-mobile .tab-video[data-v-cbf1dbf8]{font-size:11px;padding:12px 16px}.is-mobile .tab-video[data-v-cbf1dbf8]{margin-left:6px}.face-swap .el-loading-mask{z-index:9}