.allTitle {
	background: linear-gradient(to right bottom, #19A57B, #4CAD68);
	height: 17.5rem;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.allTitle p {
	font-size: 2.75rem;
	color: #FFF;
	margin-top: 3.125rem;
	font-family: 黑体;
}

.searchBody {
	background-color: #FFF;
	margin: 0 2.5rem;
	margin-top: 3.625rem;
	border-radius: 2.25rem;
	padding: 0.875rem 1.25rem;
	display: block;
}

.searchBody>*,
.inputSearch>* {
	font-size: 2.5rem;
	color: #BBBBBB;
}
.searchBody i,
.inputSearch i {
	font-size: 2.25rem;
}
.searchBody input {
	background-color: rgba(0, 0, 0, 0);
}

.searchBody input,
.inputSearch input {
	border: none;
}

.inputSearch {
	display: none;
	margin: 0 2.5rem;
	margin-top: 3.625rem;
	background-color: #FFF;
	border-radius: 2.25rem;
	padding: 1.125rem 1.25rem;
}

.inputSearch .guodu {
	animation: btninput 1s;
}

.inputSearch input {
	width: 90%;
	margin-left: 1.25rem;
}

/* 动画 */
@keyframes btninput {
	0% {
		opacity: 0;
		transform: translate(3.125rem, 0)
	}

	100% {
		opacity: 1;
		transform: translate(0, 0)
	}
}

/*  */
.allItem {
	margin-top: 17.5rem;
	margin-bottom: 10rem;
}

.allItem>p {
	font-size: 2.25rem;
	color: #666666;
	padding: 2.5rem;
}

.allItemBody a {
	background-color: #FFF;
	padding-top: 2.5rem;
	padding-left: 2.75rem;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
}

.allImg {
	margin-right: 2.5rem;
}

.allImg img {
	width: 13.125rem;
	height: 13.125rem;
	border-radius: 1.125rem;
	border: 0.0625rem solid #75d478;
}

.allText {
	font-size: 1.625rem;
	color: #666;
	padding-right: 2.75rem;
	border-bottom: 0.0625rem solid #E3E3E3;
	padding-bottom: 3.625rem;
}

.allText p {
	font-size: 2.5rem;
	font-family: 黑体;
	font-weight: 500;
	color: #333;
	margin-bottom: 0.8125rem;
}

.allText span {
	/* 将对象作为弹性伸缩盒子模型显示。 */
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式） */
	-webkit-box-orient: vertical;
	/* 这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。 */
	-webkit-line-clamp: 3;
}