﻿
 .planBox{
	width:1184px;margin:0px auto;padding:20px 0px 5px 0px;position:relative;
    top: 0px;
    left: 0px;
}
 .planUl{
 	border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-top:1px dotted #d7d7d7;border-bottom:none;
 }
 .planUl li{
 	border-bottom:1px dotted #d7d7d7;
 }
 .planLiL{
	display:table-cell;width:105px !important;font-size:14px;color:#666;background:#f9f9f9;padding:18px 0px;text-align:center;
 }
 .planLiR{
 	display:table-cell;width:1076px !important;position:relative;
 }
 .planLiRCon{
 	width:950px;padding-bottom:18px;
 }
 .planLiR span{
 	display:inline-block;padding: 5px 10px;margin-left:25px;margin-top:0px;cursor: pointer;color:#404040;
 }
 .planLiRCon span.hide{
 	display:none;
 }
 .planLiR span:hover{
 	color:#f3511d;
 }
.planLiR span.hover{
 	color:#f3511d;
 } 
.showAllImg{
	position:absolute;cursor:pointer;width:50px;height:13px;top:18px;right:5px;
 }
.showAllImg em{
 	padding-right:10px;color:#fc561f;
 }
.showAllImg em:after,.hideAllImg em:after{
	position:absolute;content:'';width:9px;height:6px;top:50%;margin-top:-1px;right:10px;background:url(../images/site3.0-icon.png) no-repeat -50px -360px;
}
.hideAllImg em:after{
	background-position:-50px -400px;
}
.filter-nav{
	overflow:hidden;
	font-size:12px;
	font-weight:normal;  
	margin:0;
	padding: 0 0 12px 30px;
  	border: 1px solid #eaeaea;
  	border-bottom:none;
}
.filter-nav li{
	display: inline;
	float: left;
  	margin-right: 10px;
}
.filter-nav li.has-nav{
	font-family:'微软雅黑';
	font-size:14px;
	color:#999;
	padding-top:26px;
}
.filter-nav li.nav-select{
	max-width:560px;
}
.filter-nav li.nav-select a{
	float: left;
	display: inline;
	color: #2f2f2f;
	text-decoration: none;
	cursor: pointer;
	height: 28px;
	margin-top:18px;
	margin-right: 12px;
	border: 1px solid #ff845c;
	background: #fff;
	border-radius:3px;
}
.filter-nav li.nav-select a em{
	display: inline-block;
	float: left;
	font-weight: normal;
	height: 28px;
	line-height: 28px;
	padding: 0 8px 0 20px;
}
.filter-nav li.nav-select span.nav-close{
	display: inline-block;
	float: left;
	width: 7px;
	height: 7px;
	margin: 8px 9px 0 0;
	background:url(../images/site3.0-icon.png) no-repeat -90px -240px;
}
.filter-nav li.nav-num{
	float:left;
	margin-top:28px;
}
.filter-nav li.null{
	padding-top:28px;
}
.filter-nav li.nav-num .result{
	color:#666;
}
.filter-nav li.nav-num .result em{
	color:#ff6600;
	padding:0 5px;
}
.filter-nav li.nav-num .del{
	position:relative;
	padding-left:10px;
	cursor:pointer;
}
.filter-nav li.nav-num .del em{
	padding-left:20px;
	color:#999;
}
.filter-nav li.nav-num .del em:before{
	position:absolute;
	content:'';
	width:11px;
	height:12px;
	top:50%;
	margin-top:-6px;
	left:15px;
	background:url(../images/site3.0-icon.png) no-repeat -90px -220px;
}
.filter-nav li.nav-search{
	position:relative;
	float:right;
	width:307px;
	margin:14px 14px 0 0;
	border:2px solid #fc561f;
	background:#fff;
}
.filter-nav li.nav-look{
	position:relative;
	float:right;
	margin:24px 24px 0 0;
	
}
.filter-nav li.nav-look a{
    padding:7px 20px;
    color:#fff;
    font-size:14px;
    font-family:Microsoft YaHei;
	border:2px solid #ed1c24;
	background:#ed1c24;
}
.filter-nav li.nav-search .nav-search-box{
	height:36px;
	padding:0 0 0 35px;
	overflow:hidden;
}
.filter-nav li.nav-search input[type="text"]{
	float:left;
	color:#999;
	height:21px;
	width:209px;
	line-height:21px;
	border:none;
	outline:none;
	padding:8px 0;
}
.filter-nav li.nav-search .nav-search-box:before{
	position:absolute;
	content:'';
	width:18px;
	height:18px;
	top:50%;
	left:8px;
	margin-top:-9px;
	background:url(../images/search2.png) no-repeat 0 0;

}
.filter-nav li.nav-search input[type="button"]{
	float:right;
	font-family:"微软雅黑";
	color:#fff;
	cursor:pointer;
	text-align:center;
	width:63px;
	height:36px;
	background:#fc561f;
	border:none;
	font-size:14px;
	line-height:36px;
	outline:none;
}
.design_img_xg_b dt>a{
    display:block;
    width:305px;
    height:250px;
}
.tyleft1{ width:330px;height:465px; background-color:#f4f4f4; margin-left:45px; float:left; }
.tyleft2{ width:330px;height:465px;  margin-left:45px; float:left; margin-top:-33px; }
.tyright2{ width:695px;height:465px; margin-top:-33px;  float:left; }
.fw{ height:124px; width:318px; border:1px solid #d7d7d7; border-radius:10px; float:left; margin-top:15px; margin-left:30px; }
.fw img{ padding-left:50px; padding-top:20px;}
.fw:hover{ border:1px solid #707070; border-radius:10px;}