.cards>ul>li{ float: left; position: relative; padding: 8px 10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.cards>ul>li>a{ display: block;  height: 95px; border: 1px solid #d9d9d9; position: relative; border-radius: 5px; overflow: hidden;  transition: all 0.3s linear 0s; padding-left: 80px;  }
	.cards>ul>li>a:hover { -moz-box-shadow: 0px 0px 10px #ddd; -webkit-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; }
	.cards>ul>li>a>img { width: 65px; height: 65px; background: #FFF;  border-radius: 50%; position: absolute; left: 5px;top: 11px;  }
	.cards>ul>li>a>h2{ font-size: 22px;line-height: 30px; height: 30px; overflow: hidden; margin-top: 12px; font-weight: 500; white-space:nowrap;}
	.cards>ul>li>a>h2>span{ font-weight: normal;  color: #666; height: 30px; margin-left: 10px;}
	.cards>ul>li>a>p { color: #666; font-size: 14px; overflow: hidden; overflow: hidden; height: 20px; line-height: 20px; }
	.cards>ul>li>a>p>i { margin-right: 5px; }
	.cards>ul>li>p { position: absolute; bottom: 12px; height: 20px; line-height: 20px; left: 20px; right:20px; border-top: 1px dotted #d0d0d0; overflow: hidden; color: #888; font-size: 12px;}
	.cards>ul>li>p>i { margin-right: 10px; font-size: 20px;}
	.cards>ul>li>span{ border: #0272b4 solid 1px; display: block; border-radius: 5px; line-height: 30px;  color: #0272b4; position: absolute;  right: 20px; top: 50%; margin-top: -15px; width: 70px; text-align: center; cursor: pointer;} 
	.cards>ul>li>span.disable { color: #666;}
	
	.cards>ul>li.txt>a { padding-left: 0px;  padding-right: 0px;  }
	.cards>ul>li.txt>a>h2,.cards>ul>li.img>a>h2 { height: 40px; margin: 0px 15px 0px 10px; line-height: 40px;  font-size: 16px; overflow: hidden; }
	.cards>ul>li.txt>a>p,.cards>ul>li.img>a>p { height: 40px; line-height: 20px; padding: 0px 10px; overflow: hidden; color: #888; width: auto;}
	.cards>ul>li.img>a>img { border-radius:0px; left: 12px;}
	.cards>ul>li.img>a {padding-right: 0px;  }
	
	.load-more { margin: 15px auto; text-align: center;}
	.load-more>a { display: inline-block; width: 700px; text-align: center; background: #eee; line-height: 35px;}
	
	.group>ul>li{ width: 50%; }
	.group>ul>li>a { padding-left: 100px; height: 100px;}
	.group>ul>li>a>img { border-radius: 0px; left: 10px; width: 80px; height: 80px; border-radius: 5px; }
	.group>ul>li>a>h2 { margin-top: 8px; font-size: 16px;}
	.group>ul>li>a>p { width: auto; padding-right: 10px; height: 25px; line-height: 25px; }
	.group>ul>li>a>div{ padding-right: 10px; height: 25px; line-height: 25px; overflow: hidden; }
	.group>ul>li>a>div>span { padding-right: 10px;}
	.group>ul>li>a>p>span { color: #336699;}
	.group>ul>li>a>p>i { float: right; color: #FF6600;}
	.group>ul>li>a>p>i::before { color: #999; margin-right: 5PX;}
	.group>ul>li>a>b { display: none;}
	
	
	.imgcard>ul>li>div { display: inline-block; position: absolute; right: 20px; height: 32px;  top: 50%; margin-top: -16px; text-align: right;  }
	.imgcard>ul>li>div>i,.imgcard>ul>li>div>a { display: inline-block; width: 32px; height: 32px; margin-left: 10px;  background-position: center center; background-size: cover;cursor: pointer; vertical-align: middle;  }
	.imgcard>ul>li>div>.one{ right: 16px; }
	.imgcard>ul>li>div>.two { right: 55px; }
	.imgcard>ul>li>div>.icons-detail { background-image: url(../images/icon-detail.png);}
	.imgcard>ul>li>div>.icons-wait { background-image: url(../images/icon-wait.png);}
	.imgcard>ul>li>div>.icons-add { background-image: url(../images/icon-add.png) ; }
	.imgcard>ul>li>div>.icons-call { background-image: url(../images/icon-call.png); display: none; }
	.imgcard>ul>li>div>.icons-ignore { background-image: url(../images/icon-ignore.png); }
	.imgcard>ul>li>div>.icons-pass { background-image: url(../images/icon-pass.png); }
	.imgcard>ul>li>div>.icons-chat { width: 45px; height: 25px; font-size: 10px!important; text-align: center; line-height: 25px;border: 1px solid #0066cc; color: #0066cc; border-radius: 5px; background: #FFF; position: relative;}
	.imgcard>ul>li>div>.icons-chat>cite { position: absolute; right: 0px; top: -8px; background: #FF0000; display:block; width: 13px; height: 13px; border-radius: 50%; display: none}
	.imgcard>ul>li>div>.icons-chat>.new-msg{display: none;}
	.imgcard>ul>li>div>.icons-chat>cite.active { display: block!important;}
	.imgcard>ul>li>div>.icons-chat.active { border: 1px solid #FF0000; color: #FF0000 }
	.imgcard>ul>li>div>.icons-chat.active>cite { display: block!important; }
	.imgcard>ul>li>div>.icons-chat.active>.send-msg { display: none;}
	.imgcard>ul>li>div>.icons-chat.active>.new-msg { display: block;}
	.imgcard>ul>li>a { padding-left: 80px; padding-right: 80px;}
	@media screen and (max-width: 1024px) {
		
		.cards { width: 100%; padding: 0px; margin-bottom: 0px;}
		.cards>ul>li { width: 100%;}
		.cards>ul>li>a { padding-left: 80px;}
		
		.cards>ul>li>p { left: 10px; right:10px; bottom: 5px; }
		
		.load-more { display: none;}
		
		.preson>ul>li, .group>ul>li{ padding: 0px 10px;}
		.preson>ul>li>a { border-color: #FFF; border-bottom: 1px dotted #C9C5C5;  border-radius: 0px; }
		
		
		.imgcard>ul>li>div { right: 10px;}
		
		.group>ul>li>a {padding: 0px 0px 5px 100px; border:none; border-bottom: 1px solid #C9C5C5; border-radius: 0px; }
		.group>ul>li>a>img { top: 10px; }
		
		.group>ul>li>a>b { display: block; position: absolute; right: 2px; top: 50%; margin-top: -25px; font-size: 32px; width: 20px; height: 32px; color: #CDCDCD; }
		
		.group>ul>li>a>p>i { margin-right:5px;}
		.group>ul>li>a>p { padding-right: 15px; }
		
		.imgcard>ul>li>div>.icons-call { display: inline-block;}
		
		
		.imgcard>ul>li>a { padding-left: 75px; padding-right: 70px;}
		.imgcard>ul>li>a>h2 { font-size: 18px; }
		.imgcard>ul>li>a>p { font-size: 12px;}
		.imgcard>ul>li>a>img { left: 0px; top: 15px;}
		
		.group>ul>li>a>span { right:auto!important; left: 61px;}

		.chat-person>ul>li>div { right: -3px;}
		.imgcard>ul>li>div>i,.imgcard>ul>li>div>a { background-size: 85%; background-repeat: no-repeat; }
	}
	@media screen and (max-width: 375px) {
		.cards>ul>li>a>p { overflow: hidden; height: 20px;} 
		.group>ul>li>a>p { height: 25px; overflow: hidden; }
	}