﻿
	
	html,body{max-width: 640px;}
	
	body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, input, li, ol, option, p, select, td, th, ul {
	    word-break: break-all;
	}
	
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	    margin: 0;
	    padding: 0;
	}	
	    
	body{font-size: 16px;}
	
	address, caption, cite, code, dfn, em, th, var {
	    font-style: normal;
	}
	
	
	* {
	    margin: 0;
	    padding: 0;
	}
	.float-r{float: right;}
	.float-l{float:left;}

	.container {
	    clear: both;
	    padding: 0;
	    overflow: hidden;
	 
	}

	a:link {
	    text-decoration: none;
	    color: #999999;
	}	

	
	img {
	    vertical-align: top;
	    border: 0;
		max-width: 100%;
	}
	
	button, input, select, textarea {
	    outline: 0;
	    -webkit-appearance: none;
	}
	
	
	li, ol, ul {
	    list-style: none;
	}
	
	em{
    font-weight: 500;
	}

	a:link {
	    text-decoration: none;
	}
	
/*header菜单样式begin*/
	header {
	    width: 10rem;
	    background: #fff;
	    border-bottom: 1px solid #f2f2f2;
	}
	
	.header-top-0 {
	    top: 0;
	}
	
	.header02, .header03 {
	    margin: 0 auto;
	    position: fixed;
	    width: 100%;
	    height: .44rem;
	    z-index: 22;
	}
	
	  header {  background: #fff;
	    border-bottom: 1px solid #f2f2f2;
	    }
	    
	    header .top {
	   position: relative;
	    height: .44rem;
	    line-height: .44rem;
	    overflow: hidden;
	}
	
	
	header .top .logo img {
	    width: 2.21rem;
	    height: auto;
	    vertical-align: middle;
	}
	.header03 .return {
	    position: absolute;
    	left: .135rem;
	}
	.header03 .return .icon-return {
	    font-size: 0.225rem;
	    color: #585757;
	}
	
	header .top .logo {
	    text-align: center;
	    overflow: hidden;
	}

	.header03 .search-ico {
	    position: absolute;
	    top: 0;
	    left: 8rem;
	}
	
	header .top .user {
	    position: absolute;
	    top: 0;
	    right: .2rem;
	}
	
	header .top .user .icon-user {
	    font-size: .225rem;
	    color: #585757;
	}
	.body {
    margin-top: .44rem;
	}
	body{
		margin: 0 auto;
	}

/*header菜单样式end*/

	
	.container .center {
	    padding-bottom: .16rem;	  
	    overflow: hidden;
	}
	.container .cen-bgcol
	{
		background: #ff2813;
	}
	.col-h30{
		height: 0.12rem;
		background:#f8f8f8;
	}
	.center .row {
	    clear: both;
	    overflow: hidden;
	}
	
	.center .row {
	    margin: .2rem .2rem 0rem;
	}
	.center .row-banner {
	width: auto;
	height: auto;	
	}

	.row-banner .row-hdgz
	{
		position: absolute;
		margin-top: .2rem;
		right: .2rem;
		display: inline-block;
	}
	.row-banner .row-hdgz .hb-btn{
		padding: .05rem .05rem;
		background-color:  rgba(0, 0, 0, .5);
    	text-align: center;
		border-radius: .2rem;
		font-size: .2rem;
		color: #FFFFFF;
	}
	
	.row-down{		
	clear: both;
    margin-bottom: .53rem;
    overflow: hidden;		
	background: #FFFFFF;
    padding: .165rem 0;
    margin: 0 .2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: .06rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
}

.row-down .tips
{
	display: inline-block;
    color: #333;
    font-size: .15rem;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    max-width: 3.425rem;
    white-space: nowrap;
}
.row-down .tips .sp
{
    font-weight: 700;
    display: inline-block;
    padding: 0;
}

.row .row-Box
{
	background-color: #fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: .06rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
}
.row .row-Box .hd
{
    padding:.15rem .12rem;
    min-height: .5rem;
    border-bottom: 1px solid #e8e8e8;
}

.row .row-tejiafBox .hd
{
    padding-bottom:.16rem;
    min-height: .2rem;
    color: #FFFFFF;
}


.row .row-Box .hd h2,.row .row-tejiafBox .hd h2
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    font-weight: 700;
    font-size: .225rem;
    height: .2rem;
    margin-right: .11rem;
}

.row .row-Box .hd .more {
    float: right;
    height: .2rem;
    line-height: .2rem;
    overflow: hidden;
    font-size: .12rem;
    color: #999;
}
.row .row-Box .lp-box
{
    display: block!important;
	padding: .15rem .12rem;
}

.house-wrap {
  
    display: flex;
    justify-content:flex-start;    
    position: relative;
}


.house-wrap .img-wrap {
    width: 1.21rem;
    height: .9rem;
    -webkit-border-radius:.06rem .06rem 0rem 0rem;
    -moz-border-radius: .06rem .06rem 0rem 0rem;
    border-radius: .06rem .06rem 0rem 0rem;
    position: relative;
    overflow: hidden;
    margin-right: .1rem;
}

.house-wrap .img-tejiaf {
    width: 1.21rem;
    height: .9rem;
    -webkit-border-radius:.06rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    position: relative;
    overflow: hidden;
    margin-right: .1rem;
}
.img-tejiaf img {
    width: 1.21rem;
    height: .9rem;
}

.house-wrap .img-wrap img {
    width: 1.21rem;
    height: .9rem;
}
.house-wrap .img-wrap .text-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    height: .22rem;
    color: #FFFFFF;
    font-size: .12rem;
}

.text-wrap {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.text-wrap .text{
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	white-space: nowrap;	
}
.text-wrap .text .label-text
{
	margin-left: .05rem;
}

.house-info .house-name
{
	color: #000;
	font-size: .18rem;
	margin-bottom: .02rem;
	font-weight: 700;
	max-width: 1.8rem;
	overflow: hidden;
	-o-text-overflow:ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.house-info .house-position
{
	color:#999;
	font-size: .13rem;
	margin-bottom: .02rem;	
	max-width: 1.8rem;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	-webkit-box-align: center;
	}

.house-info .house-position .place-text{
	max-width: 1.8rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size:.13rem;
}

.house-info .house-price
{
	display: flex;
	font-size: .13rem;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: .02rem;
}
.house-info .house-price .num,.house-info .house-price .x-pice
{	
	font-size:.13rem;
	max-width: 1.8rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.house-info .house-price .x-pice{
	font-weight: bold;
	max-width: .65rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.house-info .house-price .y-pice
{
	color: #999;
	font-weight: bold;
	text-decoration: line-through;
	max-width: .65rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	
}
.house-info .house-price span
{
	display: inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.house-info .message-wrap {
    background: #f9edee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: .24rem;
    line-height: .24rem;
    padding: 0 .06rem;
    display:inline-flex;
}

.house-info .message-time
{
	font-size: .12rem;
}
.house-info .message-time .gzCol{
	color: #999;
}

.house-info .message-wrap .text,.house-info .message-time .text {
    max-width:.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   
}
.house-info .message-wrap span
{
	 color: #ff2813;
    font-size: .12rem;
}


.tejiaf-wrap .message-wrap .text
{
	max-width: 1rem;
}

.house-wrap .consultation {  
    padding: .02rem .08rem;
    background: #ff2813;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    color: #fff;
    font-size: .132rem;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0;
}

.lp-box .house-add {
    margin-top: .12rem;
    background: #f9edee;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    color: #666;
    font-size: .13rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .04rem .11rem;
}
.tejiaf-ul 
{
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tejiaf-ul li{
	width: 1.5rem;
    min-height: 1.25rem;
    -webkit-border-radius: .06rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    float: left;
    margin:0 .07rem .07rem 0;
    background-color: #f9edee;
}
.tejiaf-ul li:nth-of-type(2n)
{
	margin-right: 0;
}

.tejiaf-ul li .img-wrap {
    width: 1rem;
    height: .8rem;
    position: relative;
    margin-right:0;
}

.tejiaf-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.tejiaf-wrap .hot-box
{
	display: inline-flex;
	position: absolute;
	right: 0;
	top: 0;
	float: right;
	margin-top: -.09rem;
}
.tejiaf-wrap .hot-box .hot-span
{
	font-size: .1rem;
	background-color: #ff2813;
	color: #FFFFFF;
	padding: .02rem;
	border-radius: .06rem 0 .06rem 0;
}

.tejiaf-wrap .cons-btn ,.tuan-info .tuan-cons-btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;   
    background: #ff2813;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    color: #fff;
    font-size: .132rem;
    text-align: center;
   padding: .02rem .08rem;
    border:0;
}

.tejiaf-name
{
	margin-top: .05rem;
}
.tejiaf-padd{
	margin:.1rem .07rem;
}
.tejiaf-wrap .house-info .area
{
	max-width: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content li
{
	margin-bottom: .2rem;
}
.content li:last-child
{
	margin-bottom: 0;
}
.news-info{
	width: 1.79rem;
    height: .9rem;
}
.news-info .news-name{
	font-size: .18rem;
    margin-bottom: .02rem;
    font-weight: 700;
    overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #000;
}
.news-info .news-time
{
	font-size: .12rem;
	position: absolute;
    bottom: 0;
}
.news-info .news-time span
{
	color: #bcbcbd;
	}
.news-info .news-time .news-left10
{
	border-radius: .05rem;
	border:1px solid #FF2813;
	color: #FF2813;
	margin-right: .1rem;
	padding:0.01rem .03rem;	
}

.tuan-hd{
	margin-bottom: .15rem;
}
.tuan-hd h2{
	font-weight: 700;
    font-size: .18rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000;
}

.tuan-info
{
	width: 1.8rem;
	height: 1rem;
	color: #999;
}

.tuan-info .tuan-txt
{	
	font-size: .13rem;
	margin-top: .025rem;
	max-width: 1.8rem;
	margin-bottom: .04rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tuan-info .tuan-txt-f12
{
	color: #FF2813;
	font-size: .15rem;
}

.tuan-wrap .tuan-text
{
	background: #f9edee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: .24rem;
    padding: 0 .06rem;
    display: inline-block;
    color: #ff2813;
    font-size: .12rem;
    margin-right: .05rem;
    line-height: .24rem;
}

.smtxt-hd
{
	padding:.15rem .12rem;
	color: #666666;
}

.smtxt-hd h4
{
	font-size: .18rem;
}
.smtxt
{
	padding:0 .12rem .15rem;
	font-size: .132rem;
	color: #666;
	line-height: .26rem;
	text-align: justify;
}

.bm-title{
	font-weight: 700;
    font-size: .225rem;
    margin-bottom: .1rem;
}

.bm-btn{width: 100%;
    height: 10.6vw;
    font-size: 1.6rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #c30c0d;
    border: none;
    text-align: center;
    font-size: .16rem;
    border-radius:.05rem
    }
.bm-tips_text {
    color: #ccc;
    margin-top: 10px;
}
.zxzxright{
	position: fixed;
	border:1px solid #c30c0d;
	padding: .1rem .05rem;
	font-size: .2rem;
	font-weight: bold;
	color: #c30c0d;
	background: #ffffff;
	letter-spacing: .02rem;
	border-radius: .05rem;
	right: 0;
	top: 50%;
	transform: translateY(-25%);
}
.zxzxright .zx-txt{
	writing-mode:tb-rl;
}
.zxzxright .zx-txt .kefufont{
	font-size: .25rem;
}

.ckMore{
	margin-top: .2rem;
	width: 100%;
    height: .4rem;
    line-height: .4rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #c30c0d;
    border: none;
    text-align: center;
    font-size: .16rem;
    border-radius: .05rem;
}
.lp-box li.hide{
    display: none;
}

.img-wrap .dyspan{
	position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 .15rem 0;
    font-size: .12rem;
    color: #fff;
    padding: .01rem .08rem;
}

/*分享海报*/

.sbjBg{
	width: 3.15rem;  
    height: auto;
    margin: 0 auto;
}
.sbjBg .sbjBaner{
	width: 3.15rem;
	height: auto;	
}
.sbjBg .sbjBaner img{
	min-height: 2.5rem;
}

.sbjBg .sbjRow{
	position: relative;
    color: #333;  
    height: auto; 
    padding:.3rem .2rem;
    background: #fff;
}
.sbjBg .sbjbds{
	border-radius: .05rem;
}
.sbjBg .sbjRowtop{
	padding: .7rem .1rem .1rem;
 	background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,1));
 	margin-top:-1.2rem;
}
.sbjBg .sbjRowtop .sbjRow2{   
    padding: .2rem .15rem;
}

.sbjBg .sbjRow .sbjHead{
	display: flex;
	justify-content: flex-start;
	padding-bottom: .2rem;
	border-bottom: .01rem dashed #333;
}
.sbjBg .sbjRow .sbjHead .sbjHeadimg{
	width: .5rem;
    height: .5rem;
    border-radius: 50%;
    line-height: .5rem;
    background: #404040;    
    margin-right: .1rem;
}
.sbjBg .sbjRow .sbjHead .sbjHeadimg img{
	width: .5rem;
    height: .5rem;
	border-radius: 50%;
}
.sbjBg .sbjRow .sbjHead .headInfo{
	text-align: left;
	width: 2.75rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sbjBg .sbjRow .sbjHead .headInfo .headName{
	font-size: .15rem;
	font-weight: bold;
}
.sbjBg .sbjRow .sbjHead .headInfo .headTxt{
	font-size: .15rem;
}
.sbjBg .sbjRow .sbjTit{
	font-size: .2rem;
	font-weight: bold;   
    line-height: .25rem;
    padding: .1rem 0rem;
    text-align: left; 
}

.sbjBg .sbjRow .sbjLine{
	border-bottom: .01rem dashed #999;
	margin: .1rem 0rem;
}
.sbjBg .sbjRow .sbjLine:before{
	position: absolute;
    content: " ";
    width: .2rem;
    height: .2rem;
    background: rgba(8, 2, 3, 1);
    margin-top: -.1rem;
    left: -.1rem;
    border-radius: .1rem;
    clip: rect(0rem .2rem .2rem .1rem);
}
.sbjBg .sbjRow .sbjLine:after{
	position: absolute;
    content: " ";
    width: .2rem;
    height: .2rem;
    margin-top: -.1rem;
    background: rgba(8, 2, 3, 1);
    right: -.1rem;
    border-radius: .1rem;
    clip: rect(0rem .1rem .2rem 0rem);
}
.sbjRow .sbjLx{
	display: flex;
	justify-content: space-between;
	align-items:flex-end;
	padding-top: .2rem;
}
.sbjRow .sbjLx .sbjEwm6{
	width: .625rem;
	height: .625rem;
}
.sbjRow .sbjlogo{
	width: 1rem;
	height: auto;
}
.sbjRow .sbjhead{
	display: flex;
	align-items: center;
}
.sbjRow .sbjhead img{
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	margin-right: .1rem;
}
.sbjhead .sbjBox{
	text-align: left;
	max-width: 1.1rem;	
}
.sbjhead .sbjBox .boxTit{
	font-size: .15rem;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sbjhead .sbjBox .boxTxt{
	font-size: .132rem;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sbjRow .sbjleft{
	color: #333;
	font-size: .132rem;
	text-align: left;
}
/*.sbjLx .sbjleft .sbjleftLine{	
    width: .3rem;
    height: .04rem;
    background: #333;
    border-radius: .15rem;
    margin-bottom: .1rem;
}*/

.row-banner .row-hdgz .sbj-col{
	color: #fff;
}

.sbj-zhuanfa{
	font-size: .2rem;
	color: #fff;
}

/*楼盘详细页分享海报弹窗  追加样式*/
.sbjBg .sbjRow2 .hosTit{
	font-size: .2rem;
	font-weight: bold;
    text-align: left;   
}
.hosMg1{
	 margin-bottom: .05rem;
}
.hosMg2{
	margin-bottom: .1rem;
}
.hosMg3{
	margin-bottom: .5rem;
}

.sbjBg .sbjRow2 .hosAdd{
	text-align: left;
	font-size: .132rem;
}
.sbjBg .sbjRow2 .hosDj{
	font-size: .15rem;
	color: #c30c0d;
	text-align: left;
	font-weight: bold;
}

.sbjBg .sbjRow2 .hosDt{
	font-size: .12rem;
	color: #666;
	text-align: left;
}
