﻿/*分类列表 样式*/
.list-count{float:right;color:#8094a1; }

.common-list{margin-top:10px;margin-right:-10px; overflow:hidden;}
.common-list li{width:252px;height:26px;line-height:26px; position:relative;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;float:left;margin-right:10px;text-indent:17px;}
.common-list a{color:#3d464d;}
.common-list a:hover{color:red;}
.common-list li:before{content:""; position:absolute;width:3px;height:3px;left:6px;top:50%;margin-top:-1px;background:#555555;}

/*分类头*/
.list-cate{ overflow:hidden;border:1px solid #f2f5f7;background:#fff;}
.list-cate .cate-item{float:left;width:20%;text-align:center;padding:20px 0; position:relative;}
.list-cate .cate-item:before{content:"";width:2px;background:#f4f8fb;position:absolute;right:0;top:0;height:100%;}
.list-cate .cate-item:last-child:before{ display:none;}
.list-cate .cate-item .img-wrap{ display:block;width:80px;height:80px;border-radius:50%; overflow:hidden;margin:0 auto;}
.list-cate .cate-item h5{font-size:16px;line-height:16px;margin-top:15px;}
.list-cate .cate-item a{color:#3d464d;}
.list-cate .common-list{margin:16px 0 0 0;height:114px;}
.list-cate .common-list li{width:180px;line-height:30px;height:30px;}
.list-cate .common-list li a{color:#3d464d;font-size:15px;}
.list-cate .cate-ctn{width:770px;float:right;}
/*三级分类头*/
.list-cate.sp{ border:2px solid #62d8da; position:relative;}
.list-cate.sp .cate-item{ background:#62d8da;}
.list-cate.sp .cate-item .img-wrap{ border:3px solid #fff;}
.list-cate.sp .cate-item a{color:#fff;}
.list-cate.sp .back-btn {color:#fff; position:absolute;bottom:0;right:0;width:50px;height:25px;}
.list-cate.sp .back-btn:hover span{border-color:#fff #5ccacc #fff #fff;}
.list-cate.sp .back-btn em{ position:absolute; bottom:4px;right:10px;font-weight:bold;}
.list-cate.sp .back-btn span{ display:block; position:absolute;right:0;top:-20px;border-style:solid;border-width:50px 90px 50px 0;border-color:#fff #62d8da #fff #fff;}
.list-cate.sp .common-list{display:none;;margin:14px 0 0 0;max-height:114px;}
.list-cate.sp .common-list.J_ctns{max-height:104px;}
.list-cate.sp .common-list.active{ display:block;}
/*亲子*/
.tab-list{margin-top:10px;}
.tab-list .tab-item{cursor:pointer;background:#d8f6f6;height:30px;line-height:30px;position:relative;float:left;text-align:center;padding:0 13px;color:#3cb4c2;font-weight:bold;}
.tab-list .tab-item:before{content:"";position:absolute;display:none;border-style:solid;border-width:6px;border-color:#62dad9 transparent transparent transparent;bottom:-12px;left:50%;margin-left:-6px;}
.tab-list .tab-item:hover,
.tab-list .tab-item.active{color:#fff;background:#62dad9;}
.tab-list .tab-item:hover:before,
.tab-list .tab-item.active:before{ display:block;}
.list-title{color:#8094a1;}

/*二级分类页 分类列表*/
.list-left{border:1px solid #f2f5f7;background:#fff;min-height:1000px;padding-bottom:20px;}
.list-mod {padding:10px 20px;}
.list-mod .mod-title{color:#555BA6;height:36px;line-height:36px;border-bottom:1px solid #bfbfbf; overflow:hidden;}
.list-mod .mod-title h4{float:left;font-weight:bold;font-size:18px;}
.list-mod .mod-title a{float:right;font-size:12px;}
.list-mod .mod-ctn{width:780px; overflow:hidden;}
.list-mod .hot-list{margin-top:10px;margin-right:-40px;border-bottom:1px solid #bfbfbf;padding-bottom:16px;overflow:hidden;}
.list-mod .hot-list .list-item{float:left;width:370px;margin-right:20px; margin-top: 10px; border-bottom: 1px dashed #bfbfbf; padding-bottom: 6px;}
.list-mod .hot-list .list-item:last-child{border-bottom: none;}

.list-mod .hot-list .img-wrap{float:left;width:120px;height:102px;margin-right:10px;}
.list-mod .hot-list h4{font-size:16px;line-height:36px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}
.list-mod .hot-list h4 a{color: #505cf1;}
.list-mod .hot-list p{font-size:12px;color:#555555;line-height:22px;max-height:66px; overflow:hidden;}

/*三级分类页 分类列表*/
.cate-itemList{border-top:1px solid #ecf1f4;padding-bottom:10px;margin-top:-1px;}
.cate-itemList h5{color:#3d464d;font-weight:bold;font-size:15px;padding-left:17px; position:relative;font-size:15px;margin-top:15px;}
.cate-itemList h5:before{content:""; display:block; position:absolute;width:6px;height:6px;background:#85da9d;border-radius:50%;top:6px;left:5px;}

/*营养页 - 能不能吃*/
.list-eat-wrap{padding:10px 0;}
.list-eat {overflow:hidden;position:relative;padding-left:90px;}
.list-eat dt,
.list-eat dd{ font-size:14px;float:left;*float:none;*display:inline;*zoom:1;height:25px;line-height:25px;margin:0 8px 6px 0; cursor:pointer;}
.list-eat dt{font-weight:bold;position:absolute;top:0;left:10px;_left:-80px;text-align:right;width:76px;color:#000;}
.list-eat dd{color:#676767;padding:0 8px;}
.list-eat dd:hover ,
.list-eat dd:hover a,
.list-eat dd a:hover{transition:none;background-color:#3bc8d4; color:#fff;text-decoration:none;}
.list-eat .active{background-color:#3bc8d4;color:#fff;}
.list-eat .active a{color:#fff;}
.can-eat-result .mod-title{padding-bottom:8px;}
.search-bar {height:28px;line-height:28px;float:right;margin-top:5px;border-radius:2px;border:1px solid #c6e6e4;}
.search-bar .ipt-text{ border:none;padding:0 5px;height:28px;float:left; }
.search-bar .ipt-text::-webkit-input-placeholder {color:#a2c7c7; }
.search-bar .ipt-btn{ float:left;width:70px;text-align:center;color:#fff;background:#b0d0ce;height:100%;font-family:"microsoft yahei";border-radius:0 2px 2px 0; }
.search-bar .ipt-btn:hover{ background:#a7c2c2 }
.result-list {margin-top:20px; overflow:hidden;margin-right:-50px;}
.result-list li{float:left;margin:0 45px 18px 0;width:100px;}
.result-list li.loading{float:none;margin:0 auto;width:200px;height:32px;line-height:32px;color:#666;text-align:center;}
.result-list .img-wrap{width:100px;height:100px;margin-bottom:10px; overflow:hidden;}
.result-list .img-wrap img{max-width:100px;max-height:100px;}
.result-list li a{display:block;text-align:center;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#737d80;}

.list-left .list-eat-wrap{border-bottom:1px solid #f2f5f7;}
.list-cate .list-eat-wrap{width:790px;margin-top:10px;height:124px; overflow:hidden;}
