body{font-size:12px;background:#f3f3f3;}
nav{background:#fff;}
nav li{float:left;width:25%;}
nav a{display:block;height:94px;}
nav img{display:block;width:40px;height:40px;margin:0 auto;}
nav .cate-img{padding-top:14px;}
nav .cate-title{color:#000;text-align:center;margin-top:8px;}
.house-cate,.other-cate,.house-rec{background:#fff;margin-top:16px;}
.cate-header{position:relative;height:55px;line-height:54px;border-bottom:1px solid #f3f3f3;padding:0 16px;}
.cate-header .header-title{float:left;position:relative;font-size:16px;font-weight:bold;color:#000;padding-right:16px;}
.cate-header .header-title:after{position:absolute;top:24px;right:0;content:'';border:4px solid transparent;border-left-color:#555;}
.cate-header .post-btn{float:right;color:#aaa;padding-left:24px;background:url(../img/post_icon.png) no-repeat left center;background-size:16px 14px;}
.cate-content li{float:left;width:33.33%;border-right:1px solid #f3f3f3;}
.cate-content li:last-child{border-right:none;}
.cate-content a{position:relative;display:block;height:104px;}
.cate-content .cate-title{font-size:14px;color:#000;padding:10px 8px 0 20px;}
.cate-content .cate-img{position:absolute;bottom:0;right:0;width:60px;height:60px;}
.cate-content img{display:block;width:100%;height:100%;}
.other-cate li{float:left;width:33.33%;}
.other-cate a{display:block;height:42px;font-size:14px;line-height:42px;text-align:center;color:#555;}
.rec-header{height:50px;line-height:50px;font-size:16px;font-weight:bold;color:#000;text-align:center;}
.rec-tab{border-bottom:1px solid #f3f3f3;}
.rec-tab li{float:left;position:relative;width:50%;height:50px;line-height:50px;font-size:14px;color:#000;text-align:center;}
.rec-tab li.active{color:#ff7100;}
.rec-tab li.active:after{position:absolute;bottom:-1px;left:50%;content:'';border:5px solid transparent;border-bottom-color:#ff7100;margin-left:-5px;}
.rec-list>div{display:none;}
.rec-list>div.active{display:block;}
.rec-img{float:left;padding:20px 0 0 10px;}
.rec-img img{display:block;width:106px;height:78px;}
.rec-content{position:relative;height:120px;padding-right:10px;margin-left:126px;}
.rec-name{line-height:24px;font-size:14px;color:#000;padding-top:14px;}
.rec-name>div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rec-info{position:absolute;left:0;bottom:20px;width:100%;padding-right:10px;}
.house-location,.house-type{float:left;line-height:20px;color:#aaa;}
.house-location{max-width:40%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.house-type{margin-left:8px;}
.house-price{float:right;line-height:20px;color:#ff7100;}
.house-price>span{font-size:16px;}
.rec-date{color:#aaa;}
.more-btn{display:block;height:42px;line-height:42px;font-size:14px;color:#000;text-align:center;background:#fafafa;}
.more-btn>span{position:relative;padding-left:6px;margin-left:4px;}
.more-btn>span:after{position:absolute;top:50%;left:0;content:'';border:4px solid transparent;border-left-color:#555;margin-top:-4px;}

/*广告位*/
.channel_relative_2020 { position: relative; line-height: 0px; margin-top:5px; }
.channel_relative_2020 img{ width:100%}
.channel_ad_2020 { height: 17px; display: inline-block; background: rgba(0,0,0,0.6); background: #000\9; color: #fff; border-radius: 0 8px 0px 0px; line-height: 17px; width: 30px; text-align: left; overflow: hidden; font-size: 12px; font-family: Arial; position: absolute; left: 0; bottom: 0; z-index: 3; }