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;}
.pet-item,.pet-rec{margin-top:10px;background:#fff;}
.pet-header{position:relative;padding:0 12px;}
.pet-cate{font-size:16px;color:#000;font-weight:bold;padding:16px 0 8px;}
.more-pet{position:absolute;top:0;right:12px;color:#555;padding:18px 12px 0 0;}
.more-pet:after{position:absolute;top:22px;right:-4px;content:'';border:4px solid transparent;border-left-color:#555;}
.pet-content ul{padding:0 7px;}
.pet-content li{float:left;width:33.33%;}
.pet-content a{display:block;height:150px;padding:0 5px;}
.pet-img{padding:6px 0 14px;}
.pet-content img{display:block;width:100%;height:86px;margin:0 auto;}
.pet-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{display:block;padding:0 12px;}
.rec-img{float:left;width:116px;padding-top:10px;}
.rec-img img{display:block;width:106px;height:80px;}
.rec-content{margin-left:116px;height:100px;}
.rec-title{line-height:22px;font-size:14px;color:#000;padding-top:8px;}
.rec-title>div,.pet-name>div,.rec-desc>div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rec-desc{color:#a9a9a9;margin-top:4px;}
.rec-price{font-size:14px;color:#ff7100;margin-top:2px;}