html,
body {
	background: #eeeeee;
}

.designerDetails {
	width: 100%;
	position: relative;
	height: auto;
	box-sizing: border-box;
	
	background: #eeeeee;
}

.designerDetails_banner {
	width: 1920px;
	height: 460px;
	margin: 0 auto;
	background: url(../img/designerDetails/designerDetails_banner.png) center center no-repeat;
	position: relative;
}

.designerDetails_banner .designerDetails_banner_title {
	color: #FFFFFF;
	font-size: 14px;
	display: flex;
	align-items: center;
	position: relative;
	padding-top: 15px;
}

.designerDetails_banner .designerDetails_banner_title a {
	color: #FFFFFF;
	font-size: 14px;
}

.designerDetails_banner .designerDetails_banner_img {
	width: 271px;
	height: 358px;
	position: absolute;
	top: 51px;
	left: 179px;
}

.designerDetails_banner .designerDetails_banner_img img {
	width: 100%;
	height: 100%;
}

.designerDetails_banner .designerDetails_banner_content {
	width: 367px;
	height: 358px;
	position: absolute;
	right: 89px;
	top: 51px;
}

.designerDetails_banner .designerDetails_banner_content .name {
	font-size: 58px;
	font-family: MicrosoftYaHei;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 90px;
	line-height: 65px;
}

.designerDetails_banner .designerDetails_banner_content .work {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0;
	line-height: 18px;
}

.designerDetails_banner .designerDetails_banner_content .div {
	font-size: 14px;
	font-family: Microsoft YaHei;
	/*font-weight: bold;*/
	color: #FFFFFF;
	line-height: 25px;
}

.designerDetails_banner .designerDetails_banner_content .des_ry{
	text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;
}

.designerDetails_banner .designerDetails_banner_content .des_ln{
	text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;
}

.designerDetails_banner .designerDetails_banner_content .div1 {
	margin-top: 23px;
}

.designerDetails_banner .designerDetails_banner_content .div4 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.designerDetails_body {
	width: 1200px;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	clear: both;
	margin: 38px auto 0;
}

.designerDetails_body .designerDetails_body_left {
	width: 885px;
	height: auto;
	position: relative;
	box-sizing: border-box;
	background: #FFFFFF;
	padding: 48px 45px 40px;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_title {
	font-size: 24px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #686868;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_content {
	width: 100%;
	height: auto;
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 38px;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_content .list {
	width: 386px;
	height: 392px;
	box-sizing: border-box;
	border: 1px solid #DCDCDC;
	margin-bottom: 25px;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_content .list:hover {
	box-shadow: 4px 4px 12px #969696;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_content .list img {
	width: 384px;
	height: 288px;
	position: relative;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_content .list .list_title {
	font-size: 20px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #525252;
	position: absolute;
	bottom: 66px;
	left: 16px;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_content .list .list_font {
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #8F8F8F;
	position: absolute;
	bottom: 37px;
	left: 16px;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_content .list .list_cases {
	width: 86px;
	height: 29px;
	border: 1px solid #B3B3B3;
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #525252;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	position: absolute;
	bottom: 47px;
	right: 18px;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_content .list .list_cases1 {
	width: 86px;
	height: 29px;
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 47px;
	right: 18px;

	background: #ffdc00;
}

.designerDetails_body .designerDetails_body_left .designerDetails_body_left_content .more{
	width: 100%;
	height: 51px;
	background: #F8F8F8;
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #525252;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 右侧广告 */

.designerDetails_body .designerDetails_body_right {
	width: 296px;
	height: auto;
	position: relative;
	box-sizing: border-box;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_web,
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_web a,
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_web a img{
	width: 296px;
	height: 90px;
	position: relative;
	box-sizing: border-box;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content{
	width: 296px;
	height: 490px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 17px 0 16px;
	background: #FFFFFF;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .title{
	font-size: 24px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	margin-top: 34px;
	margin-bottom: 11px;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .tu,
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .tu img{
	width: 100%;
	height: 67px;
	position: relative;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .input{
	width: 100%;
	height: auto;
	position: relative;
	box-sizing: border-box;
	margin-top: 10px;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .input .input_type,
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .input .input_housearea,
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .input .input_phone,
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .input .input_button{
	width: 100%;
	height: 48px;
	background: #EEEEEE;
	border-radius: 5px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 17px 17px 15px 24px;
	box-sizing: border-box;
	margin-top: 8px;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .input .input_type select,
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .input .input_housearea input,
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .input .input_phone input{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: #EEEEEE;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .input .input_button{
	background: #ffdc00;
	font-size: 20px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .tempWrap{
	width: 100%;
	height: 76px;
	margin-top: 32px;
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	position: relative;
	box-sizing: border-box;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_content .slide >div{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 4px;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_bottom{
	width: 100%;
	height: 264px;
	background: url(../img/designerDetails/000.png) center center no-repeat;
	margin-top: 10px;
	position: relative;
	box-sizing: border-box;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_bottom input{
	width: 248px;
	height: 48px;
	padding-left: 16px;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 5px;
	position: absolute;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_bottom .name{
	top: 77px;
	left: 25px;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_bottom .phone{
	top: 132px;
	left: 25px;
}
.designerDetails_body .designerDetails_body_right .designerDetails_body_right_bottom .button{
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 20px;
}

/* 底部相关设计师推荐 */
.designerDetails_recommend{
	width: 1920px;
	height: 529px;
	background: #FFFFFF;
	margin: 40px auto 0;
	position: relative;
	box-sizing: border-box;
}
.designerDetails_recommend .designerDetails_recommend_div{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.designerDetails_recommend .designerDetails_recommend_div .title{
	font-size: 24px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #525252;
	position: relative;
	padding-top: 52px;
}
.designerDetails_recommend .designerDetails_recommend_div .body{
	width: 100%;
	height: 374px;
	position: relative;
	box-sizing: border-box;
	margin-top: 23px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.designerDetails_recommend .designerDetails_recommend_div .body .list{
	width: 285px;
	height: 374px;
	background: #F8F8F8;
	position: relative;
	box-sizing: border-box;
}
.designerDetails_recommend .designerDetails_recommend_div .body .list img{
	width: 285px;
	height: 285px;
	position: relative;
	box-sizing: border-box;
}
.designerDetails_recommend .designerDetails_recommend_div .body .list .list_name{
	font-size: 24px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	line-height: 32px;
	position: absolute;
	bottom: 50px;
	left: 10px;
}
.designerDetails_recommend .designerDetails_recommend_div .body .list .list_old{
	font-size: 20px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	line-height: 32px;
	position: absolute;
	bottom: 47px;
	left: 100px;
}


.designerDetails_recommend .designerDetails_recommend_div .body .list .list_style{
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	line-height: 32px;
	position: absolute;
	bottom: 15px;
	left: 10px;
	overflow: hidden;
	
	    text-overflow: ellipsis;
	
	    white-space: nowrap;
	width: 94%;
}