.new-container {
	width: 100%;
	padding: 0;
	margin: 0 0 40px 0;
}
.new-container ul {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.new-container ul li a {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding-right: 10px;
	box-sizing: border-box;
	cursor: pointer;
}

.new-container ul li .photo {
	width: 90px;
	min-width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%;
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
}

.new-container ul li .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.new-container ul li .info {
	display: flex;
	flex-direction: column;
	gap: 5px;
	border-left: 3px solid #409eff;
	padding-left: 10px;
	box-sizing: border-box;
	flex: 1;
}

.new-container ul li .info .title {
	color: #303133;
	font-size: 20px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all 0.3s ease-in-out;
}

.new-container ul li:hover .info .title {
	color: #409eff;
}

.new-container ul li .info .content {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #909399;
}

.new-container ul li .time {
	display: flex;
	flex-direction: column;
	width: max-content;
	min-width: max-content;
	color: #303133;
}

.new-container ul li .time span:nth-child(1) {
	font-size: 30px;
	font-weight: 700;
	color: #409eff;
}