﻿.public-breadcrumbs,.public-breadcrumbs a{color: #a5aab2;}
.filter-box {
border-bottom: 1px solid #e1e1e1;
	.item_filter {
		overflow: hidden;
		height: 0.5rem;
		display: flex;line-height: 0.4rem;margin-bottom: 0.1rem;
		.title {
			text-align: left;
			width: 0.7rem;
		}
		.items {
			flex: 1;
			overflow: hidden;
			li {
				display: inline-block;border-radius: 0.05rem;overflow: hidden;
				float: left;margin: 0 0.1rem 0.1rem 0.1rem;
				a {
					color: #7b7d85; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding: 0 0.15rem;
				}
				a:hover {
					background: #dcf1f4;
				}
				a.on {
					color: #fff;background: #00a7c2;font-weight: bold;
				}
			}
		}
		.more {
			width: 60px;
			display: none;
			a {
				color: #999999;
			}
		}
	}
	.item_filter.autoheight {
		height: auto;
	}
}



.product_index {
	.product-list{
		.product_item{
			width: 32%;
			margin-right: 2%; 
			margin-bottom: 0.3rem; 
			background: #fff;border-radius: 0.08rem;overflow: hidden;
			-webkit-transition: all .2s linear;transition: all .2s linear;
			&:nth-of-type(3n){
				margin-right: 0;
			}
			&:hover{
				outline: 1px solid #00a7c2;
				.info p{color: #00a7c2;}
			}
			.pic{
				width: 100%; 
				height: 2.75rem; 
				overflow: hidden;
			border-radius: 0.1rem; 
			overflow: hidden;
				img{
					display:block;
					max-width:100%;
					max-height:100%;
					position:relative
				}
			}
			.info{
				color: #252b38;
				p{
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					margin-bottom: 0.12rem;
				}
				.price{color: #fb7319;}	
			}
		}
	}
}