.avatar-upload-preview[data-v-502bd302]{position:absolute;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:180px;height:180px;border-radius:50%;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;overflow:hidden}.avatar-upload-preview img[data-v-502bd302]{width:100%;height:100%}.user-avatar-uploader{height:166px;width:166px;border-radius:50%;margin:8px}.image-box-uploader{position:relative;width:176px;height:176px;text-align:center;vertical-align:top;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:50%;cursor:pointer;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.upload-button{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:45%;color:#666;line-height:30px}.swap-button{color:#ff7c10;font-size:18px;margin-left:5px;vertical-align:middle}.footer-layout{position:absolute;bottom:0;width:100%;border-top:1px solid #e8e8e8;padding:10px 16px;text-align:right;left:0;background:#fff;border-radius:0 0 4px 4px}