@import '../css/reset.css';

@import '../css/base.css';

/* content */

dl.memberInfo {

	display: flex;

	padding: 15px 0;

	border-bottom: 1px solid #EEEEEE;

}

dl.memberInfo dt {

	width: 50px;

	height: 50px;

	text-align: center;

	color: #666;

	border: 1px solid #F2F2F2;

	background-color: #F2F2F2;

	padding: 10px;

	margin-right: 20px;

	position: relative;

}

dl.memberInfo dt p {

	font-size: 20px;

	font-weight: 700;

}



dl.memberInfo dt span {

	display: block;

	width: 100%;

	font-size: 12px;

	line-height: 22px;

	position: absolute;

	bottom: 6px;

	left: 0;

	color: #666;

}



dl.memberInfo dd {

	flex: 1;

	width: calc(100% - 90px);

}

dl.memberInfo dd h2 {

	margin-bottom: 2px;

}

dl.memberInfo dd h2 a {

	display: inline-block;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 16px;

	color: #333;

}

dl.memberInfo:hover dd h2 a {

	color: #008442;

}

dl.memberInfo dd p {

	width: 100%;

	word-break: break-all;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	font-size: 10px;

	color: #717171;

	line-height: 20px;

}

/* 小分辨率 */

@media screen and (min-width: 992px){

	

}

/* 手机 */

@media screen and (max-width: 768px){

    dl.memberInfo dt {

    	margin-right: 10px;

    }

    dl.memberInfo dd {

    	width: calc(100% - 80px);

    }

}