XEH-miniProgram/pages/index/index.scss

.page-wrap {
	padding-bottom: 41.21rpx;
}
.banner {
	width: 100%;
	display: block;
	margin-bottom: 13.74rpx;
	&-1 {
		height: 391.48rpx;
	}
	&-2 {
		height: 171.7rpx;
	}
	&-3 {
		width: 708.79rpx;
		height: 645.6rpx;
		padding: 20.6rpx;
		background: #fff;
		margin: 0;
	}
}
.category-panel {
	height: 412.09rpx;
	background: #fff;
	margin-bottom: 13.74rpx;
	display: flex;
	flex-wrap: wrap;
	padding: 13.74rpx 0;
	box-sizing: border-box;
	.item {
		flex: 0 0 25%;
		text-align: center;
		font-size: 27.47rpx;
		padding: 13.74rpx 0;
	}
	.icon {
		display: block;
		margin: 0 auto 13.74rpx;
		width: 118.13rpx;
		height: 118.13rpx;
	}
}
.title-row {
	height: 82.42rpx;
	box-sizing: border-box;
	border-bottom: 1rpx solid #e0e0e0;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	.line {
		width: 42.58rpx;
		height: 1rpx;
		background: #ccc;
		margin: 0 5.49rpx;
	}
	.point {
		width: 8.24rpx;
		height: 8.24rpx;
		border-radius: 50%;
		background: #ccc;
	}
	.title {
		font-size: 30.22rpx;
		padding: 0 13.74rpx;
	}
}
.product-panel {
	background: #fff;
	padding: 20.6rpx;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 13.74rpx;
	.item {
		width: 347.53rpx;
		height: 302.2rpx;
		margin-bottom: 13.74rpx;
		text-align: center;
	}
	.img {
		width: 100%;
		height: 219.78rpx;
		display: block;
		margin-bottom: 13.74rpx;
	}
	.name {
		font-size: 24.73rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.desc {
		font-size: 21.98rpx;
		color: #999;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}