@charset "utf-8";
* { 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";}
@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;}
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 */#da272d
header{ position: relative; height: 44px; line-height: 44px; background-color: #da272d;}
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(../images1/home.png) right 3px no-repeat; background-size: 200px auto;}
header .logo{ float: left; width: 100px; height: 44px; background: url(../images1/logo02.png) center no-repeat; background-size: 83px auto;}
header .cent{ position: absolute; width: 100%; height: 100%; text-align: center; font-size: 16px; color: #fff;line-height:50px;}
header .cent a{ position: relative; padding-right: 16px; color: #fff;}
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: #fff transparent transparent transparent;}
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(../images1/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 #fff; border-radius: 3px; color: #fff; font-size: 12px;}
/*新房地图详情周边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(../images1/icon-head.png) no-repeat; background-size: 105px auto;}
.head-icon a p{ margin-top: 2px; white-space: nowrap; color: #fff !important; font-size: 10px; line-height: 1;}
.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;} 


.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(../images1/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(../images1/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; left: 50%; padding: 10px; max-width: 640px; width: 100%; -webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%); z-index: 10;}
.searbox{ position: relative; border: 1px solid #da272d; border-radius: 2px; height: 34px; background-color: #fff; font-size: 14px;}
.searbox .sel{ float: left; padding: 0 0 0 7px; line-height: 32px; 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: 42px;}
.searbox .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;}
.searbox .ipt .off{ position: absolute; top: 50%; margin-top: -12px; right: 3px; display: block; width: 24px; height: 24px; background: url(../images1/hs-off.png) center no-repeat; background-size: 16px auto;}
.searbox .btn{ position: absolute; right: 0; top: 0; width: 42px; height: 32px; line-height: 32px; background-color: #da272d; text-align: center;}
.searbox .btn i{ margin-top: 5px; display: inline-block; width: 21px; height: 21px; background: url(../images1/icon-head.png) -84px -21px no-repeat; background-size: 105px 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 #df3031; 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(../images1/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;}

/* 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;}

.floatApp{ position: fixed; left:0; bottom:0; background:rgba(0,0,0,.8); width:100%; overflow: hidden;}
.floatApp .linkbox{ display: block; padding: 10px 12px; width:100%;}
.floatApp img{ float: left; margin:0 10px 0 0; width:36px;}
.floatApp .text{ color:#fff; height:36px; line-height:20px; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-flex:1;}
.floatApp .text p{ white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height:36px;}
.floatApp .btn{ float: right; margin-top:7px; border:1px solid #f90; width:75px; height:25px; line-height:25px; color:#f90; font-size: 14px; text-align:center; border-radius:2px;}
.floatApp .off{ position: absolute; left: -20px; top: -20px; display: block; width: 40px; height: 40px; line-height: 40px; background: #000; border-radius: 50%; color:#fff !important; font-size: 14px; text-align: center; clip: rect(20px,40px,40px,20px);}
.floatApp .off span{ position: relative; left: 8px; top: 7px;}

/* 大搜索 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 */

/* 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 */