.box-shop {
	width: 1400px;
	margin: 30px auto;
}

.box-shop .shop-type {
	display: flex;
	align-items: center;
	background-color: #f5f5f5;
}

.box-shop .shop-type .type-li {
	padding: 10px 20px;
	cursor: pointer;
}

.box-shop .shop-type .type-li.active {
	color: #be2623;
}

.shop-list .li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
}

.shop-list .li .info a {
	display: flex;
	align-items: center;
}

.shop-list .li .info img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	margin-right: 10px;
}

.shop-list .li .info .name {
	font-size: 20px;
	color: #be2623;
}

.shop-list .li .goods {
	display: flex;
}

.shop-list .li .goods .good-li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #e1e1e1;
	width: 140px;
	margin-left: 20px;
}

.shop-list .li .goods .good-li img {
	width: 140px;
	height: 140px;
	object-fit: cover;
}

.shop-list .li .goods .good-li .number {
	font-size: 16px;
	color: #999;
}

.page ,
.pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
	line-height: 30px;
}

.page .last,
.page .next,
.pagination .disabled {
	background-color: #000;
	color: #ffffff;
	padding: 0 6px;
	margin: 0 10px;
	cursor: pointer;
}

.page .num-li,
.pagination li {
	margin: 0 10px;
	background-color: #808080;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}

.pagination li:first-child{
	background-color: #000;
	color: #ffffff;
	padding: 0 6px;
	margin: 0 10px;
	width: max-content;
}

.pagination li a{
	color: #ffffff;
}

.pagination li:last-child{
	background-color: #000;
	color: #ffffff;
	padding: 0 6px;
	margin: 0 10px;
	width: max-content;
}

.page .num-li.active,
.pagination .active{
	background-color: #000;
}