@keyframes avatarMove-7375ffde{0%{opacity:0;top:-20px}to{opacity:1;top:0}}[data-v-7375ffde] .avatar{position:relative;overflow:hidden;border-radius:4px;cursor:pointer}[data-v-7375ffde] .avatar.avatar-animate{opacity:0;top:-20px;animation:avatarMove-7375ffde .3s ease forwards}[data-v-7375ffde] .avatar.avatar-animate span{z-index:2;position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;width:100px;height:100px;background:rgba(0,0,0,.3);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}[data-v-7375ffde] .avatar.avatar-animate span svg{width:20px;margin:0 10px;color:#fff}[data-v-7375ffde] .avatar.avatar-animate span:hover{opacity:1}[data-v-7375ffde] .avatar .img-box{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.1)}[data-v-7375ffde] .avatar .img-box img{display:block;width:100px;height:auto;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}[data-v-7375ffde] .avatar i{position:absolute;z-index:2;right:-5px;top:-5px;width:20px;height:20px;text-align:center;line-height:20px;background:rgba(0,0,0,.1);border-radius:100%;overflow:hidden}[data-v-7375ffde] .avatar i:hover{color:red}[data-v-7375ffde] .avatar svg{width:30px}.d-upload[data-v-7375ffde]{border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;width:98px;height:98px;border-radius:4px;background:rgba(0,0,0,.1);cursor:pointer}.d-upload svg[data-v-7375ffde]{width:30px;color:#999}