﻿@charset "utf-8";/* CSS Document */
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body {
	overflow-x: hidden;
	overflow-y: auto;
}
body, input, button, form {
	font-size: 14px;
	line-height: 28px;
	font-family: "microsoft yahei", "宋体", "Arial";
	color: #333333;
	outline: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
input {
	background: none;
	border: 0 none;
}
img, iframe {
	border: 0px;
}
em, i {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}


/* 首页大图广告 */
.banner-box{
	min-width:1210px;
	height:576px;position:relative;overflow:hidden;}
.banner-box.ekchange{height:300px;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1200px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:576px;}
.banner-box .bd li img{width:1200px; height:576px;}
.banner-box.ekchange .bd li{width:100% !important;height:300px;}
.banner-box.ekchange .bd li img{width:1200px; height:300px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-box .ban-ind-btn{width:80%; position:absolute; top:0; left:50%; margin-left:-40%;}
.banner-box .ban-ind-btn a{position:absolute;top:263px; width:50px; height:50px; color:#fff; background:rgba(0,0,0,.2); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#e5000000', endColorstr='#e5000000');font-family:"宋体"; line-height:50px; text-align:center; font-size:24px; border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px;}
.banner-box .ban-ind-btn a:hover{background:rgba(0,0,0,.5);  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');}
.banner-box:hover .ban-ind-btn a{display:block;}
.banner-box .ban-ind-btn a.prev{left:20px} 
.banner-box .ban-ind-btn a.next{right:20px;}

.banner-box .hd {position:absolute;top:520px;left:47%; margin-left:-17px;}
.banner-box.ekchange .hd {position:absolute;top:270px;left:47%; margin-left:-17px;}
.banner-box .hd ul li{    
	width: 30px;
    height: 12px;
    border-radius: 12px;
    text-indent: -9999px;
    margin-right: 14px;
    background: #ccc;
    float: left;
    cursor: pointer;
}
.banner-box .hd ul li.on{background:#ff7800;}
/*内页banner*/
.banner-box02{min-width:1210px;height:360px;position:relative;overflow:hidden;}
.banner-box02.ekchange{height:300px;}
.banner-box02 .bd{ width:100% !important;}
.banner-box02 .bd li .m-width {width:1200px;margin:0 auto;overflow:hidden;}
.banner-box02 .bd li{width:100% !important;height:520px;}
.banner-box02 .bd li img{width:1200px; height:360px;}
.banner-box02.ekchange .bd li{width:100% !important;height:300px;}
.banner-box02.ekchange .bd li img{width:1200px; height:300px;}
.banner-box02 .bd li a{display:block;background-size:auto;}

.banner-box02 .ban-ind-btn{width:80%; position:absolute; top:-180px; left:50%; margin-left:-40%;}
.banner-box02 .ban-ind-btn a{position:absolute;top:334px; width:50px; height:50px; color:#fff; background:rgba(0,0,0,.2); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#e5000000', endColorstr='#e5000000');font-family:"宋体"; line-height:50px; text-align:center; font-size:24px; border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px;}
.banner-box02 .ban-ind-btn a:hover{background:rgba(0,0,0,.5);  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');}
.banner-box02:hover .ban-ind-btn a{display:block;}
.banner-box02 .ban-ind-btn a.prev{left:20px} 
.banner-box02 .ban-ind-btn a.next{right:20px;}

.banner-box02 .hd {position:absolute;top:500px;left:47%; margin-left:-17px;}
.banner-box02.ekchange .hd {position:absolute;top:270px;left:47%; margin-left:-17px;}
.banner-box02 .hd ul li{    
	width: 30px;
    height: 12px;
    border-radius: 12px;
    text-indent: -9999px;
    margin-right: 14px;
    background: #ccc;
    float: left;
    cursor: pointer;
}
.banner-box02 .hd ul li.on{background:#ff7800;}







/*首页banner下列表*/
.great-content {
    width: 100%;
	background: #F7F7F7
}

.great-box {
    width: 1200px;
    margin:0 auto;
	padding: 30px 0
}

.great-list {
    width: 300px;
    position: relative;
    display: table-cell;
    padding: 0;
	border-right: 30px solid #f7f7f7;
    -webkit-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
	background: #fff;
	
}

.great-item {
    display: block;
    padding: 36px 20px 25px;
    color: #333;
}

.great-item-bj {
    width: 96px;
    height: 96px;
    position: absolute;
    z-index: 1;
    bottom: -6px;
    right: 20px;
	padding-bottom: 30px
}

.great-item-in {
    position: relative;
    z-index: 2;
}

.great-item-title:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #ff6c14;
    left: 0;
    bottom: 0;
}

.great-item-title {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-bottom: 15px;
}

.great-item-tag {
    border: 1px solid #f60;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    color: #f60;
    line-height: 1;
    padding: 2px;
    margin-left: 5px;
    font-style: inherit;
}

.great-item-text {
    font-size: 26px;
    font-weight: 400;
    position: relative;
    padding-bottom: 15px;
    vertical-align: middle;
}

.great-item-msg {
    padding-top: 10px;
    line-height: 1.6;
	font-size: 16px;
    color: #666;
}


.great-item:hover {
    color: #ff6c14;
	box-shadow: 0 15px 0px rgba(0,0,0,0.1);
    transform: translateY(-8px);	
}


/*标题*/
.column_index { width: 1200px; height: auto; margin: 0 auto; margin-top: 60px;margin-bottom: 50px}
.column_index .column_name{ width:100%; height: auto; border-bottom: 1px #eee solid; padding-bottom: 15px;}
.column_index .column_name p{ width: auto; height: 24px; line-height: 57px; float: left; font-family:'微软雅黑'; cursor: pointer; color: #333; font-size: 24px; margin-right: 30px; }
.column_index .column_name p.cur{ color: #ff6c14}
.column_index .column_name label {width: auto; float: right; padding-top: 12px;}
.column_index .column_name label a{ width: auto; float: left; margin-left: 20px; color: #999;font-size: 16px;margin-bottom: 15px;}
.column_index .column_name label a:hover{ color: #ff6c14}



/* 限时秒杀 */
.index_case_list{width: 100%; height: auto; margin-top: 20px; overflow: hidden;}
.index_case_list ul{ width: 104%;}
.index_case_list ul li{ width: 283px; background: #fff; float: left; margin-right: 20px;margin-bottom: 20px; position: relative; border: 1px #eee solid;}
.index_case_list ul li .big_img { width: 100%; height: 220px;overflow: hidden;}
.index_case_list ul li .big_img img { width:283px; height: 220px;}
.index_case_list ul li .big_img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.index_case_list ul li .small_img{ width: 60px; height: 60px; position: absolute; top: 190px; left: 110px;}
.index_case_list ul li .small_img img {width: 60px; height: 60px; border-radius:30px; border: 1px #fff solid;}
.index_case_list ul li a,.index_case_list ul li span{ width: 100%; height: 50px; display: block;  text-align: center;}
.index_case_list ul li .title{height: 14px;padding-top: 40px; color: #333;}
.index_case_list ul li a .name{ padding: 8px 0 30px; color: #ff6c14;}






/*装修指南*/
.bg-grey {
	width: 100%;
	height: auto;
	clear: both
}

.content {
	width: 100%;
	margin: 0 auto;
	height: auto;
}

h2.title {
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 24px;
	padding-bottom: 24px;
	position: relative;
}

h2.title:after {
	position: absolute;
	left: 50%;
	width: 46px;
	height: 1px;
	margin-left: -23px;
	background-color: #ff6f20;
	bottom: 0;
	content: '';
}

p.subtitle {
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.tab-block {
	width: 1200px;
	margin: 20px auto 60px;
	background-color: #FFF;
	border: 1px solid #e5e5e5
}

.tab-block .tab-buttons {
	width: 100%;
	height: 50px;
	background-color: #fafafa
}

.tab-block .tab-buttons .tab-button {
	width: 25%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #3d3d3d;
	line-height: 50px;
	position: relative;
	cursor: pointer;
    box-sizing: border-box;
}

.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #333
}

.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #ff6c14
}

.tab-block .tabs {
	width: 100%;
}

.tab-block .tabs .tab-item {
	width: 100%;
	height: 100%;
	padding: 20px;
	display: none;box-sizing: border-box
}

.tab-block .tabs .tab-item.active {
	display: block
}
.tab-block .tabs .tab-item.active img{
}
.information-tab .information-left {
	width: 500px;
	overflow: hidden;
	position: relative;
	float: left;
}

.information-tab .information-left img {
	width: 100%;
	height: auto
}

.information-tab .information-left .left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
	color: #fff;
	padding: 0 14px
}

.information-tab .information-left .left-bottom .article-title {
	font-size: 18px;
	width: 400px;
	float: left;
}

.information-tab .information-left .left-bottom .article-time {
	font-size: 14px;
	float: right;
}
.information-tab .information-right {margin-bottom: 20px}

.information-tab .information-right .article-list {
	padding-top: 20px;
		    text-align: left;
}

.information-tab .information-right .article-list .article-link {
	display: block;
	padding: 0 20px
}

.information-tab .information-right .article-list .article-link .article-head span {
	display: inline-block;
	vertical-align: middle
}

.information-tab .information-right .article-list .article-number {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background-color: #999;
	font-size: 14px
}

.information-tab .information-right .article-list .article-title {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-left: 14px;
	width: 716px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.information-tab .information-right .article-list .article-time {
	float: right;
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.information-tab .information-right .article-list .article-content {
	margin-top: 10px;
	padding-left: 44px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: none
}

.information-tab .information-right .article-list .article-content p {
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
    text-align: justify;
}


.information-tab .information-right .article-list.current .article-link {
	background-color: #f7f7f7;
	padding: 20px
}

.information-tab .information-right .article-list.current .article-number {
	background-color: #ff6f20!important
}

.information-tab .information-right .article-list.current .article-title {
	color: #ff6f20
}

.information-tab .information-right .article-list.current .article-content {
	display: block
}

.question-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	/*background: url(../images/question-icon.png) center no-repeat;*/
	-ms-background-size: 16px 16px;
	background-size: 16px 16px;
}




/*服务步骤*/
#order_nav {      background: #F7F7F7;
    position: relative;
    padding-top: 30px; }
#order_nav .list {width: 1200px;
    margin: 0 auto;
    overflow: hidden;}
#order_nav .list2 {width: 1100px;
	margin: 0 auto;
	overflow: hidden;

}
#order_nav .list li { width: 120px; height: 120px; float: left; border-radius: 50%; position: relative; margin: 0 30px 80px 30px; position: relative; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list2 li { width: 120px; height: 120px; float: left; position: relative; margin: 0 30px 30px 30px; position: relative; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list li:nth-child(1){margin-left: 0}
#order_nav .list li:nth-child(7){margin-right: 0}
#order_nav .list li a { display: block; width: 100%; height: 100%; }
#order_nav .list li .cycle_mark { position: absolute; left: 0; top: 0; z-index: 2; }
#order_nav .list li .ico { width: 102px; height: 102px; position: absolute; left: 7px; top: 7px;border:3px solid #ff6f20; background: #fff url(../images/rotate.png); border-radius: 50%; z-index: 1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list2 li .ico { width: 102px; height: 102px; position: absolute; left: 7px; top: 7px;border-radius: 10px; z-index: 1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list2 li ._0 {background-size: contain;}
#order_nav .list2 .cur div {width: 120px;height: 120px;border-bottom: solid 3px #ff6f20}
#order_nav .list li ._1 { background-position: 2px 0px; }
#order_nav .list li ._2 { background-position: -106px 0px; }
#order_nav .list li ._3 { background-position: -212px 0px; }
#order_nav .list li ._4 { background-position: -306px 0px; }
#order_nav .list li ._5 { background-position: -416px 2px; }
#order_nav .list li ._6 { background-position: -514px 0px; }
#order_nav .list li ._7 { background-position: -617px 3px; }

#order_nav .list2 li p { width: 100%; position: absolute; left: 0; top: 126px; text-align: center; }
#order_nav .list2 li p span { font-size: 16px; color: #414141; display: block; font-weight: bold; }
#order_nav .list2 li p strong { font-size: 12px; color: #f00; display: block; }

#order_nav .list2 li.on { background: rgba(0,0,0,.2); }
#order_nav .list2 li.on .ico { background-color: #ff6f20; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }


#order_nav .list li p { width: 100%; position: absolute; left: 0; top: 126px; text-align: center; }
#order_nav .list li p span { font-size: 16px; color: #414141; display: block; font-weight: bold; }
#order_nav .list li p strong { font-size: 12px; color: #f00; display: block; }

#order_nav .list li.on { background: rgba(0,0,0,.2); }
#order_nav .list li.on .ico { background-color: #ff6f20; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }


/*footer*/
.footer {
	width: 100%;
	color: #fff;
	padding: 0 0 18px;
	background: #222222;
	margin-top: 50px
}
.footer .links {
	padding: 20px 0;
	margin-bottom: 40px;
	font-size: 16px;
	border-bottom: 1px solid #333333;
}
.footer .links span {
	color: #f9f9f9;
	font-weight: bold;
	display: inline-block;
}
.footer .links a {
	display: inline-block;
	font-size: 14px;
	color: #ccc;
	padding-right: 10px;
}
.footer .links a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.footer .contact .ewm {
	width: 134px;
	height: 134px;
	background: #ddd;
	border: 3px solid #999;
	margin-right: 40px
}
.footer .contact .ewm img {
	display: block;
	width: 134px;
	height: 134px;
}

.footer .contact .contact_info p {
	font-size: 14px;
	color: #ccc;
	line-height: 14px;
}
.footer .contact .contact_info .tel {
	margin-top: 16px;
	margin-bottom: 12px;
	font: normal 34px "arial";
	color: #fff;
	line-height: 28px;
}
.footer .contact .contact_info .p2 {
	margin-bottom: 14px;
}
.footer .contact .contact_info .line {
	width: 30px;
	height: 2px;
	margin-top: 14px;
	margin-bottom: 20px;
	background: #999;
}
.footer .bNav {
	margin-top: 0px;
}
.footer .bNav dl {
	width: 130px;
	height: 198px;
	margin-top: 6px;
	padding: 0px 0 0px 36px;
	line-height: 18px;
	float: left;
	/*background: url("../images/footer-split.png") no-repeat right top;*/
}
.footer .bNav dl:nth-child(2){background: none;width: 100px}
.footer .bNav dl:nth-child(3){width: 100px}
.footer .bNav dl:first-child {
	padding-left: 0;
}
.footer .bNav dl dt {
	color: #333;
	font-size: 16px;
	text-align: left;
	margin-bottom: 16px;
}
.footer .bNav dl dt a {
	display: block;
	color: #fff;
}
.footer .bNav dl dt a:hover {
	display: block;
	color: #ccc;
}
.footer .bNav dl dd {
	line-height: 26px;
	text-align: left;
}
.footer .bNav dl dd:first-child {
	margin-top: 30px!important;
}
.footer .bNav dl dd a {
	display: block;
	color: #ccc;
	font-size: 12px;
}
.footer .bNav dl dd a:hover {
	color: #fff;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
/*copyright*/
.copyright {
	display: block;
	height: 57px;
	line-height: 57px;
	color: #999999;
	font-size: 12px;
	background: #111111;
	text-align: center;
    width: 100%;
}
.copyright span {
	margin: 0 12px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.copyright a {
	color: #999999;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.copyright a:hover {
	color: #fff;
}



.copyright2 {
	display: none;
	height: 57px;
	line-height: 57px;
	color: #999999;
	font-size: 12px;
	background: #111111;
	text-align: center;
    width: 100%;
}
.copyright2 span {
	margin: 0 12px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.copyright2 a {
	color: #999999;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.copyright2 a:hover {
	color: #fff;
}


/*效果图列表*/
.no-result{margin-bottom: 20px;width: 1180px;height: 120px;text-align: center;line-height: 120px;color: #646464;font-size: 16px;background: #fff;}
.case-banner{ width: 1180px;padding-bottom: 20px; float: left;}
.case-list-box{width:1200px;margin:30px auto 0;position: relative;}
.case-list{width:283px; float:left;margin:0 22px 22px 0;background:#fff; display: block;border: 1px solid #e5e5e5;box-sizing: border-box}
.case-list:nth-child(4){margin-right: 0}
.case-list:nth-child(8){margin-right: 0}
.case-list:nth-child(12){margin-right: 0}
.case-list-hot{
    position: relative;
}
.case-list .icon-hot{
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 20px;
    line-height: 20px;
    background: #F75E61;
    font-style: normal;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-bottom-right-radius: 5px;
    z-index: 10;
}

.case-list .icon-recommend{
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 20px;
    line-height: 20px;
    background: #C5A364;
    font-style: normal;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-bottom-right-radius: 5px;
    z-index: 10;
}

.case-list .case-info{    padding: 0 15px;
    margin:6px 0 6px;
    width: 252px;
    font-size: 12px;
    display: block;
    overflow: hidden;}
.case-list .case-info .title{display: block; margin-bottom:5px;font-size:14px;color:#333;line-height: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case-list .case-info .cut-line{padding:0 10px; border-right:1px #999 solid;  }
.case-list .case-info .space{ padding-left: 0;line-height: 18px;}
.case-list .case-info .price{ padding-left: 10px;}

.case-list-box .case-sjs .photo-collect{position: absolute;right: 12px;bottom:4px}
.case-list-box .case-sjs{padding:10px 15px;z-index: 20;border-top: 1px solid #e6e6e6;position: relative}
.case-list-box .case-sjs .head img{border-radius:20px;float: left}
.case-list-box .case-sjs .nick{  height:24px;line-height:24px;margin-left:36px;color:#333333;width: 200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case-list-box .case-sjs .bick a{color:#333333;}
.case-list-box .case-sjs .nick a:hover{color:#333333;text-decoration:underline;}


.userInfoFrame{width:300px;height:152px;padding:20px;background:#fff;position:absolute;border:1px solid #cbcbcb; bottom: 42px; left: 0;}
.userInfoFrame .head{width: 100px;height: 100px;}
.userInfoFrame .info{float:right;width:185px;height: 100px;}
.userInfoFrame .info ul li{color:#999999;line-height:22px;}
.userInfoFrame .info .name{color:#333333;font-size:14px;font-family:'微软雅黑';line-height:25px;height:25px;overflow:hidden;word-break:break-all;}
.userInfoFrame .info .price span{color:#dd4f50;}
.userInfoFrame .info .rank{margin:5px 0 9px;}
.userInfoFrame .info .rank a{ display: block;}
.userInfoFrame .info .rank span{ margin-right: 5px;}

.userInfoFrame .btn{padding-top:20px;clear: both;}
.reservation{cursor:pointer;top:20px;width:102px;height:33px;line-height:33px;background:#e94c3d;border-radius:5px;text-align:center;color:#fff;font-size:14px;font-family:'微软雅黑';}
.reservation:hover{background:#f77071;color: #fff;}
.userInfoFrame .reserveBtn{float:left;}
.userInfoFrame .btn .followBtn{padding:0 15px;border:1px solid #e6e6e6;float:right;margin-top:5px;color:#999;line-height: 24px;}
.userInfoFrame .btn .followBtn:hover{color:#dd4f50;}
.userInfoFrame .btn .followBtn span{font-size:16px;}
.userInfoFrame .sharp{position:absolute;top:192px;left:25px;width:13px;height:9px;background:url(../image/newworks_bg.gif) no-repeat -56px -171px;}


/*翻页*/

.page{text-align:center;margin:40px 0 50px;clear: both}
.page>div{display:inline-block;border-right: 1px solid #e5e5e5;}
.page>div a{display:block;float:left;border:1px solid #e5e5e5;border-right:none;width:42px;height:42px;font-size:16px;color:#333;line-height:42px}
.page>div a i{width:12px;height:7px;display:inline-block;vertical-align:1px}
.page>div .prev,.page>div .next{width:99px;font-size:14px;background:#f5f5f5}
.page>div .prev i{margin-right:7px;}.page>div .next i{margin-left:7px;}.page>div .cur{background:#f5f5f5}

/*筛选*/
.select{width: 100%;background: #f7f7f7}
.select .selectbox{ height:110px; width:1200px; clear:both; margin:auto; background:#f7f7f7}

.select .selemediv{ width:261px; height:50px; float:left;margin: 30px 52px 30px 0px;position:relative }
.select .selemenu{width:260px; height:50px; background:#fff; color:#333; text-indent:20px; border:none; background:url(../images/xiala.png) 220px center no-repeat #fff; font-size:14px; line-height:50px;cursor: pointer}

.select .selemediv2{ width:198px; height:50px; float:left;margin: 30px 52px 30px 0px;position:relative }
.select .selemenu2{width:197px; height:50px; background:#fff; color:#333; text-indent:20px; border:none; background:url(../images/xiala.png) 140px center no-repeat #fff; font-size:14px; line-height:50px;cursor: pointer}

.select .citylist span{ display:block; clear:both; cursor:pointer;text-indent: 20px;}
.select .citylist span:hover{ background:#eee;}
.select .citylist{ display:none; line-height:50px; background:#fff; text-indent:10px; font-size:12px; position:absolute; left:0; top:50px; width:260px; box-shadow:0px 5px 5px #ccc;z-index:99}
.select .citylist2{box-shadow:0px 5px 5px #ccc;; font-size:14px; color:#333; padding:20px 40px; position:absolute; top:50px; left:0; background:#fff;border-bottom:1px solid #f6f6f6; display:none;z-index:99}
.select .citylist2 ul{ float:left; width:1016px;line-height:54px;;} 
.select .citylist2 ul li{ float:left; cursor:pointer}
.select .citylist2 ul li:hover{ color:#ff7800}
.select .citylist2 .shangquan li{min-width:11%;}
.select .citylist2 .chengshi li{ width:11%;}
.select .citylist2 .leibie{ width:100px; float:left;line-height:54px;  }
ul,li{ list-style:none;}
.select .xzk{ width:1120px; overflow:hidden; clear: both}
.select .citylist2 .active{ color:#ff7800}
.select .cur{color: #ed954b}




/*设计师列表*/
.designer-box{width: 100%;overflow: hidden;    margin-top: 30px;}
.designer{width: 1200px;margin: 0 auto;overflow: hidden;    border: 1px solid #e5e5e5;}
.designer-list{overflow: hidden;padding: 20px; }
.designer-list-left{float: left;padding-left: 20px;}
.designer-list-center{float: left;padding-left: 20px;height: 74px;
    margin-top: 10px;}
.designer-list-center span{line-height: 34px}
.designer-list-center .designer-name{font-size: 20px;    color: #000;}
.designer-list-center img{
 padding-left: 10px;
 position: relative;
 top: 4px;}
.designer-list-right{float: right; padding-top: 14px;    padding-right: 10px;}
.designer-list-right button{background: #ff7800;font-size: 18px; color: #fff;width: 170px;height: 44px;border-radius: 46px;outline:none;border: none;cursor: pointer}
.designer-list-right button:hover{background: #FF5722}
.label span{padding-right: 20px}
.label span b{font-weight:normal}
.designer-img{clear: both;width: 1120px;overflow: hidden;padding: 20px 20px 0 20px;}
.designer-img img{padding-right: 20px}













