.md-house-listing.pp{position:relative;background:white}.md-house-listing.pp .mg-title,.md-house-listing.pp .mg-content{font-size:var(--mg-title-size);letter-spacing:normal;text-align:var(--mg-title-align)}.md-house-listing.pp .center{text-align:center}.md-house-listing.pp .list-container{position:relative}.md-house-listing.pp .list-container:before{content:'';position:absolute;top:170px;height:100%;width:100%;background-color:#f4f4f9}.md-house-listing.pp .list-container .house-list{position:relative}.md-house-listing.pp .list-container .house-list::after{content:'';clear:both;display:block}.md-house-listing.pp .list-container .house-list .house-card{float:left;width:calc((100% - 42px) / 3);margin-right:20px;color:var(--color-text)}.md-house-listing.pp .list-container .house-list .house-card:nth-child(3n){margin-right:0}.md-house-listing.pp .list-container .house-list .house-card a .house-preview{position:relative;overflow:hidden;width:100%;padding-top:75%;height:0}.md-house-listing.pp .list-container .house-list .house-card a .house-preview .img-box{width:100%;height:100%;position:absolute;top:0;left:0}.md-house-listing.pp .list-container .house-list .house-card a .house-preview:after{content:'';height:60px;width:100%;position:absolute;top:0;left:0;background-image:linear-gradient(to bottom, rgba(32,36,55,0.5), rgba(32,36,55,0))}.md-house-listing.pp .list-container .house-list .house-card a .house-preview .house-status,.md-house-listing.pp .list-container .house-list .house-card a .house-preview .house-distance{position:absolute;left:10px;top:10px;z-index:1;height:20px;line-height:20px;font-size:14px;color:white;text-shadow:0 1px 1px rgba(32,36,55,0.5);background-color:transparent;text-transform:capitalize}.md-house-listing.pp .list-container .house-list .house-card a .house-preview .house-distance{left:auto;right:10px}.md-house-listing.pp .list-container .house-list .house-card a .house-info .house-price{margin-top:20px;height:26px;line-height:26px;font-size:24px;font-family:var(--font-bold)}.md-house-listing.pp .list-container .house-list .house-card a .house-info .house-address{margin:10px 0 0 0;line-height:20px;font-size:14px;font-weight:400}.md-house-listing.pp .list-container .house-list .house-card a .house-info .house-basic{margin-top:6px;line-height:16px;font-size:14px}.md-house-listing.pp .list-container .house-list .house-card a .house-info .house-basic>span{float:left;height:16px;vertical-align:middle}.md-house-listing.pp .list-container .house-list .house-card a .house-info .house-basic .vertical-line:after{content:' |'}.md-house-listing.pp .list-container .house-list .house-card a .house-info .house-basic .vertical-line:nth-last-child(1)::after{content:''}@media (max-width: 800px){.md-house-listing.pp .list-container:before{top:130px}}@media (max-width: 600px){.md-house-listing.pp .mg-title .mg-content{font-size:var(--mg-title-size-mobile);text-align:left}.md-house-listing.pp .list-container:before{content:none}.md-house-listing.pp .list-container .house-list{margin-left:0;margin-right:0;width:100%;background-color:#f4f4f9}.md-house-listing.pp .list-container .house-list .house-card{width:100%;max-width:none;margin:0 0 20px}.md-house-listing.pp .list-container .house-list .house-card a .house-info{padding:0 10px}.md-house-listing.pp .list-container .house-list .house-card a .house-info .house-price{font-size:18px;line-height:20px;height:20px;margin-top:10px}}.md-house-listing.pp .house-provided{margin-bottom:10px}.md-house-listing.pp .sub-title{font-size:16px;text-align:left;display:inline-block;font-family:var(--font-normal);color:#787878;max-width:calc(100% - 60px);white-space:pre-line}.md-house-listing.pp .sub-title a{color:#03c9ff}@media (max-width: 600px){.md-house-listing.pp .mg-title{font-size:var(--mg-title-size-mobile)}.md-house-listing.pp .mg-title h2{font-size:inherit}.md-house-listing.pp .sub-title{font-size:12px}}