body{font-size:12px;padding-bottom:72px;background:#f3f3f3;}
.sale-list {padding:15px 10px;border-bottom:1px solid #e5e5e5}
.sale-list>a{display:block;}
.sale-list .list-content{position:relative;height:78px;margin-left:120px;}
.sale-list .pic {position:relative;float:left;width:110px;}
.sale-list .pic img{display:block;width:110px;height:78px;}
.sale-list .tap span, .sale-list .tip span {margin-right:5px;vertical-align:middle;}
.sale-list .pic i {position:absolute;top:4px;right:auto;bottom:auto;left:0;z-index:1;padding:1px 5px;line-height:1.5;font-size:12px;text-align:center;color:#fff;background-color:#ff8102
}
.sale-list h3 {font-size:15px;font-weight:700;color:#333;}
.sale-list em {color:#ff7100;}
.sale-list .tap, .sale-list .tip {margin-top:4px;font-size:12px;}
.sale-list .tap {color:#333}
.sale-list .tip {color:#999;}
.sale-list .contact{display:inline-block;max-width:110px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
@media (max-width:320px) {
    .sale-list .contact{max-width:50px;}
    .sale-list .room-hall{display:inline-block;max-width:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
}
.sale-list .price {color:#333;position:absolute; bottom:16px; right:0;}
.sale-list .price em {font-size:1.4rem;font-weight:700;color:#ff7100;}
.sale-list p.date {color:#CCC; position:absolute; bottom:1px; right:0;}
.sale-list .tag {margin-top:6px;line-height:1}
.sale-list .tag span {padding:2px 5px;font-size:10px;color:#666;border:1px solid #e5e5e5}
.ellips {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.flex {-webkit-box-flex:1;-moz-box-flex:1;box-flex:1; position:relative;}
.box, .box-align, .box-middel, .box-vertical {display:-webkit-box;display:-moz-box;display:box}
.box-vertical {-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical}
.article-body,.sale-list .pic {overflow:hidden}
.article-body{  background:#fff;}
.list-loading {margin:10px;border:1px solid #e5e5e5;border-radius:3px}
.list-loading p {padding:5px 0;font-size:14px;color:#666;text-align:center}
.list-loading p a { color:#ff7100; font-weight:bold; font-size:1rem;}

/* 以下为筛选列表样式 */
.condi-list {display:flex;border-bottom:1px solid #dcdcdc;}
.condi-list li {flex:1;font-size:0;border-right:1px solid #e8e8e8;padding:10px 0;}
.condi-list li:last-child{border-right:none;}
.condi-list-item {width:25%;float:left;text-align:center;}
.condi-list-item a {position:relative;display:inline-block;max-width:100%;text-align:center;padding:0 12px;}
.condi-list-item span{display:inline-block;max-width:100%;height:26px;line-height:26px;color:#333;font-size:0.9rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.condi-list-item a:after{position:absolute;right:2px;top:8px;content:'';border-top:1px solid #999;border-right:1px solid #999;width:6px;height:6px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.condi-list .active span,.filter-list-group li.active a{color:#ff7100;}
.condi-list .active a:after{top:12px;border-color:#ff7100;-webkit-transform:rotate(-44deg);-moz-transform:rotate(-44deg);-ms-transform:rotate(-44deg);transform:rotate(-44deg);}
.main-page header{height:142px;}
.main-page .header-wrapper{position:fixed;top:0;left:0;z-index:1000;width:100%;}
.filter-list-group.show{display:block;-webkit-animation:fadeInDown 300ms forwards;animation:fadeInDown 300ms forwards;}
.filter-type{background:#fcfcfc;}
.filter-list-group{display:none;background:#fff;}
.filter-list-group a{display:block;height:44px;color:#333;padding:0 10px;}
.filter-list-group .filter-list{display:none;}
.filter-list.active{display:block;}
.filter-list-group .one-col,.filter-list-group .two-col>div{height:300px;overflow:hidden;}
.filter-list-group .two-col{overflow:hidden;}
.filter-list-group .two-col>div{float:left;width:50%;}
.filter-list-group li{line-height:44px;font-size:14px;color:#333;text-align:center;}
.filter-list-group li.active{color:#ff7100;background:#f3f3f3;}
.header-mask{display:none;position:fixed;top:0;left:0;z-index:900;width:100%;height:100%;background:rgba(0,0,0,.4);}
.header-mask.show{display:block;-webkit-animation:fadeIn 300ms forwards;animation:fadeIn 300ms forwards;}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-10px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-10px,0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}