﻿.product_index {
	.public-breadcrumbs {
		color: #1b1b1b;
	}
	.sub-column {width: 3.4rem;}
	.sub-column .subcolumn{background: #fff;}
	.sub-column .subcolumn .items+.items{border-top: 0.01rem solid #cecece;}
	.sub-column .subcolumn .item {display: flex; justify-content: space-between; align-items: center; height: 0.48rem; font-size: 0.22rem; cursor: pointer; overflow: hidden;color: #1b1b1b;}
	.sub-column .subcolumn .item b{font-weight: normal;}
	.sub-column .subcolumn .item p{flex: 1;}
	.sub-column .subcolumn .item i{font-size: 0.34rem; color: #1b1b1b;}

	.sub-column .subcolumn .item:hover,.sub-column .subcolumn .item.active {color: #297d0c;}
	.sub-column .subcolumn .item:hover i,.sub-column .subcolumn .item.active i{color: #297d0c;}
	.sub-column .subcolumn dl {margin-bottom: 0.1rem;}
	.sub-column .subcolumn dl dd { color: #1b1b1b; padding: 0 0.1rem 0 0.1rem;}
	.sub-column .subcolumn dl dd a {font-weight: normal;font-size: 0.18rem; line-height: 0.4rem; display: block; white-space: nowrap; color: #1b1b1b; margin-left: 0.1rem;}
	.sub-column .subcolumn dl dd a:hover{color: #297d0c;}

	.company_introduce {
		img{display: block; width: 100%;}
		span{color: #313131; display: block; margin-bottom: 0.15rem;}
		p{color: #297d0c; font-size: 0.26rem; font-weight: bold; display: flex; align-items: center; margin: 0.05rem 0 0;}
	}


	.dqcolumn-ad-box img{width: 100%;}
	/*商品列表样式 product*/
	.product-warp {
		flex: 1;
		width: 0;
		.product-box{min-height: 8rem;}
		.product-box_tit{height: 0.65rem; background: #fff; margin-bottom: 0.06rem;}
		.product-item{
			width: 100%; 
			margin-bottom: 0.08rem;
			color: #303030;
			&>div{padding: 0 0.1rem;}
			&:hover{
				box-shadow: 0 0 0.06rem 0.02rem #d9d9d9;
			}
			.product-item-img{
				width: 1.2rem; 
				height: 0.9rem; 
				background: #f7f7f8;
				overflow: hidden;
				.imgWrap_img{
					display:block;
					max-width:100%;
					max-height:100%;
					position:relative
				}
			}
			.pro_name {
				.title{
					line-height: 1.6; 
					overflow: hidden; 
					text-overflow: ellipsis; 
					white-space: nowrap; 
					white-space: pre-wrap; 
					-webkit-line-clamp: 2; 
					-webkit-box-orient: vertical; 
					display: -webkit-box;
				}
			}
			.pro_gg{
 				width: 22%;
			}
			.pro_pp{
 				width: 15%;
			}
			.pro_dw{
 				width: 10%;
			}
			.pro_price {
 				width: 14%;
 				p{
					color: #db122e;
				}
			}
		}
	}
}