@charset "utf-8";

/*
 * @authors LongChan (longchan@soufun.com)
 * @date    2014-11-03
 * @version 1.1
 */

* { margin:0; padding:0;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none;}
body { font-family:Arial, "Microsoft Yahei"; font-size: 16px; background: #f4f4f4;}
form, img, table, td { border:0;}
ul, ol, li { list-style-type:none; display: block;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
input, textarea, img { vertical-align:middle; font-family:Arial, "Microsoft Yahei";}
input[type="search"] {-webkit-appearance:none;}
@media screen and (max-device-width: 320px) {body {-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px) {body {-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {body {-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {body {-webkit-text-size-adjust:none}}
a { color:#507fbd; text-decoration:none;}
a:link { text-decoration:none;}
a:visited { color:#507fbd;}
a:active { color:#507fbd;}
a:hover { color:#507fbd;}

/* font */
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.ti2 { text-indent:2em }

/* box */
.pd10{ padding: 10px;}
.pdX10{ padding: 0 10px;}
.pdY10{ padding: 10px 0;}
.mgX10{ margin: 0 10px;}
.mgY10{ margin: 10px 0;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.lh20{ line-height: 20px;}

/* color */
.fccc{ color: #ccc;}
.f999{ color: #999;}
.fgray { color:gray;}
.f039,.fblue { color:#039;}
.fgrn{ color: #16ac0e;}
.ff60,.forge { color:#f60;}
.ff90{ color: #f90;}
.fc00{ color: #c00;}
.f333{ color: #333;}
.fdf3{ color: #df3031;}

/* fn */
.clear { clear: both; height: 0px; font-size: 0px; visibility: hidden; line-height: 0;}
.clearfix:after{ clear: both; content: "\200B"; display: block; height: 0;}
.clearfix{ *zoom: 1;}
.center { text-align: center;}
.none { display: none;}
.flol { float: left;}
.flor { float: right;}
.rbox4{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.rbox6{ -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.mBox{ border: 1px solid #e4e4e4; border-width: 1px 0; margin-bottom: 10px;}
section,.whitebg{ background-color: #fff;}
.bb{ border-bottom: 1px solid #e4e4e4;}

input,textarea,button{ -webkit-appearance:none;}
input[type="radio"]{ -webkit-appearance:radio;}
input[type="checkbox"]{ -webkit-appearance:checkbox;}

/* flex */
html,body{ height: 100%;}
/* 
* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
*/
.flexbox{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:horizontal; box-orient:horizontal; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.flexbox > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body:not(:-moz-handler-blocked) .flexbox { width: 100%;}

/* header */
header{ position: relative; height: 44px; line-height: 44px; background-color: #f6f6f6;border-bottom:1px solid #efefef}/*151017*/
header .left{ position: relative; z-index: 5; float: left;}
header .city{ position: relative; display:inline-block; padding: 0 10px; font-size: 16px; color: #df3031;}
header .city span{ padding-right: 15px; background: url(../images/home.png) right 3px no-repeat; background-size: 200px auto;}
header .logo{ float: left; width: 100px; height: 44px; background: url(images/logo.png) center no-repeat; background-size: 83px auto;}
header .cent{ position: absolute; width: 100%; height: 100%; text-align: center; font-size: 16px; color: #3c3f46;}/*151017*/
header .cent a{ position: relative; padding-right: 16px; color: #3c3f46;}/*151017*/
header .cent a:after{ position: absolute; top: 50%; right: 0; content: ''; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 6px 5px; border-color: #666666 transparent transparent transparent;}/*151017*/
header .cent span{ position: absolute; left: 100px; right: 100px; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
header .back{ float: left; width: 44px; height: 44px; text-align: center;}
header .back i{ display:inline-block; vertical-align: middle; width: 17px; height: 17px; background: url(../images/home.png) -75px 0 no-repeat; background-size: 200px auto;}
/*新房地图周边详情*/
.head-btn{ position: relative; z-index: 6; float: right; height: 44px;}
.head-btn a{ margin-right: 10px; padding: 4px 6px; border: 1px solid #666666; border-radius: 3px; color: #3c3f46; font-size: 12px;}/*151017*/
/*新房地图详情周边end*/

.head-icon{ position: relative; z-index: 5; float: right;}
.head-icon a{ float: left; width: 36px; text-align: center;}
.head-icon a span{ display: inline-block; vertical-align: middle; text-align: center;}
.head-icon a span i{ display: block; margin: 0 auto; width: 21px; height: 21px; background: url(images/icon-head.png) no-repeat; background-size: 105px auto;}
.head-icon a p{ margin-top: 2px; white-space: nowrap; color: #3c3f46 !important; font-size: 10px; line-height: 1;}/*151017*/
.icon-my i{ background-position: 0 0;}
.icon-nav i{ background-position: -21px 0 !important;}
.icon-fb i{ background-position: -42px 0 !important;}
.icon-sea i{ background-position: -84px -21px !important;}
.icon-login i{ background-position: -21px -21px !important;}

.mSearch{ padding: 10px;}
.mSearch .map{ margin-left: 5px; padding: 0 6px; border-radius: 2px; height: 34px; line-height: 34px; background-color: #df3031; color: #fff; font-size: 14px; overflow: hidden;}
.mSearch .searchbox{ position: relative; border: 1px solid #df3031; border-radius: 2px;}
.mSearch .ipt input{ padding: 0 8px; border: none; width: 100%; height: 33px; line-height: normal; font-size: 14px; outline: none;}
.mSearch .submit{ position: absolute; top: 0; right: 0; width: 40px; height: 33px; line-height: 33px; background-color: #df3031; text-align: center;}
.mSearch .submit i{ display:inline-block; vertical-align: middle; *display:inline; *zoom:1; width: 21px; height: 21px; background: url(../images/icon-head.png) -84px -21px no-repeat; background-size: 105px auto;}

.mSearch .sel{ float: left; padding: 0 0 0 7px; line-height: 32px; text-align: center; font-size: 14px;}
.mSearch .sel span{ position: relative; display:inline-block; padding-right: 12px;}
.mSearch .sel span:after{ position: absolute; right: 0; top: 50%; margin-top: -2px; display: block; content: ''; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: #999 #fff #fff #fff;}

.mSearch .ipt{ position: relative; overflow: hidden; margin-right: 40px;}
.mSearch .ipt input{ padding: 0 5px; border: none; width: 100%; height: 32px; line-height: normal; font-size: 14px; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.mSearch .ipt .off{ position: absolute; top: 50%; margin-top: -12px; right: 3px; display: block; width: 24px; height: 24px; background: url(../images/hs-off.png) center no-repeat; background-size: 16px auto;}

.mSearch .drop{ display: none; position: absolute; top: -1px; left: -1px; background-color: #fff; border: 1px solid #df3031; z-index: 100; border-radius: 2px;}
.mSearch .drop li{ margin: 0 6px; white-space: nowrap; border-bottom: 1px solid #ccc; text-align: left;}
.mSearch .drop li:last-child{ border-bottom: none;}
.mSearch .drop li input{ margin-right: 5px; vertical-align: -2px; -webkit-appearance: radio;}


/* newSearch */
.search0620{ position: relative; padding: 8px; max-width: 640px; width: 100%;margin:0 auto; z-index: 10;}
.searbox{ position: relative; border: 1px solid #e5e7ed; border-radius: 2px; height: 31px; background-color: #fff; font-size: 13px;overflow:hidden;}
.searbox .sel{ float: left; padding: 0 0 0 7px; line-height: 29px; text-align: center;}
.searbox .sel span{ position: relative; display:inline-block; padding-right: 12px;}
.searbox .sel span:after{ position: absolute; right: 0; top: 50%; margin-top: -2px; display: block; content: ''; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: #999 #fff #fff #fff;}
.searbox .ipt{ position: relative; overflow: hidden; margin-right: 37px;}
.searbox .ipt input{ padding: 0 5px; border: none; width: 100%; height: 29px; line-height: normal; font-size: 13px; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.searbox .ipt input::-webkit-input-placeholder{color:#cccfd8;}
.searbox .ipt .off{ position: absolute; top: 50%; margin-top: -12px; right: 3px; display: block; width: 24px; height: 24px; background: url(../images/hs-off.png) center no-repeat; background-size: 16px auto;}
.searbox .btn{ position: absolute; right: 0; top: 0; width: 37px; height: 29px; line-height: 29px; text-align: center;border-left:1px solid #e5e7ed;border-radius:0 2px 2px 0; background:#e5e7ed;
background: -webkit-linear-gradient(#fefefe, #e5e7ed);
background: -o-linear-gradient(#fefefe, #e5e7ed);
background: -moz-linear-gradient(#fefefe, #e5e7ed);
background: linear-gradient(#fefefe, #e5e7ed);}
.searbox .btn i{ margin-top: 7px; display: inline-block; width: 15px; height: 15px; background: url(images/search_btn.png) 0 0 no-repeat; background-size: 15px auto;}
.search0620 .mapbtn{ margin-left: 5px; display: block; background-color: #df3031; border-radius: 2px; width: 42px; min-width: 42px; max-width: 42px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; color: #fff; cursor: pointer;}

.searbox .drop{ display: none; position: absolute; top: -1px; left: -1px; background-color: #fff; border: 1px solid #e5e7ed; z-index: 100; border-radius: 2px;}
.searbox .drop li{ margin: 0 6px; white-space: nowrap; border-bottom: 1px solid #ccc; text-align: left;}
.searbox .drop li:last-child{ border-bottom: none;}
.searbox .drop li input{ margin-right: 5px; vertical-align: -2px; -webkit-appearance: radio;}

.searList{ margin: 0 10px;}
.searList li a{ display: block; padding: 10px 8px; border-bottom: 1px solid #d2d2d2; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; color: #333; font-size: 14px;}
.clearBtn{ margin-top: 15px; text-align: center;}
.clearBtn a{ display:inline-block; padding: 0 12px; height: 25px; line-height: 25px; border: 1px solid #adadad; border-radius: 2px; font-size: 14px; color: #333; background: -webkit-gradient(linear, left top, right top, from(#f1f1f1), to(#dddddd));background: -webkit-linear-gradient(top, #f1f1f1, #dddddd);background: -moz-linear-gradient(top, #f1f1f1, #dddddd);background: -o-linear-gradient(top, #f1f1f1, #dddddd);background: -ms-linear-gradient(top, #f1f1f1, #dddddd);background: linear-gradient(top, #f1f1f1, #dddddd);background-color: #f1f1f1; box-shadow: inset 0 1px 0 #fff;}


/* 新导航 */
.popShadow{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 900}
.newNav{ position:absolute; top:44px; width:100%; padding-bottom: 15px; z-index: 1000; background:#fff;}
.newNav .nav-box{ padding: 0 10px;}
.newNav .nav-tit{ padding:5px 0; border-bottom:1px solid #8799b1; overflow:hidden; *zoom:1; height:30px; line-height:20px; font-size: 16px;}
.newNav .nav-tit a{ float:right; padding-right:10px; font-size:14px; color:#333; background:url(../images/infolistmore.png) right center no-repeat; background-size: 8px auto;}
.newNav .nav-menu{ padding:5px 0;}
.newNav .nav-menu a{ display:inline-block; *display:inline; *zoom:1; height:32px; line-height:32px; font-size: 14px; color:#333;}
.newNav .nav-app ul{ margin-top: 15px; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient:horizontal; -moz-box-orient:horizontal; -ms-box-orient:horizontal; box-orient:horizontal; width: 100%;}
.newNav .nav-app ul li{ width: 100px; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-flex:1; }
.newNav .nav-app ul li img{ margin-right: 10px; vertical-align: middle; width: 29px; height: 29px;}
.newNav .nav-app ul li a{ color: #333; font-size: 14px;}
/*导航弹出层换行问题*/
.newNav .nav-app ul li.i5{width:116px;}/*20150210*/

/* footer */
footer{ border-top: 1px solid #d2d2d2; background-color: #fff; min-height: 50px; text-align: center;}
footer .ver{ border-bottom: 1px solid #d2d2d2;}
footer .ver a{ padding: 10px 0; width: 50px; font-size: 16px; color: #000;}
footer .ver a span{ display: block; border-right: 1px solid #d2d2d2;}
footer .ver a:last-child span{ border-right: none;}

/* foot */
.nnav a { width: 20px; height:30px; font-size: 16px; color: #FFFFFF; line-height: 30px; white-space: nowrap; text-align:center;}

.sms-num { background: #F90; color:white; font-size: 12px; line-height: 14px; height: 14px; width: 14px; -webkit-border-radius:10px; position:absolute; text-align: center; margin-left:-8px; padding: 1px;}
.head-icon .sms-num{ margin: 5px 0 0 10px;}
/* 大搜索 begin */
.whitebg{ background-color:#fff;}
/*.searLast{ margin:0 10px;}
.searLast h3{ font-size: 14px;}*/
/*.searLast .cont a{ float: left; margin: 10px 10px 0 0; padding: 5px 8px; font-size: 12px; color:#333; border-radius:2px; border:1px solid #d2d2d2; background-color:#eee;}
.searTips{ margin:0 18px; font-size: 12px; line-height:1.5; color:#999;}*/
/* 大搜索 end */

/*150717*/
.searLast{margin: 0 10px}
.searLast h3{ font-size: 14px;color:#999999;}
.searLast .cont{overflow:hidden;padding:2px 0 0;}
.searLast .cont a{ float: left; margin: 8px 8px 0 0; padding: 8px 8px; font-size: 14px;line-height:1; color:#333;border:1px solid #e9e9e9; background-color:#ffffff;position:relative;}
.searLast .cont > div{width:200%;}
.searLast .cont a i{position:absolute;width:23px;height:14px;right:2px;top:-8px;background:url(images/s-link-hot.png) no-repeat;background-size:100%;}
.searTips{ margin:0 18px; font-size: 12px; line-height:1.5; color:#999;}
.s-icon-hot,.s-icon-his{display:inline-block;width:16px;height:16px;background:url(images/search-icons-t.png) no-repeat;background-size:16px auto;vertical-align:-3px;margin-right:3px;}
.s-icon-his{background-position:0 -16px;}
.searHistory{margin:10px 10px 0 10px;}
.searHistory h3{ font-size: 14px;color:#999999;padding:10px 0;}
.searHistory > div{background:#fff;border:1px solid #f4f4f4;}
.searHistory .searList{margin:0;}
.searHistory .searList li a{border-bottom:1px solid #f4f4f4;line-height:1;padding:15px 8px;}
.searHistory .clearBtn2 a{display:block;padding:15px 0;line-height:1;text-align:center;color:#999999;font-size:14px;}
/*20150717*/

/*20150924*/
.sf-nh-hbrand{line-height: 1em;font-size: 11px;display: inline-block;vertical-align: middle;color: #ff8d8d;-webkit-transform: translateY(-2px);transform: translateY(-2px);border: 1px solid #ff8d8d;padding-top: 1px;border-radius: 15px;padding-left: 2px;padding-right: 2px;}/*20150924*/
/*20150924*/


/* 20150109 begin */
/* 列表页-标签优化 */
.tag-yell{ margin: 3px 0 0 2px; padding: 0 2px; height: 14px; line-height: 14px; background-color: #f90; color: #fff; font-size: 12px;}
/* 20150109 end */

/* 租房电商预约新添css */
.zfds{background:#fff;margin-bottom:20px}

.head-btn{ position: relative; z-index: 6; float: right; height: 44px;}
.head-btn a{ margin-right: 10px; padding: 4px 6px; border: 1px solid #000; border-radius: 3px; color: #000; font-size: 12px;}

.pg-fjzs table th{ padding: 7px 0; background-color: #f4f4f4; font-size: 14px; line-height: 1.4; font-weight: normal;}
.pg-fjzs table td{ padding: 7px 0; line-height: 1.4; border-bottom: 1px solid #e4e4e4; font-size: 14px; color: #999; text-align: center;}

/*150427 begin*/
/*微信访问进入引导页样式*/
.ts-pic{text-align:right;padding:0 30px;}
.ts-word{margin:0 4%;padding-top:20px;}
.ts-word img{float:left;margin-right:10px;}
.ts-word .text h2{font-size:16px;font-weight:bold;}
.ts-word .text span{font-size:15px;}
.ts-word > p{margin-top:10px;line-height:1.4;}
/*150427 end*/

/* media */
@media screen and (min-width: 321px) and (max-width: 479px) {
    html{ font-size: 18px;}
}
@media screen and (min-width: 480px) and (max-width: 559px){
    html{ font-size: 24px;}
}
@media screen and (min-width: 560px){
    html{ font-size: 28px;}
}

/*导航弹出 APP 20150610*/
.nav-app li span{display:inline-block;width:30px;height:30px;margin-right:10px;background:url(images/app-logo-n.png) no-repeat;background-size:180px auto;vertical-align:middle;}
.nav-app li span.icon-fang{background-position:0 0;}
.nav-app li span.icon-zfb{background-position:-30px 0;}
.nav-app li span.icon-zx{background-position:-60px 0;}
.nav-app li span.icon-txd{background-position:-90px 0;}
.nav-app li span.icon-ytx{background-position:-120px 0;}
.nav-app li span.icon-sfb{background-position:-150px 0;}

/*20151112房源免责声明*/
.declareRes{font-size: 9px;color: #83868f;line-height: 13px;padding: 4px 14px 14px 14px;}
/*20151112房源免责声明end*/

/*帮你卖房验证码样式*/
.sf-checkCode1{padding: 0 10px;color: #ff6666;border: 1px solid #ff6666;border-radius: 3px;}
.sf-checkCode1.pdX5{padding-left: 5px;padding-right: 5px;}

/*查房价列表页容错语句样式*/
.fc-565c67{color: #565c67;}