.user-info-edit {
    padding: 20px 18px;
}
.info-edit-box1 {
    display: flex;
    margin-bottom: 30px;
}
.info-edit-box1 .edit-title {
    margin-right: 24px;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    color: #212121;
}
.info-edit-box1 .avatar-icon {
    height: 50px;
    width: 50px;
    margin-right: 20px;
}

/* 头像上传 */
.right_011{ display:block;}
.right_011 input{ display:block; width:calc(100% - 22px); font-size:13px; color:#000; border:1px solid #ddd; padding:0 10px; height:30px; border-radius:4px;}
.right_011 textarea{ display:block; width:calc(100% - 22px); font-size:13px; color:#000; border:1px solid #ddd; padding:10px; border-radius:4px; height:100px;}
.right_011 .shangchuan_input{ display:inline-block; vertical-align: bottom; text-align:center; padding:6px 16px 6px 16px; border: 1px solid #ddd; border-radius:10px;cursor:pointer;}
.right_011 .shangchuan_input .tubiao_001{ width:26px; height:34px; border-radius:1000px; display:flex; align-items:center;}
.right_011 .shangchuan_input .tubiao_001 .img_001{ display:block; width:26px; margin:0 auto;}
.right_011 .shangchuan_input .tubiao_001>input{ display:none;}
.right_011 .shangchuan_input .zi_001{ font-size:12px; color:#666; display:block; line-height:20px;}
.right_011 .zhushi_001{ width:calc(100% - 97px); font-size:14px; color:#000; display:inline-block; vertical-align: bottom; margin: 0 0 20px 10px; line-height:19px; font-weight:bold;}

.info-edit-box {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.info-edit-box .edit-title {
    margin-right: 24px;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    color: #212121;
}
.info-edit-box .avatar-icon {
    height: 50px;
    width: 50px;
    margin-right: 20px;
}
.info-edit-box .box {
    display: flex;
    align-items: center;
}
.info-edit-box .box .edit-text {
    font-size: 12px;
    line-height: 17px;
    color: #1D1C1C;
}
.info-edit-box .edit-btn {
    margin-left: 10px;
    font-size: 12px;
    line-height: 17px;
    color: #00a3e0;
    text-decoration: underline;
}
.modify-data-wrap {
    flex: 1;
    display: flex;
    align-items: center;
}
.modify-data-wrap .input-text {
    height: 26px;
    width: 172px; 
    padding: 0 8px;
    font-size: 12px;
    line-height: 17px;
    border: 1px solid #B2B6CB;
    border-radius: 4px;
    box-sizing: border-box;
}
.modify-data-wrap .confirm-btn {
    margin-left: auto;
    margin-right: 10px;
    width: 50px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 17px;
    color: #00a3e0;
    background: #F5F6FA; 
    border-radius: 100px;
}
.modify-data-wrap .cancel-btn {
    width: 50px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 17px;
    color: #A3A3A3;
    background: #F5F6FA; 
    border-radius: 100px;
}