.vue-cropper[data-v-a742df44]{position:relative;width:100%;height:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;direction:ltr;touch-action:none;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.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]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{position:relative;text-align:left;-webkit-user-select:none;user-select:none;transform:none;max-width:none;max-height: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;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.7490196078431373);-webkit-user-select:none;user-select:none}.cropper-view-box img[data-v-a742df44]{-webkit-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-a742df44]{top:0;left:0;background-color:#fff;opacity:.1}.crop-info[data-v-a742df44]{position:absolute;left:0;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:rgba(0,0,0,.8);font-size:12px}.crop-line[data-v-a742df44]{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w[data-v-a742df44]{top:-3px;left:0;height:5px;cursor:n-resize}.line-a[data-v-a742df44]{top:0;left:-3px;width:5px;cursor:w-resize}.line-s[data-v-a742df44]{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d[data-v-a742df44]{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point[data-v-a742df44]{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-4px;left:-4px;cursor:nw-resize}.point2[data-v-a742df44]{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3[data-v-a742df44]{top:-4px;right:-4px;cursor:ne-resize}.point4[data-v-a742df44]{top:50%;left:-4px;margin-top:-3px;cursor:w-resize}.point5[data-v-a742df44]{top:50%;right:-4px;margin-top:-3px;cursor:e-resize}.point6[data-v-a742df44]{bottom:-5px;left:-4px;cursor:sw-resize}.point7[data-v-a742df44]{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8[data-v-a742df44]{bottom:-5px;right:-4px;cursor:se-resize}@media screen and (max-width:500px){.crop-point[data-v-a742df44]{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1[data-v-a742df44]{top:-10px;left:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{top:-10px;right:-10px}.point4[data-v-a742df44]{top:0;left:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}.dialog-footer[data-v-041a12a1]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.dialog-footer .reupload[data-v-041a12a1]{color:#409eff;cursor:pointer}.photoUrlImg[data-v-041a12a1]{width:8vw}.selMask .demoMain[data-v-041a12a1]{box-shadow:0 0 10px #eee;width:90vw;margin:0 auto;padding:5vw 3vw;position:relative}.selMask .demoMain .closeIcon[data-v-041a12a1]{position:absolute;top:2vw;right:2vw}.selMask .selBox[data-v-041a12a1]{width:100%;height:100%;background:#fff;padding-top:20vw;text-align:center}.selMask .selBox h3[data-v-041a12a1]{text-align:center;padding-bottom:20px}.selMask .selBox .creDemo[data-v-041a12a1]{padding-bottom:5vw}.selMask .selBox .creDemo img[data-v-041a12a1]{width:30vw}.selMask .selBox .creDemo b[data-v-041a12a1]{display:block;padding-top:2vw}.selMask .selBox .creDemo .demotip[data-v-041a12a1]{font-size:12px;color:#939598;padding-top:1.5vw}.selMask .selBox .demoBox[data-v-041a12a1]{display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.selMask .selBox .demoBox img[data-v-041a12a1]{width:16vw}.selMask .selBox .demoBox .demotip[data-v-041a12a1]{font-size:12px;color:#939598}.selMask .selBox .takeBtn[data-v-041a12a1]{width:80vw;line-height:42px;margin-top:10vw}.ownMask[data-v-041a12a1]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:11;text-align:center}.ownMask .ownMaskCon[data-v-041a12a1]{background:#fff;width:98%;margin:90px auto 0;padding:30px;border-radius:4px;display:inline-block}.avatar-box[data-v-041a12a1]{display:flex;align-items:flex-start}.avatar-container[data-v-041a12a1]{display:flex;justify-content:center;align-items:center;width:500px;height:350px;background-color:#f0f2f5;border-radius:4px}.avatar-container .upload[data-v-041a12a1]{text-align:center;margin-bottom:24px}.avatar-container .avatar-crop[data-v-041a12a1]{width:560px;height:350px;position:relative}.avatar-container .avatar-crop .crop-box[data-v-041a12a1]{width:60%;height:100%;border-radius:4px;overflow:hidden}.show-preview[data-v-041a12a1]{margin-left:30px;border-left:1px solid #ececec;padding-left:30px;height:100%;width:200px}.show-preview .preview[data-v-041a12a1]{overflow:hidden;background:#eee;border:1px solid #ececec}.footer-btn[data-v-041a12a1]{align-items:center;justify-content:space-between;padding-top:30px}.footer-btn .upload-btn[data-v-041a12a1]{padding-top:10px}.footer-btn button[data-v-041a12a1],.footer-btn label[data-v-041a12a1]{display:inline-block;background:#409eff;color:#fff;border:1px solid #409eff;border-radius:5px;font-size:14px;padding:6px 10px;margin-right:10px}@media screen and (max-width:768px){.avatar-container[data-v-041a12a1]{width:99%}.photoUrlImg[data-v-041a12a1]{width:30vw}}