.avatar-upload-preview[data-v-57253bce]{position:absolute;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:200px;height:200px;border-radius:50%;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;overflow:hidden}.avatar-upload-preview img[data-v-57253bce]{width:100%;height:100%}.input-group-append{background:#eee;padding:0 5px;vertical-align:middle;border-top-right-radius:5px;border-bottom-right-radius:5px;text-align:center;border:1px solid #ced4da;border-left:none;width:120px;display:inline-block;line-height:33px;height:33px;margin-top:-4px}.input-group-append .input-group-text{color:#008636}a[data-v-588da988]{color:#000}.button-color-green[data-v-588da988]{width:100%;border-radius:5px;height:40px;line-height:40px;color:#fff;text-align:center;border:none;background-color:#008636;border-color:#008636}.button-color-green[data-v-588da988]:focus,.button-color-green[data-v-588da988]:hover{background-color:#2e8f55;border-color:#2e8f55}.button-color-green.active[data-v-588da988],.button-color-green[data-v-588da988]:active{background-color:#01421b;border-color:#01421b}.ant-form-item[data-v-588da988]{margin-bottom:14px}.login[data-v-588da988]{position:absolute;width:400px;height:480px;top:140px;right:12%;border-radius:10px;background-color:#fff;-webkit-box-shadow:3px 3px 10px 2px #0b9243;box-shadow:3px 3px 10px 2px #0b9243;-webkit-animation:login 1s}.regist[data-v-588da988]{display:block;height:480px;top:140px}.login .input-group[data-v-588da988]{margin-bottom:30px}.regist-form .input-group[data-v-588da988]{margin-bottom:15px}.login-regist[data-v-588da988]{margin:20px auto}.avatar-upload-wrapper[data-v-588da988]{height:200px;width:100%}.ant-upload-preview[data-v-588da988]{position:relative;margin:0 10px;width:100%;max-width:80px;border-radius:50%;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc}.ant-upload-preview .upload-icon[data-v-588da988]{position:absolute;top:0;right:10px;font-size:1rem;padding:.5rem;background:rgba(222,221,221,.7);border-radius:50%;border:1px solid rgba(0,0,0,.2)}.ant-upload-preview .mask[data-v-588da988]{opacity:0;position:absolute;background:rgba(0,0,0,.4);cursor:pointer;-webkit-transition:opacity .4s;transition:opacity .4s}.ant-upload-preview .mask[data-v-588da988]:hover{opacity:1}.ant-upload-preview .mask i[data-v-588da988]{font-size:2rem;position:absolute;top:50%;left:50%;margin-left:-1rem;margin-top:-1rem;color:#d6d6d6}.ant-upload-preview .mask[data-v-588da988],.ant-upload-preview img[data-v-588da988]{width:100%;max-width:80px;height:100%;border-radius:50%;overflow:hidden}