div.agent-list-block{ width:100%; }
ul.agent-list{
	width:100%;margin:20px 0;
	display: flex;display: -webkit-flex;
	flex-wrap: wrap;-webkit-flex-wrap:wrap;
}
ul.agent-list > li{
	width:calc(100% / 2);padding:10px;box-sizing: border-box;
	display: flex;display: -webkit-flex;
	align-items: stretch;-webkit-align-items:stretch;
}
ul.agent-list > li > div{
	display: flex;display: -webkit-flex;
	justify-content: flex-start;-webkit-justify-content:flex-start;
	align-items: center;-webkit-align-items:center;
	padding:10px;width:100%;
	font-size:12px;color:#555;
	border:1px solid rgba(221,221,221,1);
	border-radius:3px;
	transition: all .3s;
}
ul.agent-list > li img { width:121px;max-height:75px; }
ul.agent-list > li > div > div{ margin-left:10px;width:100%; }
ul.agent-list > li > div > div > a{
	font-size:16px;
}
ul.agent-list > li > div > div > a:hover{
	color:#cc2620;text-decoration: underline;
}
ul.agent-list > li > div > div p{
	margin:2px 0;width:100%;
	display: flex;display: -webkit-flex;
	align-items: flex-start;-webkit-align-items:flex-start;
}
ul.agent-list > li > div p > span:first-child{
	white-space: nowrap;
}
ul.agent-list > li > div p > span:last-child{
	width:100%;
}
ul.agent-list > li:hover > div{
	box-shadow: 0 0 10px rgba(60,60,60,.3);
}

/*only agent*/
div.ttbox > ul{ width:100%;border-bottom:none; }
div.ttbox > ul > li{
	width:calc(100% / 9);
	text-align: center;
	box-sizing: border-box;
	margin:0;
	transform: skewX(-25deg);
	border-left:1px solid #e5e9ef;
	transition: all .1s;
	border-bottom:1px solid #e5e9ef;
}
div.ttbox > ul > li > a{
	display: block;
	transform: skewX(25deg);
}
div.ttbox > ul > li::before{ 
	display: block;margin-left:0;
	top:28px;transform: skewX(25deg);
}