.toptitle[data-v-76d3b26f]{color:#f56c6c;height:20px;margin-bottom:10px;text-align:center}.face-tpl-preview[data-v-76d3b26f]{margin-bottom:10px;position:relative;text-align:center;width:100%}.face-tpl-preview[data-v-76d3b26f],.img-container[data-v-76d3b26f]{align-items:center;display:flex;justify-content:center}.img-container[data-v-76d3b26f]{background-color:#f1f1f1}.img-container[data-v-76d3b26f],.upload-image[data-v-76d3b26f]{height:252px;width:202px}.hover-overlay[data-v-76d3b26f]{align-items:center;background:rgba(0,0,0,.4);border-radius:4px;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:100%}.upload-wrapper[data-v-76d3b26f]{position:relative}.upload-wrapper:hover .hover-overlay[data-v-76d3b26f]{opacity:1;pointer-events:auto}.face-tpl-preview .split[data-v-76d3b26f]{margin:0 10px}.face-tpl-preview .split svg[data-v-76d3b26f]{color:var(--el-color-primary);height:20px;width:20px}.face-tpl-preview img[data-v-76d3b26f]{width:200px}.select-face-tpl[data-v-76d3b26f]{border:1px solid red!important;border-radius:2px;transform:scale(1.05)}[data-v-76d3b26f] .face-tpl-tabs>.el-tabs__content{min-height:201px;padding:5px}[data-v-76d3b26f] .custom-loading{--el-mask-color:hsla(0,0%,100%,.5)!important}.face-tpl-scrollbar[data-v-76d3b26f]{width:100%}.face-tpl-list[data-v-76d3b26f]{-moz-column-gap:10px;column-gap:10px;display:flex;flex-wrap:wrap;padding:5px;position:relative;row-gap:20px}.face-tpl-item[data-v-76d3b26f]{border:1px solid transparent;box-shadow:0 0 12px rgba(0,0,0,.12);box-sizing:border-box;cursor:pointer;height:125px;padding:5px;text-align:center;transition:transform .3s;width:100px}.face-tpl-item[data-v-76d3b26f]:hover{border:1px solid var(--el-color-primary);transform:scale(1.05)}.photofrom[data-v-76d3b26f]{display:flex;flex-direction:column;padding:10px}.fromitem[data-v-76d3b26f]{align-items:center;-moz-column-gap:10px;column-gap:10px}.color-panel[data-v-76d3b26f],.fromitem[data-v-76d3b26f]{display:flex;justify-content:start}.color-panel[data-v-76d3b26f]{gap:20px}.coloritem[data-v-76d3b26f]{border:1px solid var(--el-border-color);border-radius:2px;cursor:pointer;height:30px;width:30px}.is-active[data-v-76d3b26f]{box-shadow:0 0 6px #000}.user-face-item[data-v-76d3b26f]{border:1px solid transparent;box-shadow:0 0 12px rgba(0,0,0,.12);box-sizing:border-box;cursor:pointer;height:125px;padding:5px;text-align:center;transition:transform .3s;width:100px}.btns[data-v-76d3b26f],.face-tpl-image[data-v-76d3b26f]{width:100%}.btns[data-v-76d3b26f]{margin-top:15px;text-align:center}.tpl-mask[data-v-76d3b26f]{z-index:1000}.scan-mask[data-v-76d3b26f],.tpl-mask[data-v-76d3b26f]{background:rgba(255,255,255,.4);bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.scan-mask[data-v-76d3b26f]{pointer-events:none}.scan-line[data-v-76d3b26f]{animation:scan-76d3b26f 2s linear infinite;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.7),rgba(255,255,255,0));box-shadow:0 0 10px rgba(255,255,255,.7);height:100%;left:0;position:absolute;top:0;width:2px}@keyframes scan-76d3b26f{0%{left:-20%}to{left:100%}}.vue-cropper[data-v-a742df44]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);box-sizing:border-box;direction:ltr;height:100%;position:relative;text-align:left;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.cropper-box-canvas[data-v-a742df44],.cropper-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-face[data-v-a742df44]{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{max-height:none;max-width:none;position:relative;text-align:left;transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:rgba(0,0,0,.5)}.cropper-view-box[data-v-a742df44]{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.cropper-view-box img[data-v-a742df44]{max-height:none;max-width:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-face[data-v-a742df44]{background-color:#fff;left:0;opacity:.1;top:0}.crop-info[data-v-a742df44]{background-color:rgba(0,0,0,.8);color:#fff;font-size:12px;left:0;line-height:20px;min-width:65px;position:absolute;text-align:center}.crop-line[data-v-a742df44]{display:block;height:100%;opacity:.1;position:absolute;width:100%}.line-w[data-v-a742df44]{cursor:n-resize;height:5px;left:0;top:-3px}.line-a[data-v-a742df44]{cursor:w-resize;left:-3px;top:0;width:5px}.line-s[data-v-a742df44]{bottom:-3px;cursor:s-resize;height:5px;left:0}.line-d[data-v-a742df44]{cursor:e-resize;right:-3px;top:0;width:5px}.crop-point[data-v-a742df44]{background-color:#39f;border-radius:100%;height:8px;opacity:.75;position:absolute;width:8px}.point1[data-v-a742df44]{cursor:nw-resize;left:-4px;top:-4px}.point2[data-v-a742df44]{cursor:n-resize;left:50%;margin-left:-3px;top:-5px}.point3[data-v-a742df44]{cursor:ne-resize;right:-4px;top:-4px}.point4[data-v-a742df44]{cursor:w-resize;left:-4px;margin-top:-3px;top:50%}.point5[data-v-a742df44]{cursor:e-resize;margin-top:-3px;right:-4px;top:50%}.point6[data-v-a742df44]{bottom:-5px;cursor:sw-resize;left:-4px}.point7[data-v-a742df44]{bottom:-5px;cursor:s-resize;left:50%;margin-left:-3px}.point8[data-v-a742df44]{bottom:-5px;cursor:se-resize;right:-4px}@media screen and (max-width:500px){.crop-point[data-v-a742df44]{background-color:#39f;border-radius:100%;height:20px;opacity:.45;position:absolute;width:20px}.point1[data-v-a742df44]{left:-10px;top:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{right:-10px;top:-10px}.point4[data-v-a742df44]{left:0;top:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}.take-photo[data-v-b4cbca3f]{align-items:center;background-color:#000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);display:flex;gap:10px;height:375px;justify-content:center;overflow:hidden;position:relative}.modal[data-v-b4cbca3f]{background:rgba(0,0,0,.5);height:100%;position:absolute;width:100%;z-index:1}img[data-v-b4cbca3f]{display:block;max-height:375px}.image-wrapper[data-v-b4cbca3f]{display:inline-block;position:relative;z-index:2}.scan-mask[data-v-b4cbca3f]{background:rgba(255,255,255,.4);bottom:0;overflow:hidden;pointer-events:none;right:0}.scan-line[data-v-b4cbca3f],.scan-mask[data-v-b4cbca3f]{left:0;position:absolute;top:0}.scan-line[data-v-b4cbca3f]{animation:scan-b4cbca3f 2s linear infinite;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.7),rgba(255,255,255,0));box-shadow:0 0 10px rgba(255,255,255,.7);height:2px;width:100%}@keyframes scan-b4cbca3f{0%{transform:translateY(-100%)}to{transform:translateY(var(--image-height))}}canvas[data-v-b4cbca3f]{display:none}.camerabar[data-v-b4cbca3f]{padding:20px}.sliderbox[data-v-b4cbca3f]{display:flex;flex-direction:column}.boxitem[data-v-b4cbca3f]{gap:10px}.boxitem[data-v-b4cbca3f],.btns[data-v-b4cbca3f]{align-items:center;display:flex}.btns[data-v-b4cbca3f]{gap:15px}.btns[data-v-b4cbca3f],.color-panel[data-v-b4cbca3f]{justify-content:center}.color-panel[data-v-b4cbca3f]{display:flex;gap:20px;height:50px;width:100%}.color-panel .color-item[data-v-b4cbca3f]{border:1px solid var(--el-border-color);border-radius:4px;height:50px;width:50px}.color-panel .color-item[data-v-b4cbca3f]:hover{box-shadow:0 0 5px var(--el-color-primary);cursor:pointer}.btns .el-button[data-v-b4cbca3f]{min-width:80px}.slider span[data-v-b4cbca3f]{align-items:center;display:flex;min-width:60px}.slider[data-v-b4cbca3f]{display:flex;width:100%}.slider .el-slider[data-v-b4cbca3f]{flex-grow:1;width:100%}.el-color-picker[data-v-b4cbca3f],.el-input-number[data-v-b4cbca3f],.el-slider[data-v-b4cbca3f],.el-switch[data-v-b4cbca3f]{width:300px}.el-switch[data-v-b4cbca3f]{margin-top:10px}.mergeimgagefacedialog .el-dialog__header{padding-bottom:5px}.toptitle[data-v-57962b14]{color:#f56c6c;height:20px;margin-bottom:10px;text-align:center}.face-tpl-preview[data-v-57962b14]{margin-bottom:10px;position:relative;text-align:center;width:100%}.face-tpl-preview[data-v-57962b14],.img-container[data-v-57962b14]{align-items:center;display:flex;justify-content:center}.img-container[data-v-57962b14]{background-color:#f1f1f1}.img-container[data-v-57962b14],.upload-image[data-v-57962b14]{height:252px;width:202px}.hover-overlay[data-v-57962b14]{align-items:center;background:rgba(0,0,0,.4);border-radius:4px;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:100%}.upload-wrapper[data-v-57962b14]{position:relative}.upload-wrapper:hover .hover-overlay[data-v-57962b14]{opacity:1;pointer-events:auto}.face-tpl-preview .split[data-v-57962b14]{margin:0 10px}.face-tpl-preview .split svg[data-v-57962b14]{color:var(--el-color-primary);height:20px;width:20px}.face-tpl-preview img[data-v-57962b14]{width:200px}.select-face-tpl[data-v-57962b14]{border:1px solid red!important;border-radius:2px;transform:scale(1.05)}[data-v-57962b14] .face-tpl-tabs>.el-tabs__content{min-height:201px;padding:5px}.face-tpl-list[data-v-57962b14]{-moz-column-gap:10px;column-gap:10px;display:flex;flex-wrap:wrap;padding:5px;position:relative;row-gap:20px}.face-tpl-scrollbar[data-v-57962b14]{width:100%}.face-toptitle[data-v-57962b14]{color:#999;margin-bottom:5px;padding-left:5px;text-align:center}.face-tpl-item[data-v-57962b14]{border:1px solid transparent;box-shadow:0 0 12px rgba(0,0,0,.12);box-sizing:border-box;cursor:pointer;height:125px;padding:5px;text-align:center;transition:transform .3s;width:100px}.face-tpl-item[data-v-57962b14]:hover{border:1px solid var(--el-color-primary);transform:scale(1.05)}.user-face-item[data-v-57962b14]{border:1px solid transparent;box-shadow:0 0 12px rgba(0,0,0,.12);box-sizing:border-box;cursor:pointer;height:125px;padding:5px;text-align:center;transition:transform .3s;width:100px}.btns[data-v-57962b14],.face-tpl-image[data-v-57962b14]{width:100%}.btns[data-v-57962b14]{margin-top:5px;text-align:center}.tpl-mask[data-v-57962b14]{z-index:1000}.scan-mask[data-v-57962b14],.tpl-mask[data-v-57962b14]{background:rgba(255,255,255,.4);bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.scan-mask[data-v-57962b14]{pointer-events:none}.scan-line[data-v-57962b14]{animation:scan-57962b14 2s linear infinite;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.7),rgba(255,255,255,0));box-shadow:0 0 10px rgba(255,255,255,.7);height:100%;left:0;position:absolute;top:0;width:2px}@keyframes scan-57962b14{0%{left:-20%}to{left:100%}}.dia-head{border-radius:8px;width:500px!important}@media screen and (max-width:500px){.dia-head{width:100%!important}}@media screen and (max-width:300px){.bl{display:none}}.cropper-content[data-v-95729791]{display:flex}.cut[data-v-95729791]{height:375px;width:100%}.sider[data-v-95729791]{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-left:5px}.sider .el-button[data-v-95729791]{height:30px;padding:0!important;width:30px}.sldermain[data-v-95729791]{height:100%;margin:10px 0}.cropperbar[data-v-95729791]{align-items:center;display:flex;flex-wrap:wrap;height:35px;justify-content:center;line-height:40px;margin-top:5px}[data-v-95729791] .cropper-view-box{border-radius:var(--viewboxradius)}