@charset "utf-8";
.headface {
    height: 11rem;
    width: 100%;
    background-image: url(../images/bc_02.png);
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

.headface .xm {
    text-align: center;
    font-size: 0.7rem;
    color: #FFFFFF;
    margin-top: 1.25rem;
}

.headface .id {
    text-align: center;
    font-size: 0.5rem;
    color: #B5B5B6;
    margin-top: 0.5rem;
}

.button.update .iconfont.icon-3 {
    vertical-align: middle;
    font-size: 1rem;
    margin-right: 0.5rem;
}

.button.update {
    margin-top: 2.8rem;
    background-color: #0595d0;
}

.headface .face img {
    width: 100%;
    height: 100%;
}

.headface .face {
    width: 3rem;
    border-radius: 3rem;
    height: 3rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5rem;
    border: 0.05rem solid #FFFFFF;
    overflow: hidden;
}