.avatar-uploader .el-upload{position:relative;overflow:hidden;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{width:178px;height:178px;color:#8c939d;text-align:center;font-size:28px;line-height:178px}.avatar{display:block;width:178px;height:178px}.avatar-box{width:80%;height:100%;-webkit-box-shadow:-2px 0 20px -16px;box-shadow:-2px 0 20px -16px}.avatar-box .user-card{padding:30px 20px;min-height:calc(90vh - 200px);text-align:center}.avatar-box .user-card .el-avatar{border-radius:50%}.avatar-box .user-card .user-personality{padding:24px 0;text-align:center}.avatar-box .user-card .user-personality p{font-size:16px}.avatar-box .user-card .user-personality .nickname{font-size:26px}.avatar-box .user-card .user-personality .person-info{margin-top:6px;color:#999;font-size:14px}.avatar-box .user-card .user-information{width:100%;height:100%;text-align:left}.avatar-box .user-card .user-information ul{display:inline-block;height:100%}.avatar-box .user-card .user-information ul li{padding:20px 0;color:#606266;font-weight:400;font-size:16px}.avatar-box .user-card .user-information ul li i{margin-right:8px}.user-addcount ul li{border-bottom:2px solid #f0f2f5}.user-addcount ul li .title{padding:10px;color:#696969;font-size:18px}.user-addcount ul li .desc{padding:0 10px 20px 10px;color:#a9a9a9;font-size:16px}.user-addcount ul li .desc a{float:right;color:#409eff}.user-headpic-update{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;width:120px;height:120px;border-radius:20px;line-height:120px}.user-headpic-update:hover{background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.15)),to(rgba(0,0,0,.15))),radial-gradient(at top center,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.4) 120%) #989898;background:linear-gradient(180deg,hsla(0,0%,100%,.15) 0,rgba(0,0,0,.15)),radial-gradient(at top center,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.4) 120%) #989898;color:#fff;background-blend-mode:multiply,multiply}.user-headpic-update:hover .update{color:#fff}.user-headpic-update .update{width:120px;height:120px;color:transparent;text-align:center}