.main-detail .page-search {
    float: right;
    height: 100%;
    line-height: 100%;
    position: relative;
}
.page-search .activityName{
	width: 11.7rem;
}

.page-search .layui-btn+.layui-btn{
	margin-left: 1rem;
}

.page-search .activityName input{
	flex: 1;
	padding: 0;
	text-align: center;
	border-radius: 0.2rem 0 0 0.2rem;
}
.page-search .activityName .search-icon{
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	background: var(--main_color);
	border-radius: 0 0.2rem 0.2rem 0;
}
.page-search .activityName .search-icon span{
	color: #fff;
	font-size: 1rem;
}
.list-content{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.list-div{
    width: 18%;
	text-align: center;
	margin-right: 1.2rem;
	margin-bottom: 2rem;
	cursor: pointer;
}

.list-div .news-pic{
	width: 100%;
	height: 6.75rem;
	border-radius: 8px;
}

.list-div span{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.list-div:hover *{
	color: var(--main_color);
}
.list-div .list-sub:hover .news-time{
	display: block;
}

.activityName .active{
	color: red !important;
}

.main-content .list-page{
	bottom: 2rem;
}