page-editPersonInfo {
    .searchToolBar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        box-sizing: border-box;
    }
    
    .content{
     //    background-color: #f1f1f1;
    }
 
    .info-item{
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     box-sizing: border-box;
    
    }
 
    .img{
        width: 40px;
        height: 40px;
    }
 
    .info{
        font-size: 18px;
        color: #272727;
    }
 
    .sex{
        color: #5dc3fc;
        font-weight: bolder;
    }
 
 //    .photo-box{
 //     display: flex;
 //     flex-direction: row;
 //     align-items: center;
 //     justify-content: center;
 //     box-sizing: border-box;
 //    }
 
    .icon-more{
        color: #d1d1d5;
        margin-left: 5px;
    }
 
    .info-span{
        color: #747474;
        font-size: 18px;
        width: 90px;
    }
    
    .confirm{
        width: 25px;
        height: 25px;
        margin-right: 15px;
    }
 
    .content-title{
     background-color: #f5f5f5;
     font-size: 14px;
     color: #b2b2b2;
     padding-left: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
    }
 
    .list-ios{
        margin: 0 0;
    }
    
    .info-item-box{
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: left;
     box-sizing: border-box;
    }
 
 //    .info-input{
 //        border-left: 1px solid #53bffd;
 //    }
 
 //    .info-input input{
 //        width: 200px;
 //        border: 0;
 //    }
     .info-input{
         font-size: 18px;
     }
 
    .list-md {
     margin: -1px 0 0px;
    } 
 
 //    .title-label{
 //        width: 60px;
 //    }
 
    .content-label{
         text-align: right;
    }
 
    .content-box{
        margin-left: 15px;
    }
 
    .content-box-group{
     border-bottom: 1px solid #cccccc;
    }
 
    .back-btn{
        width: 30px;
        height: 30px;
    }
 }
 