@charset "UTF-8";

.v_line {
    width: 1px;
    height: 11px;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background-color: #b2b2b2;
}

.ymm-navmid {
    height: 84px;
    line-height: 84px;
}

.navmid-logo {
    display: inline-block;
    /*height: 55px;*/
}

.navmid-logo img {
    height: 32px;
    vertical-align: middle;
}

.ymm-navmid .channelname {
    line-height: 22px;
    padding-top: 26px;
    padding-left: 20px;
}

.ymm-navmid .channelname span {
    float: left;
    padding-right: 10px;
    line-height: 22px;
    font-size: 24px;
    margin-top: 5px;
}

.channelname .v_line {
    float: left;
    background-color: #dedede;
    height: 28px;
    margin: 1px 16px 5px 16px;
}

.ymm-navmid .s-city {
    display: inline-block;
    height: 28px;
    padding: 0 8px;
    margin-top: 26px;
    margin-bottom: 5px;
    line-height: 26px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

.ymm-navmid .s-city:after {
    content: "\0020";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 2px 0 0 8px;
    border: 4px solid;
    border-color: #999 transparent transparent transparent;
    vertical-align: middle;
}

.ymm-navmid .s-city:hover {
    color: #5f5f5f;
}

.ymm-navmid .nav-lst {
    display: inline-block;
    margin-left: 50px;
    padding-top: 35px;
    line-height: 1;
}

.ymm-navmid .nav-lst li {
    display: inline-block;
    float: left;
    list-style: none;
    margin-right: 30px;
}

.ymm-navmid .nav-lst li a {
    color: #333;
    font-size: 16px;
}

.ymm-navmid .nav-lst li a.on {
    color: #e4393c;
}

.ymm-navmid .connect {
    margin-top: 24px;
}

.btn-red {
    color: #fff;
    background-color: #f15145;
    border-color: #e93628;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    /*vertical-align: middle;*/
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0px 12px;
    font-size: 14px;
    /*line-height: 1.42857143;*/
    /*border-radius: 4px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-box {
    /*position: relative;*/
    /*width: 500px;*/
    /*height: 36px;*/

    /*-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);*/
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);*/
}

/*.input-box .act_submit i, .search-map i {*/
/*display: inline-block;*/
/*background: url(../images/ico_change.png) no-repeat; }*/

/*.input-box .act_submit {*/
/*display: inline-block;*/
/*width: 36px;*/
/*height: 36px;*/
/*line-height: 36px;*/
/*background-color: #f15044;*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*text-align: center;*/
/*vertical-align: middle; }*/

/*.input-box .act_submit i {*/
/*width: 20px;*/
/*height: 20px;*/
/*background-position: -88px -275px;*/
/*margin-top: 8px; }*/

.search-map {
    position: absolute;
    right: 0;
    top: 0px;
    display: inline-block;
    width: 104px;
    height: 36px;
    line-height: 36px;
    background-color: #ea5504;
    border-radius: 2px;
    color: #fff;
    text-align: center;
}

.search-map i {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 10px;
    height: 12px;
    margin-right: 5px;
    background-position: -35px -147px;
}

.filter-nav {
    width: 1200px;
    margin: 0px auto 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    background: #fff;
    margin-top: 20px;
}

/*.filter-mod {*/
    /*padding: 0px;*/
    /*background: #fff;*/
/*}*/

/*.filter-mod ul {*/
    /*line-height: normal;*/
    /*padding-bottom: 0px;*/
    /*overflow: hidden;*/
/*}*/

/*.filter-mod li {*/
    /*display: inline;*/
    /*float: left;*/
    /*font-size: 13px;*/
    /*height: 27px;*/
    /*line-height: 27px;*/
    /*margin-right: 0px;*/
/*}*/

/*.filter-mod .filterTarget {*/
    /*float: left;*/
    /*display: inline-block;*/
    /*color: #333;*/
    /*margin-right: 6px;*/
    /*font-weight: 700;*/
    /*vertical-align: top;*/
/*}*/

.choice {
    /*width: 1000px;*/
    height: 43px;
    line-height: 43px;
    background-color: #f5f5f5;
    color: #333333;
    font-size: 12px;
    margin: 35px auto;
    border: 0px;
}

.choice .newpropcond a {
    height: 24px;
    line-height: 24px;
    border: 1px solid #dfdfdf;
}

.choice .del {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-weight: 700;
    background: #dfdfdf !important;
    width: 18px;
    text-align: center;
    font-size: 12px;
}

.list-head {
    margin-top: 15px;
}

.list-head .order {
    font-size:0;
}

.list-head .order label {
    color: #999999;
    margin-right: 25px;
}

.list-head .order div {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.list-head .order div:hover ul {
    display: block;
}

.list-head .order div ul {
    position: absolute;
    top: 33px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    z-index: 10;
    text-align: center;
    border: 1px solid #ccc;
    display: none;
    background-color: white;
}

.list-head .order div ul a {
    color: black;
    font-weight: normal;
}

.list-head .order div > a {
    display: inline-block;
    color: #333;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 15px;
    border: 1px solid rgba(229, 229, 229, 1);
}

.list-head .order a span {
    font-size: 9px;
    margin-left: 5px;
}

.list-head .order .cur {
    border:1px solid #FF6F21;
    color: #FF5A00;
}
.list-head .order .cur i{
    position: relative;
    top: -2px;
}
.list-head h2 span {
    color: #e4393c;
    margin: 0 5px;
    font-size: 16px;
    font-family: "Tahoma";
}

.list-head .view-type {
    float: left;
    color: #999999;
    font-size: 14px;
}

.list-head .view-type .modeshows {
    float: left;
}

.list-head .view-type .modeshows span {
    display: inline-block;
    width: 90px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.list-head .view-type .modeshows .current {
    background-color: #666;
    color: #fff;
    border-right: 2px;
}

.list-ico {
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    background-image: url(../images/newhouse/list_icons_1x.png);
    background-image: -webkit-image-set(url(../images/newhouse/list_icons_1x.png) 1x, url(../images/newhouse/list_icons_2x.png) 2x);
    background-repeat: no-repeat;
}

.new-list .list-and-pg {
    width: 940px;
    background: #fff;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.new-list .list-and-pg .top-box{
    margin-bottom:0;
}
.c-list .list-and-pg li {
    padding: 0px;
    overflow: hidden;
    border-bottom: 1px solid #f6f6f6;
    background: #fff;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    padding-bottom: 39px;
    padding-top: 40px;
}

.c-list .img-link {
    display: block;
    height: 130px;
    width: 173px;
    float: left;
    margin-right: 30px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    width: 239px;
    height: 174px;
}

.c-list .img-link img {
    float: static;
    width: 239px;
    height: 174px;
    vertical-align: middle;
}

.c-list .infos {
    padding-top: 8px;
}

.c-list .infos h2 {
    height: 22px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    color: #009de8;
    position: relative;
    top: -2px;
    margin-bottom: 20px;
}

.c-list .infos p {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}

.c-list .infos .h-addr {
    color: #333;
    max-width: 450px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
}

.c-list .tel {
    width: 200px;
    height: 174px;
    line-height: 174px;
    font-size: 14px;
    /*font-weight: bold;*/
    color: #333;
    margin-bottom: 15px;
}

.c-list .tel-icon {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background: url(../images/tel.png) no-repeat;
    position: relative;
    top: 3px;
}

.c-list .col-2 {
    position: relative;
    float: right;

    color: #333;
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -o-box;
    -o-box-orient: horizontal;
    -o-box-pack: center;
    -o-box-align: center;
    display: -ms-box;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -ms-box-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    font-weight: 700;
}

.c-list .col-2 .price {
    display: block;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.c-list .col-2 .price .show-count {
    color: #ff5854;
    font-size: 25px;
    margin: 0 7px;
    font-family: "Tahoma";
    vertical-align: -2px;
}

.h-tags .villa {
    border-color: #e2d197;
    color: #e2d197;
}

.h-tags .live {
    border: 1px solid #85c6dc;
    color: #85c6dc;
}

.c-list .col-2 .detail {
    display: block;
    position: absolute;
    top: 70px;
    right: 0;
    text-align: right;
    width: 244px;
}

.c-list .col-2 .detail .people {
    float: left;
    display: block;
    width: 80px;
    height: 80px;
    /*border: 1px solid #e5e5e5;*/
    border-radius: 50%;
    overflow: hidden;
}

.c-list .col-2 .detail .detail-right {
    float: right;
    display: block;
    margin-left: 10px;
}

.c-list .col-2 .detail .detail-right .evaluate {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #999;

}

.c-list .col-2 .detail .detail-right .evaluate i {
    color: #333;
}

.c-list .col-2 .detail .detail-right .btn {
    display: inline-block;
    background: #ea5504;
    position: relative;
    width: 70px;
    right: 0;
    top: 11px;
    color: #fff;

}

.c-list .col-2 .detail .detail-right .btn .msg {
    position: absolute;
    top: 3px;
    left: 8px;
    display: inline-block;
    width: 22px;
    height: 15px;
    background: url('../images/newhouse/msg.png') no-repeat;
    background-size: 75%;
}

.c-list .col-2 .detail .detail-right .btn .btn-txt {
    margin-left: 17px;
}

.c-list .col-2 .detail .detail-right .score-heart {

}

.c-list .col-2 .detail .detail-right .score-heart .default-statu {

    height: 25px;
    float: left;
}

.c-list .col-2 .detail .detail-right .score-heart .default-statu .default-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/newhouse/score.png) no-repeat -96px 0;

}

.c-list .col-2 .detail .detail-right .score-heart .default-statu .default-icon.active {
    background-position: 0 0;
}

.c-list .col-2 .detail .detail-right .score-heart .score-description {
    float: left;
    font-size: 12px;
    color: #ff7c2d;
    margin-left: 6px;
}

.may-like-box {

}

.may-like-box .top-box {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;

}

.may-like-box .top-box .like-title {
    position: relative;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #333;
    padding-left: 20px;

}
.may-like-box .top-box .a-top-box{
    display: inline-block;
}

.may-like-box .top-box .like-title:before {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    width: 3px;
    height: 24px;
    background: rgba(204, 204, 204, 1);
    border-radius: 2px;
}

.may-like-box .like-content {

}

.like-content .like-content-item {
    float: left;
    margin-right: 40px;
    width: 270px;
    overflow: hidden;
    transition: all 0.3s;

}
.like-content .like-content-item .a-item:hover .mask-img-wrap{
    opacity:1;
}
.like-content .like-content-item:nth-child(4n) {
    margin-right: 0;
}

.like-content .like-content-item .a-item {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    transition: all 0.3s;

}

.like-content .like-content-item .a-item .house-img {
    display: block;
    width: 270px;
    height: 202px;
    background-size: cover;
    background-position: center center;
}

.like-content .like-content-item .item-info {

}
.like-content .like-content-item .a-name {
    display: inline-block;
}
.like-content .like-content-item .a-name:hover .name{
    color: #FF5A00;
}
.like-content .like-content-item .name {
    
    font-size: 18px;
    color: #333;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight:400;
}

.like-content .like-content-item .tag-wrapper {
    font-size:0;
}

.like-content .like-content-item .house-info {
    margin-bottom:2px;
    margin-top:12px;
}

.like-content .like-content-item .house-info .area {
    font-size: 12px;
    color: #999;
    position: relative;
    top:7px;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;

}

.like-content .like-content-item .house-info .price {
    color: #FF5A00;
    font-size:18px;
    font-family: Avenir-Medium;
}

.like-content .like-content-item .house-info .price .unit {
    font-style: normal;
    font-size:12px;
    position: relative;
    top:-1px;

}
.hot-house-aside{
    width:200px;

}

.house-block{

}
.house-block .house-block-item{
    width:200px;
    height: 220px;
    overflow: hidden;
    margin-bottom:20px;
}
.house-block .house-block-item .a-item{
    position: relative;
    display: block;
    width:200px;
    height:150px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
}
.house-block .house-block-item .a-item:hover .mask-img-wrap{
    opacity:1;
}
.house-block .house-block-item .a-item .house-img{
    display: inline-block;
    width:200px;
    height:150px;
    background-size: cover;
    background-position: center center;

}
.house-block .house-block-item .house-block-info{

}
.house-block .house-block-item .house-block-info .a-name:hover .name{
    color: #FF5A00;
}
.house-block .house-block-item .house-block-info .name{
    font-size:14px;
    color: #333;
    width:96px;
    white-space:nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top:15px;
    font-family: Avenir-Medium,'Microsoft YaHei';
}
.house-block .house-block-item .house-block-info .tag-wrapper{
    margin-top:15px;
    font-size: 0;
}
.house-block .house-block-item .house-block-info .house-info{
    color: #FF5A00;
    font-size:16px;
    font-family:Avenir-Medium;
    font-weight:500;
    margin:5px 0;
}
.house-block .house-block-item .house-block-info .house-info .price{
    font-weight:500;
    font-family: Avenir-Medium,'Microsoft YaHei';
}
.house-block .house-block-item .house-block-info .house-info .price .unit{
    font-size:12px;
    font-style: normal;
}

/*主要列表*/
.main-house-list{

}
.main-house-list .like-title .num{
    color: #FF5A00;
    font-family: Avenir-Roman;
    font-style: normal;

}
.main-house-list .main-item{
    padding: 40px 0;
    border-bottom:1px solid #eee;

}
.main-house-list .main-item .a-item{
    position: relative;
    width:280px;
    height:210px;
    background:rgba(246,246,246,1);
    box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
    border-radius:5px;
    overflow: hidden;
}
.main-house-list .main-item .a-item:hover .mask-img-wrap{
    opacity:1;
}
.main-house-list .main-item .item-title .name:hover{
    color: #FF5A00;
    cursor: pointer;
}
.main-house-list .main-item .a-item .house-img{
    display: block;
    width: 280px;
    height: 210px;
    background-size: cover;
    background-position: center center;

}
.main-house-list .main-item .main-info{
    width:510px;
    padding-left:40px;
}
.main-house-list .main-item .item-title{
    margin-bottom:5px;
    font-size:0;
}
.main-house-list .main-item .item-title .a-name{
    display: inline-block;
}
.main-house-list .main-item .item-title .name{
    display: inline-block;
    font-size:30px;
    color: #333;
    margin-right:20px;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.main-house-list .main-item .item-title .tag-wrapper{
    display: inline-block;
    position: relative;
    top:7px;

}
.main-house-list .main-item .address-box,.main-house-list .main-item .type-box{
    font-size:14px;
    color: #999;
    height:30px;
    line-height:30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.main-house-list .main-item .address-box, .main-house-list .main-item .type-box .unit{
    font-style: normal;
}
.main-house-list .main-item .address-box .address-icon{
    display: inline-block;
    width:14px;
    height:16px;
    margin-right:14px;
    position: relative;
    top:2px;
    background: url("../images/PC-new/home-all-icon.png");
    background-position:-19px -15px;

}

.main-house-list .main-item .type-box .house-icon{
    display: inline-block;
    width:14px;
    height:16px;
    margin-right:14px;
    position: relative;
    top:5px;
    background: url("../images/PC-new/home-all-icon.png");
    background-position: -267px -218px;
}
.main-house-list .main-item .discount{
    font-size:14px;
    color: #FF5A00;
    height:30px;
    line-height:30px;
    margin-bottom:5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.main-house-list .main-item .discount .discount-icon{
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url(../images/PC-new/home-all-icon.png);
    background-position: -317px -218px;
    margin-right: 11px;
    position: relative;
    top: 5px;

}
.main-house-list .main-item .desc-tag{
    height:30px;
    line-height:30px;
    margin-bottom: 8px;
}
.main-house-list .main-item .price-box{
    font-family:Avenir-Medium;
    font-size: 30px;
    color: #FF5A00;
    height: 30px;

}
.main-house-list .main-item .price-box .price{
    display: inline-block;
    font-family: 'Avenir-Medium', 'Microsoft YaHei';
}
.main-house-list .main-item .price-box .price .price-txt{
    font-style: normal;
}
.main-house-list .main-item .price-box .price .unit{
    font-style: normal;
    font-size: 18px;
    position: relative;
    top:-1px;
}
.main-house-list .main-item .price-box .price-desc{
    color: #999;
    font-size:14px;
    font-family: 'Avenir-Medium', 'Microsoft YaHei';
}
.main-house-list .main-item .counselor_box{
    position: relative;
    text-align: center;
}
.main-house-list .counselor_box .a-counselor{
    display: block;
    width:70px;
    height:70px;
    background:rgba(255,255,255,1);
    overflow: hidden;
    box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    margin:0 auto;
    margin-bottom:10px;
}
.main-house-list .counselor_box .a-counselor>img{
    display: inline-block;
    width:100%;
    height:100%;

}
.main-house-list .counselor_box .name{
    font-size:16px;
    color: #333;
    margin-bottom:20px;
    max-width: 128px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.main-house-list .counselor_box .p-item{
    color: #999;
    font-size:12px;
    text-align: center;
    line-height:20px;
}
.main-house-list .counselor_box .p-item .num{
    font-style: normal;
    font-family: Avenir-Roman;
    color:#333;
    font-size: 14px;
}
.main-house-list .counselor_box .counselor-btn {
    display: inline-block;
    width:100px;
    height:24px;
    line-height:24px;
    border-radius: 12px;
    background: #FFEEE5;
    color: #FF5A00;
    font-size:12px;
    text-align: center;
    -webkit-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    -webkit-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
    cursor: pointer !important;
}

.counselor_box .btn_1{
    text-align: center;
    margin-top:22px;
}
.main-house-list .counselor_box .counselor-btn .counselor-icon{
    position: relative;
    top: 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/PC-new/home-all-icon.png);
    background-position: -719px -69px;
}
.main-house-list .counselor_box .counselor-btn:hover{
    background: #FF6F21;
    color: #fff;
}
.main-house-list .counselor_box .counselor-btn:hover .counselor-icon{
    background-position: -269px -169px;
}