[v-cloak] {
	display:none;
}
.border-top,
.border-left,
.border-right,
.border-bottom {
	position:relative;
}
.border-top:before,
.border-left:before,
.border-right:after,
.border-bottom:after {
	content:'';
	position:absolute;
	display:block;
}
.border-top:before {
	top:0;
	left:0;
	right:0;
	border-top:0.01rem solid #DDD;
	transform:scaleY(0.5);
}
.border-left:before {
	top:0;
	left:0;
	bottom:0;
	border-left:0.01rem solid #DDD;
	transform:scaleX(0.5);
}
.border-right:after {
	top:0;
	right:0;
	bottom:0;
	border-right:0.01rem solid #DDD;
	transform:scaleX(0.5);
}
.border-bottom:after {
	left:0;
	right:0;
	bottom:0;
	border-bottom:0.01rem solid #DDD;
	transform:scaleY(0.5);
}

/******************************/

.logo {
	height:0.32rem;
	text-align:center;
	padding:0.1rem;
	box-shadow:0 0.1rem 0.1rem RGBA(0, 0, 0 ,0.1);
}


/******************************/
/* index style!*/
/******************************/

.index-user {
	position:relative;
	border-bottom:0.12rem solid #F5F5F5;
}
.index-user:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border-top:0.01rem solid #E6E6E6;
	transform:scaleY(0.5);
}
.index-user .top {
	position:relative;
	height:1.25rem;
	padding-top:1rem;
	background:url(../images/mobile/index-bg.png) no-repeat center bottom;
	background-size:100% auto;
}
.index-user .top .set {
	position:absolute;
	top:0;
	right:0;
	display:block;
	color:#FFF;
	padding:0.15rem;
	padding-left:0.24rem;
	background:url(../images/icon-wechat.png) no-repeat 0 45%;
	background-size:0.2rem auto;
}
.index-user .top .explain {
	position:absolute;
	top:0;
	left:0;
	display:block;
	color:#FFF;
	padding:0.15rem;
}
.index-user .top .pic {
	overflow:hidden;
	width:1.2rem;
	height:1.2rem;
	margin:0 auto;
	border-radius:50%;
	border:0.04rem solid #FFF;
	box-shadow:0 -0.03rem 0.2rem RGBA(0, 0, 0, 0.1);
}
.index-user .con {
	text-align:center;
	margin:0.1rem 0;
}
.index-user .con .name {
	height:0.28rem;
	line-height:0.28rem;
	margin:0.1rem 0 0.15rem 0;
}
.index-user .con .name b {
	font-size:0.24rem;
}
.index-user .con .name .sex,
.index-user .con .name .sex2 {
	display:inline-block;
	height:0.24rem;
	line-height:0.24rem;
	color:#FFF;
	font-size:0.15rem;
	vertical-align:top;
	margin-left:0.1rem;
	padding:0 0.3em;
	margin-top:0.02rem;
	border-radius:0.03rem;
	background:#F9C;
}
.index-user .con .name .sex2 {
	background:#0CF;
}
.index-user .con .name .age {
	display:inline-block;
	vertical-align:top;
	margin-left:0.05rem;
}
.index-user .item {
	display:table;
	width:100%;
}
.index-user .con ul {
	display:table-row;
}
.index-user .con li {
	display:table-cell;
}
.index-user .con li b {
	display:inline-block;
	color:#F9C;
	font-size:0.15rem;
	padding-left:0.22rem;
	background:url(../images/mobile/icon-id.png) no-repeat 0 50%;
	background-size:0.18rem auto;
}
.index-user .con li.phone b {
	background-image:url(../images/mobile/icon-tel.png);
}

.index-user .con .bind-tips p {
	color:#999;
	margin-bottom:0.06rem;
}

/******************************/

.photo {
	margin:0.1rem;
	background:#F1F1F1;
}
.photo a {
	overflow:hidden;
	float:left;
	width:25%;
}
.photo a img {
	width:100%;
	height:0.9rem;
}

/******************************/

.detail {
	padding:0.12rem 0;
}
.detail tr td:last-child {
	width:100%;
}
.detail label {
	display:block;
	text-align:right;
	white-space:nowrap;
	padding:0.03rem 0.03rem 0.03rem 0.15rem;
}
.detail2 {
	table-layout:fixed;
	padding:0.12rem 0;
}
.detail2 td {
	padding:0.03rem 0.03rem 0.03rem 0.15rem;
}

/******************************/

.footer {
	color:#BBB;
	text-align:center;
	font-size:0.14rem;
	padding:0.2rem 0 0.1rem 0;
}
.footer p {
	margin-bottom:0.05rem;
}
.footer a {
	color:#BBB;
}