.avatar-uploader[data-v-272def5c]{max-width:var(--width);height:var(--height);cursor:pointer;position:relative;overflow:hidden;margin:0 auto;border:1px solid #ccc;border-radius:var(--border-radius)}.avatar-uploader[data-v-272def5c] .el-upload{width:100%}.avatar-uploader .avatar-uploader-icon[data-v-272def5c]{font-size:0;color:#fff;width:100%;max-width:var(--width);height:var(--height);line-height:var(--height);text-align:center;font-size:28px;background-color:rgba(0,0,0,.3)}.avatar-uploader .avatar[data-v-272def5c]{position:relative;width:100%;max-width:var(--width);height:var(--height);display:block}.avatar-uploader .el-upload-action[data-v-272def5c]{position:absolute;top:0;left:0;display:block;width:100%;height:100%;font-size:0;color:#fff;text-align:center;line-height:var(--height)}.avatar-uploader .el-upload-action[data-v-272def5c]:hover{font-size:20px;background-color:#000;background-color:rgba(0,0,0,.3)}.user-certificate[data-v-163269ad]{padding:10px;margin:0 auto;margin-top:10px}.user-enroll[data-v-19f83100]{padding:10px;margin:0 auto}.main-container{display:flex;height:100vh;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.main-wrap{flex:1;height:100vh;margin-left:0;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06)}.main-wrap>*{-webkit-animation:fadeIn .4s ease-out;animation:fadeIn .4s ease-out}@-webkit-keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}