/*------------------------家庭成员增加页面-----------------------------------------*/
/*默认定位  360 *640*/ 
.PerSonalHeaddiv{
    width: 100%;
    height: 25%;
}
.PerHeadTitle
{
margin-bottom: 10%;

z-index: 1000;
position: relative;
}
.PerHeadIsCenter
{

margin: 17% 0% 17% 0%;
}

/*环样式*/
.content{
border-radius: 50%;
border: 1px solid #50B5DA;
z-index: 10002;
    }
@media screen and (max-height: 490px) {
  .PerSonalHeaddiv{
    /*覆盖上面的样式320* 490得高度*/
width: 100%;
height:22%;

}
.PerHeadTitle
{
margin-bottom: 4%;

z-index: 999999;
position: relative;
}
.PerHeadIsCenter
{

  margin: 3% 0% 0% 0%;
}

}   /* 覆盖结束*/

.PerHeadleftButton{
float: left;
margin-left: 3%;
width: 10%;
height: 2rem;
background-size: contain;
background-repeat: no-repeat;
background-position: 10px;
background-image: url(../images/nleft.png);

}
.PerImgIcon{
  height: 5rem;
}


.PerHeadrightButton
{

margin-right:3%;
  float: right;
width: 10%;
  height: 2rem;
  background-size: contain;
background-repeat: no-repeat;
background-image: url(../images/nright.png);
background-position: 10px;
}


.PerHeadCenterIcon{

float: left;
width: 70%;
margin-top: -5%;
}
.PerHeadCenterIcon ul li{
  float: left;
  height: 5rem;
  width: 25%;
}
.PerHeadCenterIcon ul{
  
  width: 100%;
}

.personalInfo{
margin-top: 2em;
width: 100%;

}
.personalInfo >label{

	padding-left: 5%;
	
}
.personalInfo input[type=text]{

	width: 76%;
	text-align: center;
		border-bottom:1px solid  #666666;
}
.gender{
	margin-top: 2em;
	width: 100%;
}
.gender input[type=radio]{
margin-left: 7%;
	opacity: 0;
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
width: 40px;
height: 34px;
}

.birthday{
	margin-top: 2em;
	width: 100%;
}
.birthday label{
	padding-left: 5%;
}
.birthday input[type=text]{
	width: 15%;
	text-align: center;
	border-bottom:1px solid  #666666;
}

.myroid_on {
width: 24px;
height: 18px;

padding-top: 3px;
cursor: pointer;
text-align: center;
margin-right: 10px;
background-image: url(../images/radio_1.png);
background-repeat: no-repeat;
background-size:contain;
background-position: 47%;
}

.myroid_off {
width: 24px;
height: 18px;

padding-top: 3px;
cursor: pointer;
text-align: center;
margin-right: 10px;
background-image: url(../images/radio_2.png);
background-repeat: no-repeat;
background-size:contain;
background-position: 47%;
}

.radioclass {
opacity: 0;
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.on {
background-position: 0 0;
}
/*------------------------家庭成员增加页面  结束-----------------------------------------*/

/*------------------------家庭成员 列表页面-----------------------------------------*/
/*家庭成员列表 的样式定位  */
    .MenberIconDiv {
       width: 17%;
          display: table-cell;
         vertical-align: middle;
        text-align: right;
        padding-left: 4%;
    }


    .MenberName {
            width: 73%;
        display: table-cell;
        vertical-align: middle;
        padding-left: 4%;
        
    }
    .meberbtom {
        width: 100%;
        display:table-row;
        text-align: left;
    }

     .MenberbaseInfright {
        display: table-cell;   
        color: #666;
        font-size: 90%;
    }
     .MenberbaseInfright p {
            float: right;
            position: relative;
            padding-left: 5%;
        }

    .MenberbaseInfo {
        display: table-cell;   
        color: #666;
        font-size: 90%;
    }
        .MenberbaseInfo p {
            float: left;
            position: relative;
            padding-left: 5%;
        }

    .MenberDelIconDiv {
        width: 20%;
        display: table-cell;
        vertical-align: middle;
    }
/*------------------------家庭成员列表页面  结束-----------------------------------------*/