@charset 'utf-8';
/* CSS reset */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"微软雅黑",'Microsoft YaHei',Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;-ms-box-sizing:border-box}
body,html{font-size:62.5%;overflow-x:hidden;width:100%;color:#000;word-break:break-all;-webkit-user-select:none;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch}
a,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,label,legend,li,ol,p,pre,section,strong,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{display:block;border:0}
a{color:#FFF;text-decoration:none}
em,strong,var{font-style:normal}
address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-weight:inherit;font-style:inherit}
del,ins{text-decoration:none}
li{list-style:none;background: #fff}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
button,input,optgroup,option,select,textarea{font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit}
:active,:hover,:link,:visited{/* -webkit-tap-highlight-color:transparent */}

/************************** main style ***************************/
/*loading页面样式*/
.spinner>div{width:15px;height:15px;background-color:#5998CD;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.tclloading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999999;background:#FFF}.spinner{position:absolute;top:50%;left:0;width:100%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}.tipsText{display:block;font-size:.3rem;color:#0091ff;line-height:2.5em;font-style:normal;text-shadow:0 0 2px rgba(234,0,0,1)}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}

/*清浮动*/
.clearfix{*zoom:1;}.clearfix:after{display:block;content:"clear";height:0; clear:both;overflow:hidden;visibility:hidden;}

/*placeholder文字样式*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999;}

/*取出表单的IOS默认样式，如select小箭头*/
input,select,textarea{-webkit-appearance:none;outline:none}

/** diaplay inline-block 兼容问题 **/
.inblock{display:inline-block;zoom:1;*display:inline;float:none;}

.none{display: none;}

/**
 * 弹性布局实现 均分
 */
.flexbox{display:box;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flex;display:flex;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:horizontal;box-orient:horizontal;/* border-bottom: 1px solid #FCF; */}
.flexbox>*{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-webkit-flex:1;flex:1}
.flexbox{width:100%}
html,body {
	min-height: 100%;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 12px;
}
.wraper{
	position: relative;
	width: 100%;
}
.yb_page {
	width: 100%;
	height: 100%;
}

/*头部导航*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width:100%;
}
.head {
	width: 100%;
	margin: 0 auto;
	height: 0.88rem;
	background: #f56140;
	height:8.73%;
	max-height: 88px;
	min-height: 44px;
	max-height: 167px;
}
.logo {
	float: left;
	width:62.5%;
	height: 44px;
	background: url(../img/logo.png) no-repeat left center;
	background-size: contain;
	margin-left: 2.2%;
}
.peoico,.seaico {
	float: right;
	width:44px;
	height: 44px;
}
.peoico {
	background:url(../img/head_peo.png) no-repeat center;
	background-size:18px 20px;
}
.seaico{
	background:url(../img/head_seach.png) no-repeat center;
	background-size:19px;
}
.back
{
	background:url(../img/icon-back.png) no-repeat left center;
	background-size:13px 21px;
	float: left;
	width:62.5%;
	height: 44px;
	margin-left: 2.2%;
	font-size: 16px;
	line-height: 44px;
	padding-left: 25px;
}

/*搜索筛选模块*/
.search {
	position: fixed;
	top: 44px;
	left: 0;
	width:100%;
	z-index: 6;
}
.selcon {
	margin: 0 auto;
	background: #fff;
	border-bottom: 1px solid #dfdfdf
}
.sea_list li {
	position: relative;
	width: 50px;
	padding: 8px 0;
}
.sea_list li:last-child{
	border-right: none;
}
.sea_list li a {
  display: block;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  color: #666;
  overflow: hidden;
  padding: 0 6px;
  border-right: 1px solid #dfdfdf;
}
.sea_list li a i {
  position: relative;
  display: inline-block;
  font-style: normal;
  height: 24px;
  overflow: hidden;
}
.sea_list li a i span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-right: 17px;
  overflow: hidden;
}
.uptips{
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 15px;
  height: 6px;
  background: url(../img/head_tips.png) no-repeat center;
  background-size: 12px 6px;
  -webkit-transition:   transition: all cubic-bezier(0.04, 0.7, 0.66, 0.98) 0.3s;;
  -moz-transition:   transition: all cubic-bezier(0.04, 0.7, 0.66, 0.98) 0.3s;;
  -ms-transition:   transition: all cubic-bezier(0.04, 0.7, 0.66, 0.98) 0.3s;;
  -o-transition:   transition: all cubic-bezier(0.04, 0.7, 0.66, 0.98) 0.3s;;
  transition: all cubic-bezier(0.04, 0.7, 0.66, 0.98) 0.3s;
}

/*小箭头旋转*/
.rotate{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sea_list .active {
	color: #f56140;
}

/*搜索框功能*/
.searfind {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
}
.ybsearch {
	width: 75%;
	height: 30px;
	margin-left: 2.5%;
	border-radius: 15px;
	border:none;
	background: #ededed;
	padding-left: 35px;
	font-size: 12px;
	color: #999;
}
.ybsepic {
	position: absolute;
	top: 15px;
	left: 4%;
	width: 43px;
	height:15px;
	background: url(../img/search.png) no-repeat;
	background-size: 20px 15px;
}
.searfind label {
	position: relative;
	width: 84%;
	float: left;
	padding-top: 7px;
	overflow: hidden;
	padding-bottom: 6px;
}
.searbtn {
	position: absolute;
	right: 2.3%;
	top: 7px;
	width: 17.9%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: #f56140;
	border-radius: 15px;
}
.return_back {
	float: left;
	width:40px;
  	height: 30px;
  	margin-top: 7px;
  	background: url(../img/head_tips.png) no-repeat center;
    background-size: 22px 13px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*定位输入框*/
.searfind.autoFixed{
	position: fixed;
	top: 0;
	left: 0;
}


/*底部导航*/
.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	overflow: hidden;
}
.fotcon {
	/* max-width: 640px; */
	min-width: 320px;
	margin: 0 auto;
	width: 100%;
	height: 10%;
	min-height: 53px;
	max-height: 102px;
	background: #f56140;
	opacity: 0.9;
}
.fotcon a {
	background: #FCF;
	text-align: center;
}
.fotcon .nav_hand {
	background: url(../img/fot_hand.png) no-repeat center;
	background-size: contain;
}
.fotcon .nav_home {
	background: url(../img/fot_house.png) no-repeat center;
	background-size: contain;
}
.fotcon .nav_man {
	background: url(../img/fot_man.png) no-repeat center;
	background-size: contain;
}
.fotcon .nav_door {
	background: url(../img/fot_door.png) no-repeat center;
	background-size: contain;
}
.fotcon>a.active{
	background-color: #ce5136;
}


/*二手房列表页面*/
.main {
	background-color: #fff;
}
.showlis {
	display: block;
	background: #FCF;
	height:199px;
	border-bottom: 1px solid #ddd;
}
.hand_list {
	position: relative;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.hand_list> img {
	float: left;
	width: 100px;
	height: 75px;
	line-height: 75px;
	vertical-align: middle;
}
.hand_list>p {
	overflow: hidden;
	text-overflow: ellipsis;
  	white-space: nowrap;

	line-height: 24px;
	text-align: left;
  	padding-left: 3%;
}
.htit {
  	font-size: 16px;
  	color: #333;
  	padding-bottom: 2px;
}
.hadr {
	font-size: 14px;
	color: #666;
	padding-bottom: 4px;
}
.hadr >em{
    color: #0099FF;
    display: inline-block;
    width: 2em;
}
.tags {
	font-size: 12px;
	color: #82a1bb;
	padding-top: 2px;
}
.f-price {
  color: #f56140;
  position: absolute;
  font-size: 15px;
  right:0;
  top: 37px;
}

.f-price>em {
	font-size: 18px;
}

.f-price>sup{
    vertical-align: text-top;
    font-size: x-small;
}

/*标签多种样式*/
.tags>span {
  border-radius: 1px;
  padding:1px 2px;
  margin-right: -1px;
  border: 1px solid;
  line-height:15px;
  float: left;
  font-size: 12px;
  text-align: center;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
}
/* 	<span class="di_tie">地铁</span>
	<span class="xue_qu">学区房</span>
	<span class="ye_zhu">业主唯一</span>
	<span class="du_jia">独家</span>
	<span class="ji_shou">急售降价</span>
	<span class="sui_shi">随时可看</span>
	<span class="che_wei">带车位</span>
	<span class="lu_tai">带露台</span>
	<span class="piao_chuan">带飘窗</span>
	<span class="jia_di">抄底房</span>
*/

/*地铁*/
.tags>span.di_tie {
  	border-color: #82a1bb;
  	color: #82a1bb;
}
/*学区房*/
.tags>span.xue_qu {
	border-color: #ff988a;
    color: #ff988a;
}
/*业主唯一*/
.tags>span.ye_zhu {
	border-color: #67ccb7;
  	color: #67ccb7;
}
/*独家*/
.tags>span.du_jia {
	border-color: #6cc5dc;
  	color: #6cc5dc;
}
/*急售降价*/
.tags>span.ji_shou {
	border-color: #fcb68f;
  	color: #fcb68f;
}
/*随时可看*/
.tags>span.sui_shi {
	border-color: #d6b298;
  	color: #d6b298;
}
/*带车位*/
.tags>span.che_wei {
	border-color: #8ec5d8;
  	color: #8ec5d8;
}
/*带露台*/
.tags>span.lu_tai {
	border-color: #f0a4b3;
  	color: #f0a4b3;
}
/*带飘窗*/
.tags>span.piao_chuan {
	border-color: #a6b8e5;
  	color: #a6b8e5;
}
/*抄底房*/
.tags>span.jia_di {
	border-color: #ecdc88;
  	color: #ecdc88;
}


/*区域筛选列表样式*/
.selc_list {
	position: fixed;
	top: 85px;
	left: 0;
	width: 100%;
	height: 280px;
	background: #fff;
	z-index: 9999;
	/* border-bottom: 1px solid #e0e0e0; */
}
.ybmask {
	position: fixed;
	top: 94px;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.5;
	z-index: 999;
}

/*区域筛选项的样式*/
/*一种列表的样式*/
.selc_list .colum_one {
	float: left;
	width: 100%;
	overflow: hidden;
}
.colum_two {
	width: 50%;
	background: #f6f6f6;
	overflow: hidden;
}
.colum_three1 {
	width: 33.333%;
	background: #FCF;
	overflow: hidden;
}
.colum_three2 {
	width: 66.333%;
	background: #f6f6f6;
	overflow: hidden;
}
.selc_list .quyu  .colum_three3 {
	position: absolute;
	left: 66.666%;
	top: 0;
	width: 33.333%;
	background: #f6f6f6;
	overflow: hidden;
	display: none;
}
.selc_list>div.show {
	display: inline-block;
}

.selc_list>div {
	width: 100%;
	height: 280px;
	display: none;
}
.show>div {
	height: 280px;
	overflow: hidden;
}
.more .colum_three1 {
	position: absolute;
	left: 0;
	top: 0;
}
.more .colum_three2{
	position: absolute;
	left: 33.33%;
	top: 0;
}
.more .colum_three2 {
	display: none;
}
.more .colum_three2.moreactive {
	display: block;
}
.selc_list .more .colum_three2>ul li {
	background: #f6f6f6;
}
.show>div:first-child{
	background: #fff;
}
.quyu_list {
	background: #FFF;
}
.quyu .colum_three2 {
	display: none;
}
.selc_list .quyu .quyu_det_act,
.quyu .qulist_active {
	display: block;
}
.quyu .colum_three2 {
	left: 33.33%;
}
.selc_list .colum_three3 li,
.quyu .colum_three2 li {
	background: #f6f6f6;
}
.selc_list ul {
	/*border-right: 1px solid #e0e0e0;*/
}
.selc_list li {
	height: 41px;
	line-height: 41px;
	color: #666;
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	padding-left: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.selc_list li.seladdr {
	background: #f6f6f6;
	color: #f56140;
	border-right:1px solid #f6f6f6;
}
.selc_list li.seltxt {
	color: #f56140;
}
.shoujia_max,
.shoujia_min {
	width: 65px;
	height: 30px;
	border-radius: 10px;
	background: #ededed;
	border:none;
	color: #999;
	font-size: 12px;
	text-align: center;
	margin: 0 6px;
}
.shoujia_btn {
  display: inline-block;
  width: 57px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: #f56140;
  border-radius: 15px;
}

/*搜索层蒙版样式*/
.search_mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #fff;
}




/*ISCROLl style*/
.ybsc_wrapper {
	position: absolute;
	z-index: 1;
	top: 0px;
	bottom:0px;
	left: 0;
	width: 100%;
	overflow: hidden;
}

.ybsc_scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

/*iscroll样式*/
#content {
	  margin-top: 85px;
}
#scroller {
	/*position: absolute;*/
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
#scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}
#scroller li {
	padding: 0 2.3%;
	color: #a5a2a2;
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #fff;
	background-color: #fff;
	font-size: 14px;
}
#pullUp>div {
	line-height: 47px;
	text-align: center;
	margin-bottom: 53px;
}