body {
	padding-top: 4rem;
}

.ListPage .ivu-page-total {
	display: block !important;
}

.ListPage .ivu-page-item-active {
	color: #2d8cf0;
}

.ListPage .ivu-icon-ios-arrow-back,
.ivu-icon-ios-arrow-forward {
	transform: translateY(-2px);
}


/* 展示区1 */

.ListPage .row {
	padding: 1rem;
}

.display_area_list {
	margin-bottom: 2rem;
}

.display_area_list img {
	width: 100%;
	display: block;
}

.display_area_list_content:hover {
	box-shadow: .2rem .2rem 20px #888;
}

.display_area_list_content {
	border: 1px solid rgb(217, 228, 237);
	transition: all 0.2s;
}

.display_area_content {
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;

	border-top: 1px solid rgb(217, 228, 237);
	padding: .5rem;
	transition: all 0.2s;
}

.display_area_list:hover .display_area_content {
	background-color: rgb(62, 136, 241);
	border: 1px solid rgb(62, 136, 241);
	color: #fff;
}

.display_area_content h1 {
	text-align: center;
	font-size: 1.5rem;
}

.display_area_content p {
	margin: 0;
	font-size: 1rem;
	text-align: center;
}

.img_list1 {
	margin-top: 3rem;
}

.img_list1 p {
	font-size: 1.2rem;
}

.ListPage_content {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}



.middle {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.product_center {
	height: 20rem;
	background: url("/img/footerBg.jpg");
	text-align: center;
	color: #fff;
}

.product_center h1 {
	font-size: 4rem;
}

.product_center span {
	font-size: 1rem;
	padding: .3rem 2rem;
	border: 1px solid #fff;
}

.product_center .row {
	margin: 0;
}

.product_content {
	padding: 2rem 0 2rem 0;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
	background-color: rgb(250, 250, 250);
}

.product_list {
	max-width: 1200px;
	margin: 0 auto;
}

.product_list>div>div {
	/* margin-bottom: 20px; */
}

.product_list_btn {
	width: 10rem;
	border: 1px solid #ebebeb;
	height: 2.5rem;
	text-align: center;
	position: relative;
	left: 50%;
	/* top: 50%; */
	color: #888;
	transform: translateX(-50%);
	transition: all 0.2s;
	cursor: pointer;
}

.product_list_btn:hover {
	background: rgb(62, 136, 241);
	color: #fff;
}

.product_list_btn p {
	position: relative;
	margin: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.router-link-active {
	background: rgb(62, 136, 241);
	color: #fff;
}

.myTest {
	cursor: default;
	color: #fff;
}
