<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*------*/
.content{
    position: relative;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.mw1200 {
    min-width: 1200px;
}

.header-banner {
    width: 100%;
    height: 450px;
    z-index: 0;
    background-color: #f5f5f6;
    left: 0;
    position: relative;
    overflow: hidden;
}

.header-banner * {
    box-sizing: content-box;
}

.header-banner .banner-list {
    font-size: 0;
    height: 100%;
    white-space: nowrap;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.header-banner .banner-list a {
    /*position: absolute;*/
    left: 50%;
    height: 100%;
}

.header-banner .banner-list a img {
    position: relative;
    left: -50%;
}

.header-banner .banner {
    display: inline-block;
    position: relative;
}

.header-banner .banner img {
    height: 450px;
}

.header-banner .banner-ad-mask {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 568px;
    width: 30px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    border: 1px solid hsla(0, 0%, 90%, .5);
    color: #fff;
    /*font-weight: 500;*/
    border-radius: 3px;
    text-align: center;
}

.header-banner .dots {
    position: absolute;
    bottom: 0;
    *bottom: 20px;
    left: 0;
    *left: 50%;
    text-align: center;
    width: 100%;
    *width: auto;
    *margin-left: -44px;
}

.header-banner .dot {
    display: inline-block;
    *float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    margin: 13px 5px;
    opacity: .8;
    cursor: pointer;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .5);
    position: relative;
}

.header-banner .dot.active {
    background: #00ae66;
}
.recommend-address{
    width:1200px;
    height:220px;
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    opacity:1;
    border-radius:8px;
    position: absolute;
    top: -110px;
}
.address-titles{
    height: 100px;
    padding-left: 40px;
    line-height: 110px;
}
.address-name{
    width:72px;
    height:33px;
    font-size:24px;
    font-family:PingFang SC;
    font-weight:500;
    line-height:33px;
    color:rgba(51,51,51,1);
    opacity:1;
    margin-right: 10px;
}
.address-desc{
    width:924px;
    height:20px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:20px;
    color:rgba(102,102,102,1);
    opacity:1;
}
.recommend-name{
    height:33px;
    font-size:24px;

    font-weight:500;
    line-height:33px;
    color:rgba(51,51,51,1);
    opacity:1;
    padding-top: 145px;
    margin-bottom: 10px;

}
.recommend-name span{

    height:20px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:20px;
    color:rgba(102,102,102,1);
    opacity:1;
    margin-left: 20px;
}

.address-whear-div{
    display: inline-block;
    _zoom: 1;
    *display: inline;
    width: 400px;
}
.address-whear-moon{
    /*width:194px;*/
    height:25px;
    font-size:18px;
    font-family:PingFang SC;
    font-weight:bold;
    line-height:25px;
    color:rgba(51,51,51,1);
    opacity:1;
    margin-bottom: 10px;
}
.address-whear-details{
    height:62px;
    background:rgba(247,247,247,1);
    opacity:1;
}
.address-whear-details img{
    width: 34px;
    margin-right: 5px;
}
.address-whear-details  .details-f{
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:17px;
    color:rgba(153,153,153,1);
    opacity:1;
}
.address-whear-details .whear{
    margin-top: 15px;
    margin-right: 20px;
}
.address-whear-details a{
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:17px;
    color:rgba(51,51,51,1);
    opacity:1;
}
.address-whear-details a:hover{
    color: #00AE66;
}
.ml-20{
    margin-left: 20px;
}
.recommend-people{
    width:324px;
    height:300px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(230,230,230,1);
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    opacity:1;
    border-radius:4px;
    padding: 30px;
    float: left;
    overflow:hidden;
}
.recommend-people-details{
    /*overflow: hidden;*/
}
.recommend-people-name{

    height:25px;
    font-size:18px;
    font-family:PingFang SC;
    font-weight:bold;
    line-height:25px;
    color:rgba(51,51,51,1);
    opacity:1;
    margin-bottom: 20px;
}
.fl{
    float: left !important;
}
.fr{
    float: right !important;
}
.recommend-people-details img{
    width: 132px;
    height: 176px;
}
.recommend-people-tag{
    width:60px;
    height:20px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(0,174,102,1);
    opacity:1;
    border-radius:4px;
    color: #00AE66;
    font-size: 12px;
    font-weight: normal;
    padding: 0 5px;
    margin-left: 5px;
}
.recommend-people-other{
    height:17px;
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:17px;
    color:rgba(134,144,153,1);
    opacity:1;
    margin-bottom: 10px;
}
.recommend-people-tel a{
    width:160px;
    height:22px;
    font-size:16px;
    font-family:PingFang SC;
    line-height:22px;
    color:rgba(242,39,39,1);
    opacity:1;
    font-weight: bold;
}
.ml150{
    margin-left: 150px;
}
.recommend-people-evaluation{
    margin-top: 15px;
    border-bottom: 1px dashed #E6E6E6;
    padding-bottom: 15px;
}
.recommend-people-evaluation span
{
    width:72px;
    height:24px;
    background:rgba(215,232,254,1);
    opacity:1;
    border-radius:4px;
    font-size: 12px;
    color: #1D85DF;
    padding: 3px 5px;
    margin-right: 10px;
}
.recommend-people-dynamic a{
    font-size:14px;
    font-family:PingFang SC;
    font-weight:bold;
    line-height:20px;
    color:rgba(51,51,51,1);
    opacity:1;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}
.recommend-people-dynamic a:hover{
    color: #00AE66;
}
.recommend-people-dynamic div{
    font-size:12px;
    font-family:PingFang SC;
    font-weight:300;
    line-height:17px;
    color:rgba(134,144,153,1);
    opacity:1
}
.recommend-house-links-list .recommend-house-links-list-item {
    /*width: 282px;*/
    display: inline-block;
    _zoom: 1;
    *display: inline;
    /*margin-top: 20px;*/
}

.recommend-house-links-list .recommend-house-links-list-item.mr20 {
    margin-right: 25px;
    margin-bottom: 30px;
}

.recommend-house-links-list-item .project-link {
    display: block;
    overflow: hidden;
}

.recommend-house-links-list-item .project-link .project-img {
    position: relative;
}

.recommend-house-links-list-item .project-link .project-img .project-img-show {
    height: 235px;
    width: 380px;
    overflow: hidden;
}

.recommend-house-links-list-item .project-link .project-img .project-img-status {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
}

.recommend-house-links-list-item .project-link .project-img .project-details {
    position: absolute;
    bottom: 0;
    color: white;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    height: 44px;
    line-height: 44px;
    background: rgba(0, 0, 0, .6);
    width: 100%;
}



.recommend-house-links-list-item .project-link .project-img .project-details .project-name {
    font-size: 14px;
}

.recommend-house-links-list-item .project-link .project-img .project-details .project-district {
    float: right;
    margin-right: 20px;
}

.recommend-house-links-list-item .project-link .project-price {
    font-size: 14px;
    /*margin-bottom: 10px;*/
    /*margin-top: 10px;*/
    float: left;
    position: unset;
    color: #869099;
    width: 338px;
    border: 1px solid #e6e6e6;
    border-top: none;
    padding: 12px 20px;
    margin-top: 0;
}

.recommend-house-links-list-item .project-link .project-price .num {
    font-size: 16px;
}

.recommend-house-links-list-item .project-house-price {
    font-size: 12px;
    width: 100px;
    height: 22px;
    /* border: 1px solid #00AE66; */
    /* color: #00AE66; */
    /*display: block;*/
    line-height: 24px;
    text-align: right;
    float: right;
    margin-top: 8px;
}
.project-details .project-name:hover{
    color: white;
}
.project-tags{
    /*width:72px;*/
    /*height:24px;*/
    display: inline-block;
    background:rgba(243,243,243,1);
    opacity:1;
    border-radius:4px;
    font-size:12px;
    font-weight:300;
    color:rgba(44,87,66,1);
    padding: 1px 5px;
    text-align: center;
    line-height: 24px;
    margin-right: 12px;
}</pre></body></html>