@charset "utf-8";
/*公共*/
/*.block_user {
    padding: 0 0 70px;
}*/

/*头部*/
.user_header {
    background: url(/Content/Mobile/images/moduleFamily/top_bg2.png) no-repeat center 0;
    background-size: 100% auto;
	position: relative;
}
.user_header .user_bg {
	padding:1.2rem 0 .8rem .8rem;
}
.user_header .head {
	float:left;
	font-size:0;
}
.user_header .head img {
	width:2rem;
	height:2rem;
	border-radius:100%;
}
.user_header .info_bg {
	color:#FFFFFF;
	padding:.2rem 0 0 2.5rem;
}
.user_header .info_bg .name {
	padding-bottom:.25rem;
}
.user_header .info_bg .name * {
	vertical-align:middle;
}
.user_header .info_bg .name b {
	font-size:.6rem;
	font-weight: normal;
}
.user_header .info_bg .name span {
    background: url(/Content/Mobile/images/moduleFamily/ico_11.png) no-repeat .25rem center #FFFFFF;
    background-size: .38rem auto;
	font-size:.36rem;
	border-radius:100px;
	padding:.1rem .3rem .1rem .75rem;
	margin-left:.3rem;
	color:#F55A53;
}
.user_header .info_bg .info {
	font-size:.36rem;
}
.user_header .setup {
	position:absolute;
	top:.5rem;
	right:.5rem;
}
.user_header .setup img {
	width:.58rem;
}

/*常用栏目*/
.user_common {
	background:#FFF;
	padding:.6rem 0;
	margin-bottom:.3rem;
}
.user_common ul {
	flex-wrap: wrap;
	display: flex;
}
.user_common li {
	width:33.3333%;
}
.user_common li a {
	display:block;
	background:url(/Content/Mobile/images/moduleFamily/ico_12.png) no-repeat center 0; background-size:.68rem auto;
	font-size:.4rem;
	text-align:center;
	padding-top:.8rem;
	position:relative;
}
/*.user_common li a b {
	display:block;
	font-size:.6rem;
	font-family:Arial, Helvetica, sans-serif;
}*/
.user_common li.a2 a {
	background-position:center -3rem;
}
.user_common li.a3 a {
	background-position:center -6rem;
}
.user_common li a i {
	background:#F55A53;
	font-size: .3rem;
	color: #FFF;
	position: absolute;
	top:-.15rem;
	left:2.2rem;
	padding:.05rem .08rem;
	min-width:.3rem;
	text-align:center;
	border-radius:100px;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
}

/*导航*/
.user_column .public_button {
	padding:.7rem .5rem .5rem;
}
.user_column > ul {
	background:#FFF;
	padding:0 0 0 .4rem;
	margin-bottom:.3rem;
}
.user_column > ul > li {
    background:url(/Content/Mobile/images/moduleFamily/ico_13.png) no-repeat 0 .5rem;
	background-size:.9rem auto;
	padding-left:1.2rem;
	line-height:1.8rem;
}
.user_column > ul > li > a {
    background:url(/Content/Mobile/images/public/arrow_r.png) no-repeat calc(100% - .5rem) center;
	background-size:.2rem auto;
	display:block;
	border-bottom:1px solid #E6E6E6;
}
.user_column > ul > li:last-child > a {
	border-bottom: none;
}
.user_column > ul > li > a * {
	vertical-align: middle;
}
.user_column > ul > li > a b {
	font-weight:normal;
	color:#666666;
	font-size:.4rem;
}
/*.user_column li span {
	float:right;
	padding-right:30px;
	color:#999999;
}
.user_column li i {
	margin-left:5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	background:#FF8D20;
	padding:2px 5px;
	font-style: normal;
	border-radius:50px;
}*/
.user_column li.a2 {background-position: 0 -2.5rem;}
.user_column li.a3 {background-position: 0 -5.5rem;}
.user_column li.a4 {background-position: 0 -8.5rem;}
.user_column li.a5 {background-position: 0 -11.5rem;}
.user_column .list {
    background: none;
	line-height: normal;
	flex-wrap: wrap;
	display: flex;
	padding:.3rem .3rem .3rem 1.2rem;
}
.user_column .list p {
	width:33.3333%;
}
.user_column .list a {
	display:block;
	flex-wrap: wrap;
	display: flex;
	padding:.15rem 0;
}
.user_column .list a span {
	font-size:.36rem;
	height: .6rem;
	line-height: .6rem;
    overflow:hidden;
	display:block;
	max-width: 2.2rem;
}
.user_column .list a i {
	background: url(/Content/Mobile/images/public/ico_signal.png) no-repeat 0 center; background-size:.32rem auto;
	width:.32rem;
	height: .6rem;
	display:block;
	margin-left:.15rem;
}
.user_column .list i.timeout {
	filter: grayscale(100%);
}