@charset "gb2312";
/* 先引用搜房统一页眉页脚用的 CSS */

/*各页共用样式 begin
Firefox 2 不支持 display:inline-block，替代菜单的各个 a 元素都只好变通成 display:block; float:left;，再适应加些左右 margin或 width*/
/*全局字体用 Arial 会比 Verdana 瘦好多，表单中的菜单能省宽度了，但是搜房全站不是 Arial，只好向大首页靠拢了*/
body{
	background:#FFF;
	font-family: "Lucida Grande",Verdana,Lucida,Arial,Helvetica,"宋体",sans-serif;
	font-size:12px;
	color:#000;
}
/*外层元素的 class 宽度定得太乱，按钮宽度不够了，文字竖起来了，只好人为指定一下宽度*/
form {
	clear:both;
	padding: 0;
	margin: 0px;
}
a {
	text-decoration:none;
}
/* body 定义的字形管不了 input ，还得再定义字形才灵*/
.mainform input {
	line-height:23px;
	height:23px;
	margin-top:-1px;
	font-family: Arial,Helvetica,Lucida,Verdana,"宋体",sans-serif;
	border: 1px solid #999;
	font-size: 14px;
	vertical-align:middle;
}
/* body 定义的字形管不了 input ，还得再定义字形才灵*/
/*增加了很多浮动以后，就要手工清理浮动了 .clearfloat {clear:both;}*/

#logo{height:55px;text-align:center; padding:40px 0 50px 0;}
#footer{
	clear:both;
	width:100%;
	text-align:center;
	margin-top:130px;
	color: #666;
	line-height: 22pt;
}
/*增加了左填充 15px，所以宽度改小为 757 了，好和下面的 772 等宽*/
#navlink{
	padding-left:15px;
	width: 756px;
	height:30px;
	font-size:14px;
	text-align:left;
	line-height: 30px;
	background-color: #FFF;
	background-image: url(http://img.soufun.com/house/calculate/images/bg1.gif);
	background-repeat: repeat-x;
	margin: 0 auto;
}
#navlink a{
	text-decoration:none;
	margin:0 5px;
	color: #333;
	display: block;
	float: left;
}
.navnow {
	text-align:center;
	font-weight:bold;
	height: 30px;
	width: 76px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
	display: block;
	float:left;
	background-image: url(http://img.soufun.com/house/calculate/images/bg_now.gif);
	background-repeat: no-repeat;
}

/*主块 #wrapper 除了相对窗口居中,里面还有两块要左对齐,所以最后定成不在 body 用 	text-align: center;,只要#wrapper 定了宽度再加上 	margin: 0 auto; 就能水平居中，后来，则全都居中，想不再麻烦定 #wrapper 的宽度了，但仍然不能在 body 用 	text-align: center;，因为那样会让菜单层等所有层的字都居中了，与其给那么多层再额外加 left，不如还是维持原来的定#wrapper 的宽度简单。各页根据实际内容情况定此块宽度 */
#wrapper {
	text-align: center;
	width: 776px;
	margin: 0 auto;
}
/*line-height 配 height 在 IE6 不能垂直居中，改为 height 配padding-top*/
.mainform {
	float:left;
	height:40px;
	padding-top:8px;
	width:770px;
	background-color: #F2F6FB;
	background-image: url(http://img.soufun.com/house/calculate/images/bg3_c.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.mainform a{
vertical-align:middle;
font-size:14px;
display: block;
float:left;
border: 1px solid #999;
color:#666666;
margin:auto 2px;
}
.mainform a:hover{
border:#3c91e0 1px solid;
}
#strCity_a {
text-align:left;
background:#FFF url(http://img.soufun.com/house/calculate/images/bg4.gif) no-repeat scroll right top;
height:26px;
line-height:26px;
width:123px;
padding-left:5px;
}
/*用 a 元素替代的菜单头。全局字形不动，这里还是改用 Arial 会瘦好多吧。必须用 vertical-align:middle; 才能让 a 和表单中其它 input 垂直居中。把普通和悬停状态的图片合并成一个图，通过背景图定位来显示不同的部分，这样做的好处是比2个图片减少一次请求，避免了悬停时再请求第2个图片的延迟。万一文字超出宽度,用 	white-space: nowrap; 和 	overflow:hidden; 把超出部分隐藏.*/
a.menubar {
	text-decoration:none;
	text-align:left;
	width:110px;
	height:26px;
	line-height:26px;
	padding:0px 15px 0 5px;
	background-color:#FFF;
	background-image: url(http://img.soufun.com/house/calculate/images/bg5.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	cursor:default;
	white-space: nowrap;
	overflow:hidden;
}
a.menubar:hover {
	text-decoration:none;
	background-image: url(http://img.soufun.com/house/calculate/images/bg6.gif);
}
/*还发现用 button 做按钮标记时，IE 会处理成比同一行的 input 高一截，设置 margin 和 padding 都是0 也不灵，最后改用 input 作按钮，IE 就正常了。但是此页 input 已经为输入格统一做平了边框，所以还得给它单独设置一下边框。*/
#Submit {
	border:none;
background-image: url(http://img.soufun.com/house/calculate/images/submit.gif);
width:58px;
height:28px;
}
.inputHint {color:#999999;}
/*各页共用样式 end */


/*为统一菜单新加的 begin*/
/*既然菜单是统一的一个 div，只用 ID 值定义就行了，不用 class 了
 这回有多个内部样式不同的浮动层了，divMenu 只管层浮动的效果，层内样式由各自层内处理
 */
#divMenu {
		text-align:left;
		position: absolute;
		display: none;
		z-index: 9999;
		overflow: auto;
}

/*为统一菜单新加的 end*/
/*快讯论坛博客图片视频 的关键字格都一样宽*/
#q {
	color:#666;
	padding:2px 3px 6px;
	width: 570px;
	height:18px;
}

/*图片、视频 begin 	clear:both;*/
#recommend {
	text-align:left;
	margin: 3px auto;
	width: 445px;
}
#recommend p{
	margin: 7px auto;
}
#recommend a {
	margin: auto 7px;
}
/*图片、视频 end*/

/*建材 begin*/
#search_home #q {
	width: 220px;
}
/*提示层做成和输入框一样宽，快讯、论坛、博客、图片、视频的输入框一样宽，但建材的输入框宽度不同。现在由于某些菜单是指定宽度的，不能把边框做在 divMenu 层了，只好把边框做在 suggestsearch 层，这就要求 suggestsearch 的宽度不能是 100%了，否则加上边框会超出divMenu 层，出现滚动条。*/
#suggestsearch {
width: 98%;
}
#searchBy_a {
	width: 50px;
}
#categories_a {
	width: 60px;
}
/*建材 end*/

/*快讯、论坛、博客 begin*/
/*全局都水平居中了，再把 radio 选项所在行居左就得再加点上宽度设置了*/
#sl_a, #fld_a {width:85px;}
/*	border:solid 1px red;最终把 word 块放在居中的 wrapper 里面了，这样能保证 word 块和表单左对齐。因为热词里有浮动，也得设宽度才能水平居中。	*/
#word{
	text-align:left;
	margin:5px auto;
	width: 450px;
}
/*决FF 和 IE 中p 的默认上下边距不同,统一一下。再统一一下行高，才让滚动起来后也能刚好停在整行处*/
#wordHot p{
	height: 14px;
	margin: 10px auto;
}
/*border:solid 1px blue;要想让这些字数不同的链接对齐,最简单的方法就是设固定宽,为最终达到完全定宽, a 元素之间不能有任何空白字符,即 <a href="#">链接</a><a href="#">下一链接</a>。文字太长时截断，考虑中西文混合时很难根据字数来判断宽度，先用 overflow:hidden;加	white-space: nowrap; 吧。*/
#word a {
	width: 72px;
	display: block;
	float:left;
	margin: auto 2px;
	overflow:hidden;
	white-space: nowrap;
}
#wordRise {
	clear: both;
}
.wordHint {
	float: left;
	width: 60px;
}
.wordLinks  {
	float: left;
}
/* 	在 IE 中仅给内层的 #wordHotLinks 设 position:relative; 时会让外层的 overflow:hidden; 失效,解决办法就是给外层也加上 position:relative;*/
#wordHotWrap {
	position:relative;
	height:52px;
	overflow:hidden;
}
/*在 FireBug 中完整高度是 94 px。看top: -50px; 时刚好是滚上2行，剩下2行。top: -100px; 时 IE 已经完全滚出去了，FF 要102px 才行 width: 370px;
	border: solid 1px red; */
.wordHotLinks {
	position:relative;
}
/*快讯、论坛、博客 end*/

/* 二手房和租房 begin*/
#City_a {	width: 50px;}
#purpose_a {	width: 60px;}
#price_a {	width: 120px;}
#room_a {width: 60px;}
/*区县有文字很多的，就不能统一给 .paneltable 设100%宽度，否则文字少的区县菜单显示太空旷。但其它菜单还需要设宽度，否则菜单会太窄，最后解决的办法就是把其它菜单都按 ID 统一成 95% 宽度。*/
#panelpurpose, #panelcity, #purposepanel, #pricepanel, #panel_room {width:95%}
/*a.city_major 要覆盖 .menubody a 就得更具体，仅 a.city_major 不行。左右填充改成 19px 是为了在原有左填充 4 的基础上再加上 15px，和下面首字母的宽度相同，从而和下面带首字母的完全对齐*/
#divMenu .menubody a.city_major {
	color: #FF0000;
	padding: 3px 0 3px 19px;
}
/*城市列表里首字母定宽度，必须加上 inline-block 才能让行间元素有宽度，否则只能是适应文字宽*/
.initial {
	width: 15px;
	display: inline-block;
}
/*菜单体中的标题，如“选择价格”*/
.menuhead {
	font-weight:bold;
	color:#F60;
	padding:3px 5px;
}

#keyword {
	width: 150px;
}
/* 二手房和租房 end*/

/* 新房 begin*/
#StrNameKeyword {
	width: 140px;
}
#citypanel {
	font-family: Arial,Helvetica,"宋体",sans-serif;
	border: 1px solid #9999CC;
	padding: 5px;
}
/*定高度，是为了一页不够11条时也和11条时一样高，这回 height:240px; 在 IE6/7 和 FF3 都刚好*/
#citylist {
	height:240px;
}
#cityhint {
	font-family: '宋体';
	text-align: center;
	color: #FF0000;
	border-bottom: dashed #AAAAAA 1px;
}
/*拼音浮动到左边后就没有 a 的手形鼠标了，再给人为加上即可 cursor:pointer*/
#citylist span {
	cursor:pointer;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
}

#citylist a {
	padding: 1px 5px 0px 5px;
	text-align: right;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	color: #0055aa;
	display:block;
	text-decoration:none;
	height:18px;
}

#citylist a:hover, #citylist .city_selected, a.city_selected:hover {
	background: #E7F1FD;
	border-top: 1px solid #7F9DB9;
	border-bottom: 1px solid #7F9DB9;
}
#citypager   {
	clear:both;
	text-align: center;
	font-size: 14px;
}
/* 这个 a 悬停时不能覆盖全局的菜单 divMenu a:hover，先把 text-decoration:underline; 去掉吧*/
#citypager a{
	display:inline;
	margin: 0px 3px;
	color: #0055aa;
}
#citypager .pagenow {
	margin: 0px 3px;
}
/*按 strPurpose_a 块定宽度，则在类型菜单能显示成定宽，其它菜单能自适应内部内容宽度 	width:100%; 	*/
.paneltable  {
	float:left;
	background-color: #FFF;
	border: 1px solid #9999CC;
}
.paneltable th{
	font-weight:bold;
	color: #FF6600;
	white-space:nowrap;
	padding: 3px 5px;
}
.paneltable .tbheadmore {
	padding: 5px;
	color:#FF6600;
	font-weight:bold;
}
/*强制不换行，超长部分要显示*/
.paneltable td{
	font-family: Arial, Helvetica, sans-serif;
	white-space:nowrap;
	overflow:visible;
}
/*设宽度是为二手房不让城市背景宽度超过菜单宽度*/
.paneltable a{
	width: 85%;
	color:#0256B8;
	text-decoration: none;
	padding: 2px 4px 3px 4px;
	display: block;
	clear:both;
	float:left;
}
/* 提示层的链接再设为整行宽，但是 100% 会超出，只好再适当减小点*/
#suggestsearch a{
	padding: 2px 0px 2px 0px;
	width: 100%;
}
/*.suggest_selected 是用在关键字提示层里按键的当前行的，因为要和鼠标悬停时的样式一样，所以就鼠标悬停放一起了*/
.paneltable a:hover, .suggest_selected {
background-image:url(http://img.soufun.com/house/Search/images/item-bg-over.png);
background-repeat:repeat-x;
	background-color: #BBDDFF;
	text-decoration: none;
}
/*因为上面 .paneltable 给 a 的各状态都定义了，所以要再具体到 .paneltable a.panelcurrent 才行。后来又有了新房的 .cityColumn 下的当前城市。*/
.paneltable a.panelcurrent, .cityColumn a.panelcurrent {
background-image:url(http://img.soufun.com/house/Search/images/item-bg.png);
background-repeat:repeat-x;
	background-color: #3366FF;
	color: #FFFFFF;
	text-decoration: none;
}
/* 新房 end*/
/* 新城市列表 begin */
#cityList {
	background-color:#FFF;
	float:left;
	padding: 4px;
	border: 1px solid #8CB1D1;
}
#cityList a, #cityList  b, #cityList span{
height:20px;
}
#cityList a:hover {
text-decoration:underline;
}
.cityMain a , .cityMain span{
	width: 56px;
	display: inline-block;
}
.cityMain a {
font-weight:bold;
color:#ff6600;
text-decoration:none;
}

.cityColumn {
	float: left;
	width: 56px;
}
.cityColumn a, .cityColumn b {
	display: block;
}
.cityColumn b {
	color:#CC3300;
}

.cityColumn a {
	color:#1C55AA;
	text-decoration:none;
}

.selectInfo {
	line-height:26px;
	color:#666666;
	border-bottom:1px solid #E2F3FF;
text-align:center;
}
#userprice {
	padding-left: 4px;
	border-top: 1px solid #E2F3FF;
}
#userprice input {
	border: 1px solid #cacaca;
	font-size: 11px;
	height: 13px;
	width: 25px;
	padding: 1px;
}
input#setprice {
	cursor:pointer;
	background-image: url(http://img.soufun.com/rent/image/btn-confirm.png);
	display: inline-block;
	height: 18px;
	width: 41px;
	background-repeat: no-repeat;
	border: none;
	;
}
.noshow {
	display:none;
}
#blog_search #q, #video_search #q {padding:4px 3px 6px;width:665px;}

#search_home .menubar {width:65px;}
.searchInputL {float:left;}
.searchInputR {float:right;}

/*提示层 begin 提示层的链接再设为整行宽，但是 100% 会超出，把左右 padding 设为0。增加 position:relative; 配合 a 内的元素绝对定位。*/
#suggestsearch a{
	position:relative;
	clear:both;
	padding: 2px 0px 2px 0px;
	width: 100%;
	height:16px;
}

#suggestsearch a span {
	position:absolute;
	top:2px;
	left:5px;
}
#suggestsearch a span.word {
	position:absolute;
	top:2px;
	left:5px;
	width:130px;
	overflow:hidden;
}
/*这里 left:140px;是从左边文字宽度130px稍大。绝对定位时需要设上宽度才能文字右对齐。*/
#suggestsearch a span.count {
	position:absolute;
	top:2px;
	left:140px;
	color: #666;
	width:80px;
	text-align:right;
	overflow:hidden;
}
/*提示层 end*/