body{
	background:rgba(247,249,250,1);
	color:#333333;
}
.banner{
	width: 100%;
	min-width: 1200px;
}
.dc_banner{position:relative; background:url(../images/designer_cooperate/banner.png) no-repeat center center; }
.dc_banner a{ display:block; width:100%; height:400px; position:absolute;left:0; top:0; }
.banner>img{
	width: 100%;
}
.dc_main{
	background-color: #ffffff;
	margin-top:40px;
}
.dc_list{
	height: 190px;
	overflow: hidden;
	padding:28px 28px;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
	position:relative;
}
.portrait{
	display: inline-block;
	float: left;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.portrait img{
	display:block;
	width:100%; 
	height:auto;
	position:absolute;
	left:50%; 
	top:50%; 
	transform:translate(-50%,-50%);
}
.dc_list .infom{
	float: left;
	margin-left: 20px;
	width: 200px;
}
.dc_list .infom .name{
	font-size: 16px;
	font-weight:500;
}
.dc_list .infom .adr_iden{
	font-size: 14px;
	color: #999999;
	margin-top: 16px;
}
.dc_list .infom .adr_iden span{
	margin:0 5px;
}
.dc_list .infom .creation{
	font-size: 14px;
	color:#666666;
	margin-top: 16px;
}
.dc_list .infom .creation span{
	color:#333333;
}
.dc_list .infom .follow{
	display: block;
	width: 88px;
	height: 32px;
	line-height: 32px;
	color:#ffffff;
	text-align: center;
	font-size: 12px;
	background:rgba(255,0,104,1);
	margin-top: 20px;
	cursor: pointer;
	border-radius: 2px;
}
.dc_list .infom .follow:hover{
	width:100px;
}
.dc_list .img_list{
	float: left;
	margin-left: 80px;
}
.dc_list .img_list ul li{
	float: left;
	margin-right: 10px;
	width: 176px;
	height: 130px;
	overflow: hidden;
	position: relative;
}
.dc_list .img_list ul li img{
	display:block;
	width:100%; 
	height:auto;
	position:absolute;
	left:50%; 
	top:50%; 
	transform:translate(-50%,-50%);
}
.dc_list .img_list ul li:hover img{
	transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); 
    -o-transform:scale(1.2);
    left:0;
    top:0;
}

.dc_list .ilt_more_icon{
	display: block;
	width:30px;
	height:130px;
	display: inline-block;
	background: url("../images/designer_cooperate/ilt_more_icon.png") no-repeat center center;
	position: absolute;
	top:30px;
	right:20px;
	cursor: pointer;
}
.pagetation{
	width:290px;
	margin:0 auto;
	padding:80px 0;
}
.pagetation .prve,.pagetation .next{
	width: 36px;
	height: 36px;
	background:rgba(249,249,249,1);
	border-radius:2px;
	border:1px solid rgba(234,234,234,1);
	float: left;
	margin-left: 10px;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
	background: url("../images/icon/next_page.png")no-repeat center center;
}
.pagetation a{
	display: block;
	width: 36px;
	height: 36px;
	background:rgba(249,249,249,1);
	border-radius:2px;
	border:1px solid rgba(234,234,234,1);
	float: left;
	margin-left: 10px;
	text-align: center;
	line-height: 36px;
}
.pagetation a.active{
	background:rgba(255,0,104,1);
	color:#ffffff;
}
.pagetation_box{
	background: #ffffff;
	margin-bottom:60px;
}