.list-box {
	background-color: rgba(227, 233, 234, 1);
	padding-top: 100px;
	/* padding-bottom: 100px; */
	display: flex;
	justify-content: center;
	padding-bottom: 100px;
}

/* latest-update */
.latest-update {
	/* padding-bottom: 100px; */
}

.latest-update>.title-box {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 65px;
	align-items: center;
}

.latest-update>.title-box>.title {
	font-weight: 400;
	font-style: normal;
	font-size: 36px;
	letter-spacing: 0.2px;
	color: #E1E4E4;
	text-align: justify;
	background-color: rgba(137, 75, 34, 1);
	height: 100%;
	width: fit-content;
	display: flex;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	gap: 15px;
}

.latest-update>.title-box>.page {
	font-weight: 400;
	font-style: normal;
	font-size: 36px;
	color: rgba(137, 75, 34, 1);
	line-height: 65px;
	display: flex;
	gap: 15px;
}

.latest-update>.title-box>.page>span {
	display: flex;
	justify-content: center;
	width: 30px;
	cursor: pointer;
}

.latest-update>.title-box>.page>.selected {
	font-weight: 400;
	font-style: normal;
	font-size: 36px;
	color: rgba(137, 75, 34, 1);
	line-height: 65px;
	border-bottom: 3px solid rgba(137, 75, 34, 1);
}

.latest-update>div>.post-box {
	padding-top: 100px;
	padding-bottom: 100px;
	display: flex;
	flex-wrap: wrap;
	gap: 0 40px;
}

.latest-update>div>.post-box>.post {
	width: calc((100% - (40px * 1)) / 2);
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	border-top: 3px solid rgba(137, 75, 34, 1);
	gap: 40px;
}

.latest-update>div>.post-box>.post:nth-last-child(1),
.latest-update>div>.post-box>.post:nth-last-child(2) {
	border-bottom: 3px solid rgba(137, 75, 34, 1);
}

.latest-update>div>.post-box>.post>.left,
.latest-update>div>.post-box>.post>.left>img {
	width: 349px;
	height: 300px;
	transition: transform 0.5s ease;
	/* 过渡效果 */
	object-fit: cover;
}

.latest-update>div>.post-box>.post>.left>img:hover {
	transform: scale(1.1);
}

.latest-update>div>.post-box>.post>.right {
	width: calc(100% - 349px - 40px);
	display: flex;
	flex-direction: column;
	/* 设置为列方向，子元素从上到下排列 */
	justify-content: space-between;
	/* 使得第一个子元素在顶部，最后一个子元素在底部 */
	height: 300px;
	overflow: hidden;
}

.latest-update>div>.post-box>.post>.right>.title,
.latest-update>div>.post-box>.post>.right>.title>a {
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	color: #894B22;
	line-height: 30px;
}
.latest-update>div>.post-box>.post>.right>.title{
    flex: 2;
}
.latest-update>div>.post-box>.post>.right>.category{
    display: flex;
    gap: 5px;
}

.latest-update>div>.post-box>.post>.right>.category>a {
	font-weight: 400;
	font-style: normal;
	color: #894B22;
	line-height: 21px;
	margin-top: 20px;
	font-size: 14px;
	display: block;
}

.latest-update>div>.post-box>.post>.right>.date {
	font-weight: 400;
	font-style: normal;
	color: #894B22;
	line-height: 21px;
	font-size: 14px;
}

.latest-update>div>.page {
	width: 100%;
	display: flex;
	gap: 40px;
}

.latest-update>div>.page>a {
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	color: rgba(137, 75, 34, 0.5);
	line-height: 65px;
}

.latest-update>div>.page>.selected{
	color: #894B22;
}

/* pc */
@media (min-width: 1200px) and (max-width: 1600px) {

	.latest-update {
		width: calc(100% - 80px);
	}

}

/* 平板 */
@media (min-width: 960px) and (max-width: 1199px) {

	.latest-update {
		width: calc(100% - 80px);
	}

	.latest-update>div>.post-box>.post {
		width: calc((100% - (40px * 1)) / 2);
		height: calc(300px);
	}

}

/* 手机 */
@media (max-width: 959px) {


	.latest-update>.title-box>.page {
		display: none;
		font-size: 15px;
		line-height: 15px;
	}


	.latest-update>.title-box>.page {
		display: none;
	}


	.latest-update>.more>.page {
		display: flex;
		font-size: 15px;
		line-height: 15px;
		align-items: center;
	}


	.latest-update>.more>.page>span {
		height: 40px;
		width: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.latest-update>.more>.page>.selected {
		font-size: 15px;
	}

	.latest-update>.more {
		justify-content: space-between;
		align-items: center;
	}

	.latest-update {
		width: calc(100% - 80px);
	}


	.latest-update>.title-box>.title {
		font-size: 16px;
		line-height: 16px;
		height: 31px;
	}
	
	
	
	.latest-update>.more>a {
		font-size: 12px;
		line-height: 12px;
		align-items: center;
		display: flex;
		justify-content: flex-end;
	}


	.latest-update>.more {
		justify-content: space-between;
		align-items: center;
	}


	.list-box {
		padding-top: 60px;
		padding-bottom: 90px;
	}


	.latest-update>div>.post-box {
		padding-top: 25px;
		padding-bottom: 0px;
		gap: 0 20px;
	}
	
	.latest-update>div>.page>a {
		font-size: 18px;
		line-height: 23px;
	}
	
	.latest-update>div>.page{
		margin-top: 40px;
	}
}

@media (min-width: 679px) and (max-width: 1200px) {
	.latest-update>div>.post-box>.post>.left, .latest-update>div>.post-box>.post>.left>img{
		width: 100%;
		height: 218px;
	}
	.latest-update>div>.post-box>.post>.right{
		width: 100%;
		justify-content: flex-start;
		height: auto;
	}
	.latest-update>div>.post-box>.post{
		flex-direction: column;
		height: fit-content;
	}
	.latest-update>div>.post-box>.post>.right>.title>a {
		font-size: 18px;
		line-height: 23px;
	}
	.latest-update>div>.post-box>.post>.right>.category>a{
		margin-top: 20px;
	}
	
	.list-box {
		padding-top: 40px;
	}
}

@media (max-width: 679px) {

	.latest-update>div>.post-box>.post {
		border-top: 2px solid rgba(137, 75, 34, 1);
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.latest-update>div>.post-box>.post {
		width: 100%;
		height: auto;
		flex-wrap: wrap;
		gap: 20px;
	}
	
	.latest-update>div>.post-box>.post>.left, .latest-update>div>.post-box>.post>.left>img{
		width: 100%;
		height: 218px;
	}
	.latest-update>div>.post-box>.post>.right{
		width: 100%;
		height: auto;
	}
	.latest-update>div>.post-box>.post>.right>.title>a{
		font-size: 18px;
		line-height: 23px;
	}
	.latest-update>div>.post-box>.post>.right>.category>a{
		margin-top: 10px;
	}
	
	.latest-update>div>.post-box>.post:nth-last-child(1), .latest-update>div>.post-box>.post:nth-last-child(2){
		border-bottom: none;
	}
	.latest-update>div>.post-box>.post:nth-last-child(1){
		border-bottom: 2px solid rgba(137, 75, 34, 1);
	}
	
	.latest-update>div>.page {
		justify-content: space-between;
		gap: 0px;
	}
	
	.latest-update>div>.page>a {
		font-size: 14px;
		line-height: 10px;
		display: none;
	}
	.latest-update>div>.page>a:first-child,
    .latest-update>div>.page>a:last-child,
    .latest-update>div>.page>a.selected,
    .latest-update>div>.page>a.last-page,
    .latest-update>div>.page>a.next-page
    {
        display: block; /* 显示第一个和最后一个子元素 */
    }
	
	.latest-update>div>.page>.num {
		display: none;
	}
	
	.latest-update>div>.post-box {
		margin-top: 20px;
	}
	
}