.wrap-outer.new-house {
    background: none no-repeat scroll 50% 0;
    zoom: 1;
}
body{
	background:#ebebeb ;
}

#header-nav{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #AC5150;
}
.filter-type{
	margin: 0 auto;
	width: 1200px;
	margin-bottom: 20px;
	background: #fff;
}
.filter-type ul li span{
	font-family: PingFang-SC-Regular;
	font-size: 14px;
	color: #909399;
	letter-spacing: 0;
	margin-right: 18px;
}
.filter-type ul li span a{
	font-size: 14px;
	color: #909399;
}
.filter-type ul li span:hover{
	cursor: pointer;
	color: #AC5150;
}
.filter-type ul{
	width: 1200px;
	min-height: 210px;
	box-sizing: border-box;
	padding: 20px;
	height: auto;
}
.filter-type ul li{
	margin-bottom: 10px;
}
.filter-type ul li:last-child{
	margin-bottom: 0;
}

.filter-type ul li em{
	font-family: PingFang-SC-Medium;
	font-size: 14px;
	color: #303133;
	letter-spacing: 0;
	margin-right: 10px;
}
.ad-90-show{
	margin: 0 auto;
	width: 1200px;
	
}
.ad-90-show span{
	bottom: 12px!important;
}
.ad-90-show img{
	height: 90px;
	width: 1200px;
	margin-bottom: 10px;
	border-radius: 2px;
}
/* .house-info-pic-detail{
	display: none;
}

.house-info-pic-detail:first-child{
	display: block;
} */
.filter-type li .active{
	color: #AC5150 ;
}
.house-info-address ul .active{
	width: 53px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #C45655;
	border-radius: 14.5px;
	color: #fff !important;
	margin-top: 1.5px;
}
.ad-60-show{
	margin: 0 auto;
	width: 1200px;
	height: 60px;
	/* margin-bottom: 10px; */
	/* background: #fff; */
}
.ad-60-show img{
	height: 60px;
	width: 1200px;
	margin-bottom: 10px;
	border-radius: 2px;
}
.house-info{
	margin: 0 auto;
	width: 1200px;
	background: #fff;
	box-sizing: border-box;
	padding:0 20px;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.house-info-landlord .header-tab h2{
	font-family: PingFang-SC-Medium;
	font-size: 24px;
	color: #303133;
	letter-spacing: 0.34px;
	text-align: justify;
	display: inline-block;
	line-height: 33px;
	height: 33px;
	padding-left: 12px;
	position: relative;
	margin-bottom: 16px;
}
.house-info-landlord .header-tab h2::before{
	content: '';
	display: inline-block;
	width: 6px;
	height: 24px;
	background: #C45655;
	position: absolute;
	top: 56%;
	transform: translateY(-50%);
	left: 0;
}
.house-info-landlord .header-tab .house-rent{
	cursor: pointer;
	border: 1px solid #C45655;
	border-radius: 17px;
	height: 34px;
	width: 84px;
	line-height: 34px;
	text-align: center;
	font-family: PingFang-SC-Medium;
	font-size: 14px;
	color: #C45655;
	letter-spacing: 2px;
	text-align: center;
	margin-left: auto;
	float: right;
	box-sizing: border-box;
	display: inline-block;
	
}
.house-info-landlord .header-tab .house-more{
	font-family: PingFang-SC-Medium;
	font-size: 14px;
	color: #888888;
	letter-spacing: 0.2px;
	text-align: right;
	float: right;
	margin-top: 6px;
	margin-left: 30px;
	padding-right: 9px;
}
.house-info-landlord .header-tab .house-more a{
	color: #888;
	font-size: 14px;
}
.house-info-landlord .header-tab .house-more{
	background: url(images/arrow-more.png) right no-repeat ;
	background-size:5px 11px;
	background-position: 100% center;
}
.house-info-landlord .house-info-landlord-wrap li{
	float: left;
	margin-right: 13px;
	width: 280px;
	margin-bottom: 24px;
}
.house-info-landlord .house-info-landlord-wrap li:nth-child(4n){
	margin-right: 0;
}
.house-info-landlord .house-info-landlord-wrap li img{
	width: 280px;
	height: 170px;
	border-radius:2px;
	display: inline-block;
	object-fit: cover;
	
}
/* .house-info-landlord .house-info-landlord-wrap li{
	width: 280px;
	height: 170px;
} */
.house-info-landlord .house-info-landlord-wrap .house-info-name{
	/* border: 1px solid #979797; */
	font-family: PingFang-SC-Medium;
	font-size: 16px;
	color: #303133;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 4px;
	letter-spacing: 0;
	text-align: justify;
	width: 280px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.house-info-address .house-info-address-price{
	font-family: PingFang-SC-Regular;
	font-size: 12px;
	color: #888888;
	letter-spacing: 0;
	text-align: justify;
	line-height: 22px;
}
.house-info-landlord-wrap li .house-info-address-price span{
	    width: 200px;
	    display: inline-block;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
}
.house-info-address-price em{
	font-size: 18px;
	color: #C45655;
	letter-spacing: 0;
	text-align: right;
	color: #C45655 ;
	position: absolute;
	right: 3px;
	bottom: 0;
	font-weight: bold;
}
.house-info-address-price{
	font-size: 12px;
	color: #888;
	position: relative;
}
.house-info-address .header-tab h2{
	font-family: PingFang-SC-Medium;
	font-size: 24px;
	color: #303133;
	letter-spacing: 0.34px;
	text-align: justify;
	display: inline-block;
	line-height: 33px;
	height: 33px;
	padding-left: 12px;
	position: relative;
	margin-bottom: 16px;
	margin-right: 20px;
	margin-top: -2px;
}
.house-info-address .header-tab{
	height: 33px;
	line-height: 33px;
	position: relative;
	margin-bottom: 16px;
}

.house-info-address .header-tab h2::before{
	content: '';
	display: inline-block;
	width: 6px;
	height: 24px;
	background: #C45655;
	position: absolute;
	top: 56%;
	transform: translateY(-50%);
	left: 0;
	
}
.house-info-address .header-tab ul{
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left:128px;
	zoom: 1;
}
.house-info-address .house-info-pic ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.house-info-address .header-tab span{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 9px;
}
.house-info-address .header-tab span{
	background: url(images/arrow-more.png) right no-repeat ;
	background-size:5px 11px;
	font-size: 14px;
	color: #888;
	background-position: 100% center;
}
.house-info-address .header-tab span a{
	font-size: 14px;
	color: #888;
}
.house-info-address .header-tab ul li{
	float: left;
	margin-right: 30px;
	color: #888;
	font-size: 14px;
}
/* .house-info-address .header-tab ul li:hover {
	cursor: pointer;
	width: 53px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: #C45655;
	border-radius: 14.5px;
	color: #fff;
	margin-top: 1.5px;
} */
.house-info-address .house-info-pic{
	float: left;
	
}
.house-info-address .house-info-pic ul{
	width: 700px;
	zoom: 1;
}
.house-info-address .house-info-pic ul li{
	float: left;
	margin-right: 10px;
	margin-bottom: 14px;
}
.house-info-address .house-info-pic ul li p{
	font-family: PingFang-SC-Medium;
	font-size: 16px;
	color: #303133;
	letter-spacing: 0;
	/* text-align: justify; */
	width: 224px;
	 overflow: hidden;/*超出部分隐藏*/
	white-space: nowrap;/*不换行*/
	text-overflow:ellipsis;/*超出部分文字以...显示*/
	text-align: center;
}
.house-info-address .house-info-pic ul li img{
	width: 224px;
	height: 147px;
	margin-bottom: 10px;
	border-radius: 2px;
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
	object-fit: cover;
}
.house-info-address .house-info-pic ul li:nth-child(3n){
	margin-right: 0;
}
.house-info-detail{
	float: right;
	width: 458px;
	height: 340px;
}
.house-info-hand .header{
	height: 33px;
	line-height: 33px;
	margin-bottom: 20px;
	position: relative;
}
.house-info-hand .header h2{
	font-family: PingFang-SC-Medium;
	font-size: 24px;
	color: #303133;
	letter-spacing: 0.34px;
	text-align: justify;
	display: inline-block;
	/* margin-top: 16px; */
}
.house-info-hand{
	margin-top: 10px;
}

.house-info-hand .hand-look-more{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 9px;
}
.house-info-hand .hand-look-more a{
	color: #888;
	font-size: 14px;
}
.house-info-hand .hand-look-more{
	background: url(images/arrow-more.png) right no-repeat ;
	background-size:5px 11px;
	background-position: 100% center;
}
.house-info-hand .hand-pic-wrap ul li:last-child{
	margin-right: 0;
}
.house-info-hand .hand-pic-wrap ul li{
	float: left;
	margin-right: 10px;
}
.house-info-hand .hand-pic-wrap ul li img{
	width: 185px;
	height: 124px;
	margin-bottom: 10px;
	border-radius: 2px;
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
	object-fit: cover;
}
.house-info-hand .hand-pic-wrap ul li p{
	height: 22px;
	line-height: 22px;
	width: 185px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.house-info-hand .hand-pic-wrap ul li span{
	height: 22px;
	line-height: 22px;
	width: 185px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.house-info-hand .hand-pic-wrap ul li {
	font-family: PingFang-SC-Medium;
	font-size: 16px;
	color: #303133;
	letter-spacing: 0;
	text-align: justify;
	text-align: center;
}
.house-info-detail .table-wrap{
	width: 458px;
	height: 340px;
}
.wrap-outer.new-house {
    /* background: none no-repeat scroll 50% 0; */
    zoom: 1;
  /*  background: no-repeat; */
    background: no-repeat #ebebeb scroll 50% 0;
}
.house-info-detail .table-wrap table tr{
	background: #fff;
	height: 30px;
	font-size: 12px;
}
.house-info-detail .table-wrap table tr a{
	text-decoration: none;
}
.house-info-detail .table-wrap table tr td:first-child a{
	display: inline-block;
	width: 160px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.house-info-detail .table-wrap table tr:nth-child(2n+1){
	height: 30px;
	background: #F5F5F5;
}
.house-info-detail .table-wrap table tr:first-child{
	height: 40px;
	background: #F5F5F5;
	line-height: 40px;
	
}
.house-info-detail .table-wrap table tr >td:last-child{
	color:#C45655;
}
.house-info-detail .table-wrap table tr:first-child th{
	font-size: 16px;	
}
.house-info-detail .table-wrap table tr th{
	text-align: left;
	padding-left: 20px;
	line-height: 1;
}
.house-info-detail .table-wrap table tr td{
	text-align: left;
	padding-left: 20px;
		line-height: 1;
}


.house-info-hand .header h2{
	font-family: PingFang-SC-Medium;
	font-size: 24px;
	color: #303133;
	letter-spacing: 0.34px;
	text-align: justify;
	display: inline-block;
	line-height: 33px;
	height: 33px;
	padding-left: 12px;
	position: relative;
	margin-bottom: 16px;
	margin-right: 20px;
}


.house-info-hand .header h2::before{
	content: '';
	display: inline-block;
	width: 6px;
	height: 24px;
	background: #C45655;
	position: absolute;
	top: 56%;
	transform: translateY(-50%);
	left: 0;
	
}
table{  
border-collapse:collapse;  
border-spacing:0;  
}  
 
th,td{  
padding:0;  
}  
.friend-link h2 {
    font-family: PingFang-SC-Medium;
    font-size: 24px;
    color: #303133;
    letter-spacing: 0.34px;
    text-align: justify;
    display: inline-block;
    line-height: 33px;
    height: 33px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
}
.friend-link h2::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 24px;
    background: #C45655;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.friend-link h5 {
    font-family: PingFang-SC-Medium;
    font-size: 24px;
    color: #303133;
    letter-spacing: 0.34px;
    text-align: justify;
    display: inline-block;
    line-height: 33px;
    height: 33px;
    padding-left: 12px;
    position: relative;
    margin-bottom: 16px;
    margin-right: 20px;
}
.friend-link h5::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 24px;
    background: #C45655;
    position: absolute;
    top: 56%;
    transform: translateY(-50%);
    left: 0;
}
.friend-link li a{
	font-size: 14px;
	color: #888888 !important;
	letter-spacing: 0.2px;
	text-align: justify;
}
.layout{
	width: 1200px !important;
}
.head-ad{
	width: 1200px !important;
}
.friend-link{
	padding-left: 20px;
	width: 1200px;
	box-sizing: border-box;
	margin-bottom: 40px;
	background: #fff;
	padding-bottom: 40px;
	margin-top: 0 !important;
	}
	.friend-link li{
		display: inline-block;
		margin-right: 30px;
		margin-bottom: 5px;
	}
	
	
	
	.mask-box {
	  background: rgba(0, 0, 0, 0.5);
	  position: fixed;
	  left: 0px;
	  top: 0px;
	  width: 100%;
	  height: 100%;
	  display: none;
	  z-index: 1000;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	}
	
	.msg-content-bg {
	  width: 336px;
	  height: 300px;
	  z-index: 22;
	}
	
	.msg-content-text {
	  margin-top: 30px;
	  width: 288px;
	  height: 79px;
	  margin-left: 80px;
	}
	
	.qrcode-wrap {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  position: relative;
	}
	
	.close-btn{
	  color: #fff;
	  width: 32px;
	  height: 32px;
	  position: absolute;
	  top: 0;
	  right: -20px;
	}
	
	.qr-wrap {
	  position: absolute;
	  z-index: 24;
	  width: 145px;
	  height: 145px;
	  top: 82px;
	  left: 132px;
	  background: url(https://info.19lou.com/_nuxt/img/c697834.jpg) center top no-repeat;
	  background-size: 145px 145px;
	}
	
	.qrWrap-code {
	  position: absolute;
	  width: 84px;
	  height: 84px;
	  top: 32px;
	  left: 30px;
	}
	.qrWrap-code .code{
		width: 84px;
		height: 84px;
		z-index: 55;
	}
	.qrWrap-code  img {
	    width: 24px;
	    height: 24px;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    z-index: 99;
	  }
	  .qrWrap-code #qrid-msg {
	    position: absolute;
	    width: 84px;
	    height: 84px;
	    top: 0;
	    left: 0;
	   
	  }
	  a:hover{
		  text-decoration: none;
		  color: inherit;
	  }