body{font-size:12px;padding-bottom:72px;background:#f3f3f3;}
.sale-list {padding:15px 10px;border-bottom:1px solid #e5e5e5}
.sale-list h3 {margin-bottom:4px;font-size:15px;font-weight:700;color:#333;line-height:1.2}
.sale-list .tip {margin-top:2px;font-size:12px;line-height:1;color:#999}
.sale-list .tip span {display:block;margin-right:5px; line-height:18px; height:18px;}
.sale-list p.date {color:#CCC; position:absolute; bottom:-10px; right:0;}
.ellips {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.ellips2{ text-overflow:ellipsis; white-space:nowrap;}
.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{  background:#fff;overflow:hidden}
article,div,footer,img,section, ul {display:block;width:auto;height:auto}
.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:50%;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;
    }
}