.container .avatar[data-v-8718ac14]{width:200px;height:100px;border-radius:4px;background-color:#fff}.container .avatar-img[data-v-8718ac14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.container .avatar-img img[data-v-8718ac14]{width:auto;height:auto;max-width:100%;max-height:100%}.container .avatar[data-v-8718ac14],.container .reg-voice[data-v-8718ac14]{position:relative;overflow:hidden}.container .avatar .mask[data-v-8718ac14],.container .reg-voice .mask[data-v-8718ac14]{opacity:0;-webkit-transition:all .2s;transition:all .2s;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#fff}.container .avatar .mask input[data-v-8718ac14],.container .reg-voice .mask input[data-v-8718ac14]{display:none}.container .avatar:hover .mask[data-v-8718ac14],.container .reg-voice:hover .mask[data-v-8718ac14]{opacity:1}