page-personInfo {
    .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;
       margin-right: 15px;
   }

   .contact-sex{
    font-size: 16px;
    font-weight: bold;
    }

    .male{
        color: #72a4fe;
    }

    .female{
        color: #f09ae5;
    }

   .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;
   }
   
   .edit{
       width: 30px;
       height: 30px;
   }

   .content-title{
    background-color: #f5f5f5;
    font-size: 14px;
    color: #b2b2b2;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
   }

   .list-ios{
       margin: 0 0;
   }

   .save{
       margin-top: 30px;
   }

   .info-item-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
   }
  
   .list-md {
     margin: -1px 0 0px;
    }   

    .back-btn{
        width: 30px;
        height: 30px;
    }
}
