.ai-face-changing[data-v-17d7e796]{box-sizing:border-box;display:flex;flex-wrap:wrap;height:100%;overflow-y:auto;width:100%}.ai-face-changing .face-swap[data-v-17d7e796]{display:flex;height:calc(100vh - 124px);width:100%}.ai-face-changing .face-swap .left-area[data-v-17d7e796]{background:#14151c;border-left:1px solid #2a2832;border-right:1px solid #2a2832;box-sizing:border-box;height:100%;width:420px}.ai-face-changing .face-swap .left-area[data-v-17d7e796] .c-tab{margin:16px 27px;width:calc(100% - 54px)}.ai-face-changing .face-swap .left-area[data-v-17d7e796] .c-tab .item-tab{min-width:82px}.ai-face-changing .face-swap .left-area[data-v-17d7e796] .c-tab.not-allow .item-tab{cursor:not-allowed}.ai-face-changing .face-swap .left-area[data-v-17d7e796] .c-category{margin:0 27px 16px;width:calc(100% - 54px)}.ai-face-changing .face-swap .left-area .content-container[data-v-17d7e796]{align-content:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;height:calc(100% - 113px);overflow:auto;padding:0 17px;width:100%}.ai-face-changing .face-swap .left-area .content-container[data-v-17d7e796] .left-uploader{position:relative}.ai-face-changing .face-swap .left-area .content-container[data-v-17d7e796] .left-uploader .el-upload{background:#2b2c32;border:0;border-radius:12px;box-sizing:border-box;height:100%;width:100%}.ai-face-changing .face-swap .left-area .content-container[data-v-17d7e796] .left-uploader .el-upload .uploader{align-content:center;box-sizing:border-box;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.ai-face-changing .face-swap .left-area .content-container[data-v-17d7e796] .left-uploader .el-upload .uploader .tip{color:#a3a6ad;font-family:PingFang SC;font-size:12px;font-weight:500;line-height:24px;text-align:center;width:100%}.ai-face-changing .face-swap .left-area .content-container[data-v-17d7e796] .left-uploader .el-upload .el-upload-dragger{background:#2b2c32;border:0;border-radius:12px;box-sizing:border-box;height:100%;width:100%}.ai-face-changing .face-swap .left-area .content-container .item-box[data-v-17d7e796]{background:#2b2c32;border-radius:12px;cursor:pointer;height:176px;margin:5px;position:relative;width:calc(33.33333% - 10px)}.ai-face-changing .face-swap .left-area .content-container .item-box .duration[data-v-17d7e796]{align-items:center;backdrop-filter:blur(6px);background:rgba(0,0,0,.4);border-radius:20px;color:#fff;display:flex;font-family:PingFang SC;font-size:12px;font-weight:600;height:24px;justify-content:center;left:4px;position:absolute;top:4px;width:41px}.ai-face-changing .face-swap .left-area .content-container .item-box .author[data-v-17d7e796]{bottom:6px;color:#bdbdbd;font-family:PingFang SC;font-size:10px;font-weight:600;max-width:calc(100% - 12px);overflow:hidden;position:absolute;right:6px;text-overflow:ellipsis;white-space:nowrap}.ai-face-changing .face-swap .left-area .content-container .item-box .material[data-v-17d7e796]{border-radius:12px;box-sizing:border-box;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ai-face-changing .face-swap .left-area .content-container[data-v-17d7e796]>:last-child{margin-bottom:15px}.ai-face-changing .face-swap .middle-area[data-v-17d7e796]{align-content:flex-start;display:flex;flex:1;flex-wrap:wrap;height:100%;justify-content:center}.ai-face-changing .face-swap .middle-area .icon[data-v-17d7e796]{height:56px;margin-top:10px;width:56px}.ai-face-changing .face-swap .middle-area .title[data-v-17d7e796]{color:#fff;font-family:Arial;font-size:34px;font-weight:700;line-height:40px;text-align:center;width:100%}.ai-face-changing .face-swap .middle-area .explain[data-v-17d7e796]{align-items:center;color:hsla(0,0%,100%,.7);display:flex;font-family:Arial;font-size:16px;justify-content:center;line-height:19px;margin-top:6px;text-align:center;width:100%}.ai-face-changing .face-swap .middle-area .explain>.words[data-v-17d7e796]{margin-right:7px}.ai-face-changing .face-swap .middle-area .preview-box[data-v-17d7e796]{align-items:center;background:#2a2832;border:2px dashed hsla(0,0%,100%,.7);border-radius:20px;display:flex;height:612px;justify-content:center;margin-top:18px;max-height:calc(100% - 268px);min-height:280px;position:relative;width:calc(100% - 160px)}.ai-face-changing .face-swap .middle-area .preview-box .post-btn[data-v-17d7e796]{align-items:center;background:rgba(28,29,42,.6);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:112px;top:16px;width:40px;z-index:9}.ai-face-changing .face-swap .middle-area .preview-box .post-btn .iconfont[data-v-17d7e796],.ai-face-changing .face-swap .middle-area .preview-box .post-btn .svg-icon[data-v-17d7e796]{color:#fff;height:18px;width:18px}.ai-face-changing .face-swap .middle-area .preview-box .download-btn[data-v-17d7e796]{align-items:center;background:rgba(28,29,42,.6);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:64px;top:16px;width:40px;z-index:9}.ai-face-changing .face-swap .middle-area .preview-box .download-btn .iconfont[data-v-17d7e796],.ai-face-changing .face-swap .middle-area .preview-box .download-btn .svg-icon[data-v-17d7e796]{color:#fff;height:18px;width:18px}.ai-face-changing .face-swap .middle-area .preview-box .delete-btn[data-v-17d7e796]{align-items:center;background:rgba(28,29,42,.6);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;width:40px;z-index:9}.ai-face-changing .face-swap .middle-area .preview-box .delete-btn .iconfont[data-v-17d7e796],.ai-face-changing .face-swap .middle-area .preview-box .delete-btn .svg-icon[data-v-17d7e796]{color:#fff;height:18px;width:18px}.ai-face-changing .face-swap .middle-area .preview-box .video-preview[data-v-17d7e796]{border-radius:20px;box-sizing:border-box;height:100%;width:100%}.ai-face-changing .face-swap .middle-area .preview-box .image-preview[data-v-17d7e796]{border-radius:20px;box-sizing:border-box;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ai-face-changing .face-swap .middle-area .preview-box .before-generate[data-v-17d7e796]{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;width:100%}.ai-face-changing .face-swap .middle-area .preview-box .before-generate .close-btn[data-v-17d7e796]{align-items:center;background:rgba(28,29,42,.6);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;width:40px;z-index:9}.ai-face-changing .face-swap .middle-area .preview-box .before-generate .close-btn .el-icon-close[data-v-17d7e796]{color:#fff;font-size:18px}.ai-face-changing .face-swap .middle-area .preview-box .before-generate .empty[data-v-17d7e796]{color:hsla(0,0%,100%,.7);font-family:Arial;font-size:14px;font-weight:400;line-height:16px}.ai-face-changing .face-swap .right-area[data-v-17d7e796]{background:#14151c;border-left:1px solid #2a2832;border-right:1px solid #2a2832;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:auto;padding:0 20px;width:420px}.ai-face-changing .face-swap .right-area>.title[data-v-17d7e796]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;height:41px;width:100%}.ai-face-changing .face-swap .right-area>.title .words[data-v-17d7e796]{border-bottom:2px solid transparent;color:#fff;cursor:pointer;font-family:PingFang SC;font-size:16px;font-weight:600;line-height:24px;margin-right:10px;padding-bottom:7px;padding-top:9px}.ai-face-changing .face-swap .right-area>.title .words.active[data-v-17d7e796]{-o-border-image:linear-gradient(81deg,#3f8fff,#21feff) 2 2;border-image:linear-gradient(81deg,#3f8fff,#21feff) 2 2}.ai-face-changing .face-swap .right-area>.title .words.last[data-v-17d7e796]{margin-left:40px}.ai-face-changing .face-swap .right-area>.title .iconfont[data-v-17d7e796],.ai-face-changing .face-swap .right-area>.title .svg-icon[data-v-17d7e796]{color:#69676e;cursor:pointer;font-size:14px;line-height:42px}.ai-face-changing .face-swap .right-area .content[data-v-17d7e796]{flex:1}.ai-face-changing .face-swap .right-area .content .process-face-container .process[data-v-17d7e796]{margin-top:16px;width:100%}.ai-face-changing .face-swap .right-area .content .process-face-container .process .sub-title[data-v-17d7e796]{align-items:center;box-sizing:border-box;color:#c0d0f1;display:flex;font-family:PingFang SC;font-size:14px;height:24px;width:100%}.ai-face-changing .face-swap .right-area .content .process-face-container .process .multiple-avatar-container[data-v-17d7e796]{display:grid;grid-template-columns:repeat(3,120px)}.ai-face-changing .face-swap .right-area .content .process-face-container .process .multiple-avatar-container .avatar-container[data-v-17d7e796]{display:grid;height:203px;margin-top:10px;width:80px}.ai-face-changing .face-swap .right-area .content .process-face-container .process .multiple-avatar-container .avatar-container[data-v-17d7e796]:after{background:linear-gradient(90deg,rgba(226,233,247,0),#dce5f7);content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(90deg);width:24px}.ai-face-changing .face-swap .right-area .content .process-face-container .process .multiple-avatar-container .avatar-container .face-uploader[data-v-17d7e796]{border:0!important;height:58px!important;width:58px!important}.ai-face-changing .face-swap .right-area .content .process-face-container .process .multiple-avatar-container .avatar-container .face-uploader[data-v-17d7e796] .el-upload{box-sizing:border-box;height:100%;width:100%}.ai-face-changing .face-swap .right-area .content .process-face-container .process .multiple-avatar-container .avatar-container .face-uploader[data-v-17d7e796] .el-upload .uploader{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:100%;justify-content:center;width:100%}.ai-face-changing .face-swap .right-area .content .process-face-container .process .avatar-container[data-v-17d7e796]{align-items:center;background:hsla(0,0%,100%,.1);border-radius:100px;box-sizing:border-box;display:flex;height:74px;justify-content:space-between;margin-top:5px;padding:8px 10px;position:relative;width:182px}.ai-face-changing .face-swap .right-area .content .process-face-container .process .avatar-container[data-v-17d7e796]:after{background:linear-gradient(90deg,rgba(226,233,247,0),#dce5f7);content:"";height:2px;left:50%;position:absolute;right:50%;transform:translate(-50%,-50%);width:24px}.ai-face-changing .face-swap .right-area .content .process-face-container .process .avatar-container .original-box[data-v-17d7e796],.ai-face-changing .face-swap .right-area .content .process-face-container .process .avatar-container .target-box[data-v-17d7e796]{align-items:center;background:#3e3f46;border-radius:50%;display:flex;height:58px;justify-content:center;position:relative;width:58px}.ai-face-changing .face-swap .right-area .content .process-face-container .process .avatar-container .original-box>img[data-v-17d7e796],.ai-face-changing .face-swap .right-area .content .process-face-container .process .avatar-container .target-box>img[data-v-17d7e796]{border-radius:50%;height:56px;-o-object-fit:cover;object-fit:cover;width:56px}.ai-face-changing .face-swap .right-area .content .process-face-container .process .avatar-container .original-box.active[data-v-17d7e796],.ai-face-changing .face-swap .right-area .content .process-face-container .process .avatar-container .target-box.active[data-v-17d7e796]{background-clip:padding-box,border-box;background-image:linear-gradient(90deg,#0a0b17,#0a0b17),linear-gradient(90deg,#3f8fff,#21feff);background-origin:padding-box,border-box;border:2px solid transparent;border-radius:50%;height:58px;width:58px}.ai-face-changing .face-swap .right-area .content .process-face-container .select-face[data-v-17d7e796]{margin-top:16px;width:100%}.ai-face-changing .face-swap .right-area .content .process-face-container .select-face .sub-title[data-v-17d7e796]{align-items:center;box-sizing:border-box;color:#c0d0f1;display:flex;font-family:PingFang SC;font-size:14px;height:24px;width:100%}.ai-face-changing .face-swap .right-area .content .process-face-container .select-face .face-box[data-v-17d7e796]{box-sizing:border-box;display:flex;flex-wrap:wrap;padding:7px 5px}.ai-face-changing .face-swap .right-area .content .process-face-container .select-face .face-box .face-uploader[data-v-17d7e796]{border:0!important;height:58px!important;width:58px!important}.ai-face-changing .face-swap .right-area .content .process-face-container .select-face .face-box .face-uploader[data-v-17d7e796] .el-upload{box-sizing:border-box;height:100%;width:100%}.ai-face-changing .face-swap .right-area .content .process-face-container .select-face .face-box .face-uploader[data-v-17d7e796] .el-upload .uploader{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;box-sizing:border-box;display:flex;height:100%;justify-content:center;width:100%}.ai-face-changing .face-swap .right-area .content .process-face-container .select-face .face-box .item-face[data-v-17d7e796]{border:2px solid #383943;border-radius:50%;cursor:pointer;height:56px;margin:5px;position:relative;width:56px}.ai-face-changing .face-swap .right-area .content .process-face-container .select-face .face-box .item-face .face-image[data-v-17d7e796]{border-radius:50%;box-sizing:border-box;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ai-face-changing .face-swap .right-area .content .history[data-v-17d7e796]{height:100%}.ai-face-changing .face-swap .right-area .generate-box[data-v-17d7e796]{align-items:center;display:flex;height:40px;justify-content:center;margin:20px 0 30px;width:100%}.ai-face-changing .face-swap .right-area .generate-box .generate[data-v-17d7e796]{align-items:center;background:linear-gradient(81deg,#3f8fff,#21feff);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:PingFang SC;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:14px;width:282px}.ai-face-changing .face-swap .right-area .generate-box .generate .estimated-cost[data-v-17d7e796]{margin-left:5px}.ai-face-changing .face-swap .delete-face[data-v-17d7e796]{align-items:center;background:#515458;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.ai-face-changing .face-swap .delete-face .el-icon-close[data-v-17d7e796]{color:#fff;font-size:10px}.ai-face-changing .face-swap .uploader .el-icon-plus[data-v-17d7e796]{color:#a9afbd;font-size:16px}.ai-face-changing .footer[data-v-17d7e796]{display:flex;flex-direction:column;width:100%}.ai-face-changing .footer .line-4[data-v-17d7e796]{color:#f1f5f9;font-family:Archivo;font-size:48px;font-style:normal;height:102px;line-height:56px;margin-top:230px;text-align:center}.ai-face-changing .footer .ai-tools[data-v-17d7e796]{color:#fff;display:flex;font-size:48px;font-weight:700;justify-content:center;margin:208px 0 24px;text-align:center}.ai-face-changing .footer .ai-tools h2[data-v-17d7e796]:last-child{background:linear-gradient(181.5458554119deg,#5bd8ff,#2d61fc 95%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:10px}.ai-face-changing .footer .line-5[data-v-17d7e796]{color:#f6f6f6;font-size:22px;margin-bottom:60px;text-align:center}.ai-face-changing .footer[data-v-17d7e796] .aiList,.ai-face-changing .footer[data-v-17d7e796] .fqa{margin:0 auto;width:1213px}.ai-face-changing[data-v-17d7e796] ::-webkit-scrollbar{width:4px}