body{font-size:12px;background:#f3f3f3;}
nav{background:#fff;}
nav li{float:left;width:33.33%;}
nav a{display:block;height:116px;}
nav .cate-img{padding:30px 0 10px;}
nav img{display:block;width:35px;height:37px;margin:0 auto;}
nav .cate-title{color:#555;text-align:center;padding:0 4px;}
.cat-item,.cat-rec{margin-top:10px;background:#fff;}
.cat-header{position:relative;padding:0 12px;}
.cat-cate{font-size:16px;color:#000;font-weight:bold;padding:16px 0 8px;}
.more-cat{position:absolute;top:0;right:12px;color:#555;padding:18px 12px 0 0;}
.more-cat:after{position:absolute;top:22px;right:-4px;content:'';border:4px solid transparent;border-left-color:#555;}
.cat-content ul{padding:0 7px;}
.cat-content li{float:left;width:33.33%;}
.cat-content a{display:block;height:150px;padding:0 5px;}
.cat-img{padding:6px 0 14px;}
.cat-content img{display:block;width:100%;height:86px;margin:0 auto;}
.cat-name{text-align:center;color:#000;}
.two-col li{width:50%;}
.rec-header{height:56px;line-height:55px;font-size:16px;font-weight:bold;color:#000;padding:0 12px;border-bottom:1px solid #f3f3f3;}
.rec-list li{border-bottom:1px solid #f3f3f3;}
.rec-list li:last-child{border-bottom:none;}
.rec-list a{position:relative;display:block;height:40px;padding:0 16px;}
.rec-list .rec-title{font-size:14px;color:#000;padding-top:10px;}
.rec-list .rec-title>div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rec-list .other-info{position:absolute;left:0;bottom:10px;width:100%;color:#aaa;padding:0 16px;}
.rec-list .contact-name{float:left;}
.rec-list .post-time{float:right;}