.personal-info-page{
        .box{
            padding: 24px 60px 60px 40px !important;
        }
        .label{
            width:100px;
            text-align:right;
            font-size: 14px;
            color: #666666;
            line-height: 20px;
            display:inline-block;
            margin-right:8px;
        }
        .avatat-item{
            position: relative;
            margin-bottom:12px;
            .avatar{
                width:60px;
                height:60px;
                cursor: pointer;
                border-radius: 50%;
            }

            .avatar-cover{
                width:60px;
                height:60px;
                cursor: pointer;
                border-radius: 50%;
                background: #000;
                opacity:0;
                position: absolute;
                left:92px;
                text-align:center;
                line-height:60px;
                .pen{
                    display:inline-block;
                    color:#FFF;
                    font-size:22px;
                }
                // &:hover{
                //     display: inline-block;
                //     opacity:0.5;
                // }
            }
        }
        .name-item{
            margin-bottom:16px;
        }
        .phone-item{
            margin-bottom:28px;
            .changePhoneBtn{           
                font-size: 14px;
                font-weight: 400;
                color: #666666;
                line-height: 22px;
                padding:0 12px !important;
                margin-left:20px;
            }
        }
        .save-btn {
            margin-top:20px;
            margin-left: 106px;
        }

}