@charset "utf-8";

#leftMenu .list {
	background-image:url(/client/img/icon_list.gif);
}
#leftMenu .case {
	background-image:url(/client/img/icon_case.gif);
}
#leftMenu .report {
	background-image:url(/client/img/icon_report.gif);
}

.userList {
	width:800px;
}
.userList li {
	width:184px;
	float:left;
	margin:15px 16px 0 0;
}
.userList div {
	width:100%;
	height:100px;
	position:relative;
}
.userList img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.userList p {
	text-align:center;
	overflow:hidden;
	line-height:18px;
	height:18px;
	padding:0 8px;
	margin:10px 0;
}

.clientList {
	margin-top:10px;
}
.clientList li {
	line-height:30px;
	white-space:nowrap;
	width:372px;
	background:url(/inc/img/arron.gif) no-repeat 10px 13px;
	float:left;
	padding-left:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	border-bottom:1px dashed #cedde8;
}

/*小屏端样式*/
@media (max-width: 800px) {
	.userList {
		width:100%;
	}
	.userList li {
		width:50%;
		margin:12px 0 0;
	}
	.userList div {
		width:140px;
		height:80px;
		margin:0 auto;
	}
	.userList img {
		max-width:140px;
		max-height:60px;
	}
	.userList p {
		margin:5px;
		line-height:1.5;
	}

	.clientList li {
		width: calc(100% - 20px);
		float:none;
	}
}