.head[data-v-7b83b23e]{height:150px;background:url(../../static/img/user-head-bg.beb0c59d.jpg);overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;position:relative}.head .user-box[data-v-7b83b23e]{text-align:center}.head .user-box .head-picture[data-v-7b83b23e]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin:0 auto}.head .user-box .head-picture img[data-v-7b83b23e]{width:100%;height:100%}.head .user-box .name[data-v-7b83b23e]{color:#fff;font-size:14px;margin-top:10px}.head[data-v-7b83b23e]:after{content:"";display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:rgba(0,0,0,.3)}.head .user-box[data-v-7b83b23e]{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%)}.menu[data-v-7b83b23e]{background:#fff}.menu .item-box[data-v-7b83b23e]{padding:0 10px}.menu .item-box .item[data-v-7b83b23e]{padding:7px 0;border-bottom:1px solid rgba(0,0,0,.15)}.menu .item-box .item .icon[data-v-7b83b23e]{width:20px;height:20px;border-radius:50%;position:relative;margin-right:4px}.menu .item-box .item .icon img[data-v-7b83b23e]{width:65%;height:65%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}