@keyframes avatarMove-7309bbc3{0%{opacity:0;top:-20px}to{opacity:1;top:0}}[data-v-7309bbc3] .avatar{position:relative;overflow:hidden;border-radius:4px;cursor:pointer}[data-v-7309bbc3] .avatar.avatar-animate{opacity:0;top:-20px;animation:avatarMove-7309bbc3 .3s ease forwards}[data-v-7309bbc3] .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-7309bbc3] .avatar.avatar-animate span svg{width:20px;margin:0 10px;color:#fff}[data-v-7309bbc3] .avatar.avatar-animate span:hover{opacity:1}[data-v-7309bbc3] .avatar .img-box{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.1)}[data-v-7309bbc3] .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-7309bbc3] .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-7309bbc3] .avatar i:hover{color:red}[data-v-7309bbc3] .avatar svg{width:30px}.d-upload[data-v-7309bbc3]{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-7309bbc3]{width:30px;color:#999}em[data-v-5b5a1b72]{color:#202020}em[isDrawing="1"][data-v-5b5a1b72]{color:#e6a23c}em[isDrawing="2"][data-v-5b5a1b72]{color:#67c23a}em[isDrawing="3"][data-v-5b5a1b72]{color:#202020}