$font-size: 35px;
.person-box {
    overflow: hidden;
}
.person-img {
    width: 10rem;
}
.person-box .el-dialog {
    height: 5.5rem;
    border-radius: 10px;
}
.person-box .el-dialog__headerbtn {
    font-size: 23px;
}


/* 头像框 */
.person-portrait {
    margin: -4.5rem 0 0 -1.5rem;
}
.person-box .imgA {
    // width: 2.5rem;
}
/* 头像 */
.person-drawing {
    width: 1rem;
    height: 1rem;
    border-radius: 50px;
    background: #ebeef5;
    margin: 0 auto;
}

/* 头像名称 */
.person-name {
    // margin: 1.7rem 0 0 6rem;
    color: #fff;
    letter-spacing: 4px;
    text-align: center;
    width: 1rem;
    height: 0.5rem;
}
.person-box .el-upload {
    width: 2.4rem;
}
.person-name-box {
    margin: 1.7rem 0 0 6rem;
}
/* 用户信息列表ul */
.person-ul {
    height: 5.1rem;
    margin: 4rem 0 0 0;
}
.person-ul-activ {
    margin: 4rem 0 0 0;
}


/* 用户信息列表li */
.person-li {
    position: relative;
    width: 10rem;
    height: .6rem;
    border-bottom: 1px solid #d4d5da;
    margin: .5rem .12rem 0 -1.12rem;
    display: flex;
    justify-content: space-around;
}

/* 列表的img */
.person-li-img {
    width: .5rem;
    height: .5rem;
    margin: .03rem 0 0 0;
}

/* 列表的div公用样式 */ 
.person-li-div {
    position: absolute;
    left: .35rem;
    display: flex;
    justify-content: flex-start;
    width: 2.9rem;
}
/* 列表的用户名称 */
.person-li-name {
    margin: 0.022rem 0.2rem .05rem ;
    // font-size: 28px;
    font-size: 15px;
    font-weight: 700;
}

/* 列表的用户名公用样式 */
.person-li-monicker {
    position: absolute;
    right: .35rem;
    // font-size: 25px;
    font-size: 15px;
    color: #666666;
}

/* 背景颜色 */
.person-beijing {
    background: #fafafa;
    height: 8.2rem;
}

/* 退出账户 */
.person-box .person-btn {
    width: 10rem;
    height: 1.5rem;
    // margin: 1.5rem 0 0 0;
    margin: 15% 0 0 0;
    color: #ff5251;
    border-radius: 0; 
    border: 0;
    background: #fff;
    // font-size: 35px;
    font-size: 18px;
}

// .person-box .el-button {
//     line-height: 2;
// }
/* 底部导航 */
.person-nav {
    position: fixed;
    bottom: 0;
    // margin-top: .03rem;
    margin: 0 0 0 -2.2rem;
    background: #fff;
    width: 12rem;
}

/* 底部导航小块 */
.person-nav-div {
    display: inline-block;
    margin: 0 0 0 -3rem;
    padding: 0 0 0 5.3rem;
}

/* 底部导航图标 */
.person-nav-img-one {
    width: .8rem;
    height: .6rem;
    margin: 3px 0 0 1px;
}
.person-nav-img-two {
    width: .7rem;
    height: .5rem;
    margin: .06rem 0 0 .02rem;

}
.person-nav-img-three {
    width: .8rem;
    height: .7rem;
    margin: .01rem 0 0 .01rem;
}

/* 底部导航文字 */
.person-text {
    font-size: 25px;
    color: #7f7f7f;
}
.person-shibie {
    margin: .1rem 0 0 0;
}
.person-min {
    margin-top: .02rem;
    color: #1296db;
}

.person-box .el-message-box {
    width: 8rem;
    height: 3rem;
}
.person-box .el-message-box__title {
    font-size: 25px;
}
.person-box .el-message-box__message p {
    font-size: 20px;
    line-height: 1.32rem;
}
.person-box .el-message-box__status.el-icon-warning {
    width: 0.5rem;
    height: 0.5rem;
    margin: .1rem 0 0 0;
}
.person-box .el-message-box__btns button:nth-child(2),  .el-message-box__btns button:nth-child(1){
    width: 1rem;
}
.person-box .el-button--mini, .el-button--small {
    font-size: 20px;
}