.map-fixed{
	display: none;
}
@media screen and (min-width: 1024px){
	.map-to-section{
		padding-top: 1.72rem;
		width: 100%;
	}
	.search-bar-box{
		width: 100%;
		padding-top: 2.86rem;
	}
	.search-bar-box .box{
		width: 100%;
		height: 3.42rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.search-bar-box .box .left{
		display: flex;
		align-items: center;
	}
	.search-bar-box .box .left a{
		margin-left: 2.86rem;
		font-size: 1.28rem;
		font-weight: 500;
		height: 3rem;
		line-height: 3rem;
	}
	.search-bar-box .box .left a:nth-child(1){
		margin-left: 0;
	}
	.search-bar-box .box .left a.action{
		padding: 0 2.28rem;
		background: #6785FD;
		color: #FFFFFF;
		border-radius: .58rem;
	}
	.search-bar-box .box .left a.action:hover{
		color: #FFFFFF;
	}
	.search-bar-box .box .left a:hover{
		color: #6785FD;
	}
	.search-bar-box .box .right .right-bg{
		width: 42.86rem;
		height: 3.42rem;
		background: #F0F0F0;
		border-radius: 2.14rem;
		border: 1px solid #D4D4D4;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.search-bar-box .box .right .right-bg input{
		width: 80%;
		height: 100%;
		padding: 0 1.72rem;
		border-radius: 2.14rem 0 0 2.14rem;
		font-size: 1.28rem;
		background: transparent;
		color: #333333;
	}
	.search-bar-box .box .right .right-bg .search-btn{
		width: 20%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #6785FD;
		color: #FFFFFF;
		border-radius: 2.14rem;
		font-size: 1.28rem;
		cursor: pointer;
	}
	.housing-section,
	.housing-section .box{
		width: 100%;
	}
	.housing-section .box div.item{
		margin-top: 1.72rem;
		width: 100%;
		padding: 1.42rem;
		border: 1px solid #F0F0F0;
		border-radius: .58rem;
		box-shadow: 0 3px 6px 0 rgba(51,51,51,0.102);
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	/*.housing-section .box .item:hover {*/
	/*	background-color: rgba(240, 243, 255, .5); !* 设置鼠标悬停时的背景颜色 *!*/
	/*	box-shadow: 0 .72rem 1.42rem 0 rgba(0,0,0,0.1); !* 添加阴影效果 *!*/
	/*	border: .01rem solid transparent;*/
	/*}*/
	.housing-section .box .item .imgCover{
		width: 23rem;
		height: 14rem;
		position: relative;
	}
	.housing-section .box .item .imgCover .collect-bg{
		position: absolute;
		right: 1rem;
		top: 1rem;
		display: flex;
	}
	.housing-section .box .item .imgCover .collect-bg img{
		width: 2.28rem;
		height: 2.28rem;
	}

	.housing-section .box .item .imgCover img{
		width: 100%;
		height: 100%;
		border-radius: .58rem;
		object-fit: cover;
	}
	.housing-section .box .item .info{
		width: calc( 100% - 26.56rem );
		height: auto;
	}
	.housing-section .box .item .info .title-01{
		width: 100%;
		font-size: 2rem;
		line-height: 3rem;
	}
	.housing-section .box .item .info .title-01:hover{
		color: #6785FD;
	}
	.housing-section .box .item .info .bot{
		width: 100%;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.housing-section .box .item .info .bot .left{
		width: 70%;
	}
	.housing-section .box .item .info .bot .right{
		width: 30%;
	}

	.housing-section .box .item .info .bot .right .broker-box{
		background-color: #FAFAFA;
		padding: 2rem 1.72rem;
		border-radius: .58rem;
		font-size: 1.28rem;
		max-width: 100%;
	}

	.housing-section .box .item .info .bot .right .broker-box.deve:hover{
		color: #4d65c2;
	}

	.housing-section .box .item .info .bot .right .broker-box .name{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.housing-section .box .item .info .bot .right .broker-box .name img{
		width: 1.42rem;
		height: 1.42rem;
		margin-right: 4px;
	}

	.housing-section .box .item .info .bot .right .broker-box .name span{
		word-wrap: break-word; /*强制换行*/
		overflow: hidden; /*超出隐藏*/
		text-overflow: ellipsis;/*隐藏后添加省略号*/
		white-space: nowrap;/*强制不换行*/
	}

	.housing-section .box .item .info .bot .right .broker-box .phone{
		margin-top: .72rem;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.14rem;
	}

	.housing-section .box .item .info .bot .right .broker-box .phone span:first-child{
		color: #6e6e6e;
	}

	.housing-section .box .item .info .bot .right .broker-box .phone span:last-child{
		color: #4d65c2;
		margin-left: 4px;
	}

	.housing-section .box .item .info .bot .right .broker-box .phone img{
		margin-left: 4px;
		width: 1.42rem;
		height: 1.42rem;
	}

	.housing-section .box .item .info .bot .local{
		margin-top: 1.28rem;
		display: flex;
		align-items: center;
	}

	.housing-section .box .item .info .bot .local div{
		font-size: 1.28rem;
		color: #666666;
	}

	.housing-section .box .item .info .bot .right .broker-box .whatsapp-item{
		width: 100%;
		margin-top: .72rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.housing-section .box .item .info .bot .right .broker-box .whatsapp-item img{
		width: 7.56rem;
		height: 2.28rem;
	}

	.housing-section .box .item .info .bot .local img{
		width: 1rem;
		height: auto;
		margin-right: 5px;
	}
	.housing-section .box .item .info .bot .bed{
		margin-top: 1.72rem;
		display: flex;
		align-items: center;
		font-size: 1.28rem;
	}
	.housing-section .box .item .info .bot .bed .line{
		width: 2px;
		height: 1.42rem;
		background: #DDDDDD;
		margin: 0 2.14rem;
	}
	.housing-section .box .item .info .bot .vbar{
		margin-top: 1.28rem;
		width: 35.72rem;
		height: 1px;
		background: #F0F0F0;
	}
	.housing-section .box .item .info .bot .price{
		margin-top:1rem;
		display: flex;
		align-items: center;
	}
	.housing-section .box .item .info .bot .price span.from{
		font-size: 1.28rem;
		margin-right: 1.42rem;
	}
	.housing-section .box .item .info .bot .price span.money{
		color: #333333;
		font-size: 2rem;
		/*height: 0.28rem;*/
	}

	.housing-section .box .item .info .bot .price span.usd{
		color: #999999;
		font-size: 1.28rem;
		margin-left: 1.28rem;
		height: 2rem;
		display: flex;
		align-items: flex-end;
	}

	.housing-section .box .right .developer{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.housing-section .box .right .developer .logo{
		width: 11.92rem;
		height: 5.42rem;
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #F0F0F0;
		box-shadow: 0 1px 2px 0 rgba(153, 153, 153, 0.25);
		overflow: hidden;
	}
	.housing-section .box .right .developer .logo img{
		width: auto;
		height: 100%;
	}
	.housing-section .box .right .developer .tel{
		margin-top: .72rem;
		font-size: 1.28rem;
	}
	.map-to-section .box{
		width: 100%;
		font-size: 1.42rem;
		display: flex;
		border-radius: .58rem;
		box-shadow: 0 3px 6px 0 rgba(153, 153, 153, 0.2);
	}
	.map-to-section .box .item{
		width: 50%;
		height: 3.42rem;
		border-radius: .58rem 0 0 .58rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.map-to-section .box .item:hover{
		color: #333333;
	}
	.map-to-section .box .item.action:hover{
		color: #4d65c2;
	}
	.map-to-section .box div.action{
		background-color: #F0F3FF;
		color: #4d65c2;
	}
	.map-to-section .box .item img{
		width: 1.42rem;
		height: 1.42rem;
		margin-right: 4px;
	}
	.paging-section{
		padding: 1.72rem 0;
	}
}

@media screen and (min-width: 350px) and (max-width: 999px){
	.map-to-section,
	.search-bar-box{
		display: none;
	}
	.housing-section,
	.housing-section .box{
		width: 100%;
	}
	.housing-section .box a.item{
		margin-top: 16px;
		width: 100%;
		padding: 12px;
		border: 1px solid #F0F0F0;
		border-radius: 4px;
		box-shadow: 0 1px 3px 0 rgba(51,51,51,0.102);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.housing-section .box a.item:hover {
		background-color: rgba(240, 243, 255, .5); /* 设置鼠标悬停时的背景颜色 */
		box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,0.1); /* 添加阴影效果 */
		border: .01rem solid transparent;
	}
	.housing-section .box .item .imgCover{
		width: 100%;
		height: 200px;
		position: relative;
	}
	.housing-section .box .item .imgCover .collect-bg{
		position: absolute;
		left: 8px;
		top: 8px;
	}
	.housing-section .box .item .imgCover .collect-bg img{
		width: 24px;
		height: 24px;
	}
	.housing-section .box .item .imgCover img{
		width: 100%;
		height: 100%;
		border-radius: 4px;
		object-fit: cover;
	}
	.housing-section .box .item .info{
		width: 100%;
		height: auto;
	}
	.housing-section .box .item .info .title-01{
		width: 100%;
		margin-top: 12px;
		font-size: 18px;
		line-height: 24px;
	}
	.housing-section .box .item .info .bot{
		width: 100%;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.housing-section .box .item .info .bot .left{
		width: 100%;
	}
	.housing-section .box .item .info .bot .right{
		display: none;
	}
	.housing-section .box .item .info .bot .local{
		margin-top: 10px;
		display: flex;
		align-items: center;
		color: #666666;
	}
	.housing-section .box .item .info .bot .local img{
		width: 10px;
		height: auto;
		margin-right: 4px;
	}
	.housing-section .box .item .info .bot .bed{
		margin-top: 10px;
		display: flex;
		align-items: center;
		font-size: 12px;
		overflow: hidden;
	}
	.housing-section .box .item .info .bot .bed .line{
		width: 1px;
		height: 10px;
		background: #DDDDDD;
		margin: 0 8px;
	}
	.housing-section .box .item .info .bot .vbar{
		margin-top: 10px;
		width: 60%;
		height: 0.01rem;
		background: #F0F0F0;
	}
	.housing-section .box .item .info .bot .price{
		margin-top: 8px;
		display: flex;
		align-items: flex-end;
	}
	.housing-section .box .item .info .bot .price span.from{
		font-size: 14px;
		margin-right: 6px;
	}
	.housing-section .box .item .info .bot .price span.money{
		color: #333333;
		font-size: 18px;
	}
	.housing-section .box .item .info .bot .price span.usd{
		display: none;
	}

	.housing-section .box .right .developer{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.housing-section .box .right .developer .logo{
		width: 1.67rem;
		height: 0.76rem;
		border-radius: 0.04rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 0.01rem solid #F0F0F0;
		box-shadow: 0px 1px 2px 0px rgba(153, 153, 153, 0.25);
		overflow: hidden;
	}
	.housing-section .box .right .developer .logo img{
		width: auto;
		height: 100%;
	}
	.housing-section .box .right .developer .tel{
		margin-top: 0.1rem;
		font-size: 0.18rem;
	}
	.map-fixed{
		display: block;
		position: fixed;
		bottom: 88px;
		right: 16px;
	}
	.map-fixed img{
		width: 62px;
		height: 62px;
	}
}