.avatar-upload-preview{position:absolute;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:180px;height:180px;border-radius:50%;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;overflow:hidden}.avatar-upload-preview img{width:100%;height:100%}.user-set-basic__title{font-size:20px;color:rgba(0,0,0,.85);line-height:28px;font-weight:500;margin-bottom:12px}.user-set-basic__form{width:100%}.user-set-basic__form .ivu-form-item-label{color:rgba(0,0,0,.85);font-size:14px}.user-set-basic__form .ivu-form-item-label:before{content:""}.user-set-basic__user-avatar{position:relative;margin:0 auto;width:180px;height:180px;border-radius:50%;-webkit-box-shadow:0 -1px 1px #ccc;box-shadow:0 -1px 1px #ccc;background-color:#ccc}.user-set-basic__avatar-img,.user-set-basic__avatar-mask{width:100%;height:100%;border-radius:50%;overflow:hidden}.user-set-basic__avatar-upload{position:absolute;top:0;right:10px;font-size:1.4rem;padding:.5rem;background:rgba(222,221,221,.7);border-radius:50%;border:1px solid rgba(0,0,0,.2)}.user-set-basic__avatar-mask{opacity:0;position:absolute;background:rgba(0,0,0,.4);cursor:pointer;-webkit-transition:opacity .4s;transition:opacity .4s}.user-set-basic__avatar-mask:hover{opacity:1}.user-set-basic__avatar-mask .ivu-icon{font-size:2rem;position:absolute;top:50%;left:50%;margin-left:-1rem;margin-top:-1rem;color:#d6d6d6}