/* 大图 */
.TopBigPhoto{
    width:100%;
    height:294px;
    position:relative;
}
.TopBigPhoto img{
    width:100%;
    height:100%;
}
/* 悬浮 */
.TopBigPhoto .UpTier{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align: center;
}
.TopBigPhoto .UpTier>span{
    display: inline-block;
    padding:10px;
    color:var(--qiTiZiTiColor);
}
.TopBigPhoto .UpTier>span:nth-child(1){
    font-size:30px;
    border:1px solid var(--qiTiZiTiColor);
    position: relative;
    top:50%;
    transform:translateY(-80%);
}
.TopBigPhoto .UpTier>span:nth-child(3){
    font-size:20px;
    position: relative;
    top:50%;
    transform:translateY(-100%);
}


/* 房贷计算器 */

/* 计算结果 */
.FDresult{
    width:100%;
    margin-top:20px;
    display:flex;
    display:-webkit-flex;
}
.FDresult>div{
    width:50%;
}
/* å·¦ */
.FDresult .FDresultLeft>div{
    display:flex;
    display:-webkit-flex;
    margin-top:20px;
}
.FDresult .FDresultLeft>div>span{
    display: block;
    float: left;
    width:100px;
    height:46px;
    line-height:46px;
    margin-right:20px;
    text-align: right;
    color:#232323;
    font-size:14px;
    font-weight:bold;
}
.FDresult .FDresultLeft>div>select,
.FDresult .FDresultLeft>div>input{
    display: block;
    width:360px;
    height:46px;
    color:#999;
    font-size:14px;
    float: left;
    background:#f5f5f6;
    border:none;
    outline: none;
    padding:0 30px 0 10px;
    border-radius:4px;
}
.FDresult .FDresultLeft>div>.yanZhengMa{
    width:360px;
    height:46px;
}
.FDresult .FDresultLeft>div>.yanZhengMa>input{
    display:inline-block;
    width:240px;
    height:46px;
    color:#999;
    font-size:14px;
    float: left;
    background:#f5f5f6;
    border:none;
    outline: none;
    border-radius:4px;
    padding-left:10px;
    margin-right:10px;
}
.FDresult .FDresultLeft>div>.yanZhengMa>button{
    display:inline-block;
    width:110px;
    height:46px;
    color:var(--qiTiZiTiColor);
    font-size:14px;
    float: left;
    background:#fff;
    border:1px solid var(--qiTiZiTiColor);
    outline: none;
    border-radius:4px;
}
/* 操作按钮 */
.FDresult .FDresultLeft .chaoZuoAnNiu{
    width:100%;
    padding-left:120px;
}
.FDresult .FDresultLeft .chaoZuoAnNiu>button{
    width:144px;
    height:46px;
    margin-right:20px;
    border:none;
    outline: none;
    border-radius:4px;
    font-size:16px;
}
.FDresult .FDresultLeft .chaoZuoAnNiu>button:nth-child(1){
    background:var(--qiTiZiTiColor);
    color:#fff;
}
.FDresult .FDresultLeft .chaoZuoAnNiu>button:nth-child(2){
    background:#f5f5f6;
    color:#999;
}
/* 操作按钮 end */
/* å·¦ end */

/* 右 */
.FDresultRight{
    width:100%;
    padding-top:50px;
}
/* 新房价 */
.FDresultRight .newHousingPrice{
    width:380px;
    border-radius:4px;
    overflow:hidden;
    border:1px solid var(--qiTiZiTiColor);
}
.FDresultRight .newHousingPrice .topBiaoTi{
    width:100%;
    height:88px;
    background:var(--qiTiZiTiColor);
    color:#fff;
}
.FDresultRight .newHousingPrice .topBiaoTi p{
    margin:0;
    font-size:14px;
}
.FDresultRight .newHousingPrice .topBiaoTi p>span{
    font-size:24px;
    font-weight:bold;
}
.FDresultRight .newHousingPrice .topBiaoTi a{
    display:inline-block;
    border:1px solid #fff;
    border-radius:4px;
    color:#fff;
    padding:2px 8px;
    cursor: pointer;
}
.FDresultRight .newHousingPrice .topBiaoTi .beLeft{
    /* width:200px; */
    float:left;
    padding:15px;
    height:100%;
    position:relative;
}
.FDresultRight .newHousingPrice .topBiaoTi .beRight{
    float:left;
    position:relative;
    top:36%;
    left:12%;
}
.FDresultRight .newHousingPrice .topBiaoTi .beRight a i{
    margin-right:5px;
}

/* ul */
.FDresultRight .newHousingPrice>ul{
    width:100%;
    margin:15px 0 0;
    padding:0 20px;
}
.FDresultRight .newHousingPrice>ul>li{
    width:100%;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #ddd;
}
.FDresultRight .newHousingPrice>ul>li a div:nth-child(1) span:nth-child(1){
    font-size:14px;
    color:#444;
    font-weight:bold;
}
.FDresultRight .newHousingPrice>ul>li a div:nth-child(1) span:nth-child(2){
    font-size:14px;
    color:#ff9915;
    float: right;
}
.FDresultRight .newHousingPrice>ul>li a div{
    font-size:12px;
    color:#444;
    margin-top:5px;
}

/* 查看更多 */
.examineMore{
    text-align:center;
    margin-bottom:15px;
    color:#999;
}
.examineMore>a{
    cursor:pointer;
    font-size:14px;
    color:#999;
}
/* 查看更多 end */

/* 右 end */
/* 计算结果 end */
/* 房贷计算器 end */







/* 买房流程 */
.buyHouseFlowBack{
    width:100%;
    margin:70px 0;
    padding:40px 0;
    background:#f4f6fa;
}

.buyHouseFlow{
    width:100%;
}
.buyHouseFlow>ul{
    width:100%;
    padding:0;
    margin-top:40px;
}
.buyHouseFlow>ul>li{
    width:25%;
    float:left;
    padding-left:44px;
}
/* 图 */
.buyHouseFlow>ul>li .buyHouseFlowPhoto{
    width:115px;
    height:105px;
}
.buyHouseFlow>ul>li .buyHouseFlowPhoto img{
    width:100%;
    height:100%;
}
/* 内容 */
.buyHouseFlow>ul>li .buyHouseFlowContent{
    width:100%;
    padding-right:95px;
    position: relative;
}
.buyHouseFlow>ul>li .buyHouseFlowContent>span{
    display: block;
}
.buyHouseFlow>ul>li .buyHouseFlowContent>span:nth-child(1){
    margin:5px 0;
    font-size:22px;
    font-weight:bold;
    color:var(--qiTiZiTiColor);
}
.buyHouseFlow>ul>li .buyHouseFlowContent>span .circle{
    display: inline-block;
    width:25px;
    height:25px;
    line-height:25px;
    border-radius:50%;
    background:var(--qiTiZiTiColor);
    color:#fff;
    text-align:center;
    font-size:18px;
    font-weight:bold;
}
.buyHouseFlow>ul>li .buyHouseFlowContent>span:nth-child(2){
    font-size:16px;
    color:#444;
}
/* 箭头 */
.buyHouseFlow>ul>li .buyHouseFlowContent .pointToLocation{
    font-size:60px;
    font-weight:100;
    color:#666;
    position: absolute;
    top:8px;
    right:15px;
}
/* 买房流程 end */






/* 成交案例 */
.chengJiaoAnlie{
	width:100%;
	margin:30px 0 70px;
	padding:0;
}
.chengJiaoAnlie>li{
    width:380px;
    margin-right:30px;
    float: left;
}
.chengJiaoAnlie>li:last-of-type{
    margin:0px;
}
/* 图 */
.chengJiaoAnlie>li .picture{
	width:100%;
	height:250px;
}
.chengJiaoAnlie>li .picture img{
	width:100%;
	height:100%;
}


/* 内容 */
.chengJiaoAnlie>li .content{
    width:100%;
    height:287px;
    margin-top:5px;
	background:#f8fcfe;
	position:relative;
}
/* 一 */
.chengJiaoAnlie>li .user-param>span.name{
	display:inline-block;
	margin-right:10px;
	font-size:20px;
	font-weight:bold;
	color:#232323;
}
.chengJiaoAnlie>li .user-param>span span,
.chengJiaoAnlie>li .user-param>span:nth-child(2) a{
	font-size:14px;
	color:#666;
}
.chengJiaoAnlie>li .user-param>span:nth-child(2){
	margin-right:10px;
}
/* 二 */
.chengJiaoAnlie>li .userTow{
	width:100%;
}
.chengJiaoAnlie>li .userTow>ul{
	width:100%;
	padding:0;
	margin:10px 0 0px;
	display:flex;
	display:-webkit-flex;
}
.chengJiaoAnlie>li .userTow>ul>li{
	display:block;
	font-size:14px;
	color:#666;
	margin-right:10px;
	padding-right:10px;
    position:relative;
    overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
}
.chengJiaoAnlie>li .userTow>ul>li:after{
	content:"|";
	font-size:14px;
	color:#939495;
	position:absolute;
	top:-1px;
	right:0;
}
.chengJiaoAnlie>li .userTow>ul>li:last-of-type:after{
    content:"";
}
.chengJiaoAnlie>li .userTow>ul>li:last-of-type{
    margin:0px;
	padding:0px;
}
.chengJiaoAnlie>li .Itab>i{
	color:#ff6d2c;
	margin-right: 5px;
}
/* 三 */
.chengJiaoAnlie>li .userImpression{
	width:100%;
	max-height:107px;
	font-size:14px;
	color:#666;
	line-height:27px;
	margin:13px 0;
	overflow:hidden;
}
.chengJiaoAnlie>li .userImpression>span:nth-child(1){
    font-weight:bold;
    font-size:14px;
	color:#232323;
}

/* å›› */
.chengJiaoAnlie>li .userfour{
	width:100%;
	position:absolute;
	bottom:0;
}
.chengJiaoAnlie>li .userfour .displayPanel{
	width:100%;
	margin-top:10px;
}
.chengJiaoAnlie>li .userfour .tazxs{
	font-size:14px;
	color:#232323;
	font-weight:bold;
}
/* zuo 图 */
.chengJiaoAnlie>li .userfour .displayPanel .userHeadPhoto{
	width:68px;
	height:68px;
	border-radius:50%;
	overflow:hidden;
	float:left;
}
.chengJiaoAnlie>li .userfour .displayPanel .userHeadPhoto img{
	width:100%;
	height:100%;
}
/* you */
.chengJiaoAnlie>li .userfour .displayPanel .basics{
	width:310px;
	float:left;
	color:#666;
	font-size:14px;
	padding-left:12px;
}
.chengJiaoAnlie>li .userfour .displayPanel .basics .basicsZXSname{
	font-size:14px;
	color:#323232;
	font-weight:bold;
}
/* 免费咨询 */
.chengJiaoAnlie>li .userfour .displayPanel .basics .basicsZXSname .mianConsult{
	display:inline-block;
	padding:4px 8px;
	border-radius:4px;
	font-size:12px;
    color:#fff;
	font-weight:100;
	background:var(--qiTiZiTiColor);
    margin-left:5px;
    cursor:pointer;
}
/* 免费咨询 */

/*蓝色*/
.chengJiaoAnlie>li .userfour .displayPanel .basics .basicsBlur{
	color:var(--qiTiZiTiColor);
}
/* 分区 */
.chengJiaoAnlie>li .userfour .displayPanel .basics .fenQu{
	display:flex;
	display:-webkit-flex;
}
.chengJiaoAnlie>li .userfour .displayPanel .basics .fenQu>span{
	display:block;
	max-width:50%;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
}
.chengJiaoAnlie>li .userfour .displayPanel .basics .fenQu>span.fenQuXian:before{
	content:"|";
	margin:0 8px;
	position:relative;
	top:-1px;
	left:0;
}

/* 查看他的买房 */
.chengJiaoAnlie>li .LookItBuyHouse{
	color:#fff;
	text-align:center;
	background:#b8c3da;
	font-size:14px;
	padding:6px 0;
	margin-top:18px;
	cursor:pointer;
		display: block;
}
.chengJiaoAnlie>li .LookItBuyHouse a{
	color:#fff;
}
.chengJiaoAnlie>li .LookItBuyHouse:hover{
	background:var(--qiTiZiTiColor);
}
/* 查看他的买房 end */
/* 成交案例 end */