p {
	margin: 0;
	padding: 0;
	text-align: unset
}

.img-box {
	padding-left: 30px
}

.section-con .section-tr {
	background-color: var(--main-color-12);
	border-bottom: 1px solid #D9E5EA;
	padding: 0 30px;
	display: flex;
	cursor: pointer
}

.section-con .section-tr:last-child {
	border: none
}

.section-flex {
	flex: 1
}

.section-con .item-one {
	width: 45%;
	padding: 15px 0
}

.section-con .item-two {
	width: 55%;
	padding: 15px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.section-con .item-two .section-tr-td {
	width: 20%
}

.section-con .item-two .section-tr-td:last-child {
	width: 60%
}

.section-con .item-two .section-tr-td span {
	display: block;
	width: 80px;
	height: 22px;
	/* background-color: #e8e8e8 */
}

.title-forum {
	width: 45%
}

.section-logo {
	width: 120px;
	background-color: #e8e8e8;
	height: 28px;
	margin: 15px 0 10px
}

.section-title {
	cursor: pointer
}

.topic-title {
	line-clamp: 1;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.section-desc,
.latest-time {
	color: #76888f
}

@media screen and (max-width: 768px) {
	.img-box {
		padding-left: 15px
	}

	.section-con .section-tr {
		display: block;
		padding: 0 15px
	}

	.section-con .item-one,
	.section-con .item-two {
		width: 100%
	}

	.section-con .item-two {
		padding: 0 0 15px
	}

	.section-con .item-two .section-tr-td {
		width: 100px;
		display: flex;
		align-items: center
	}

	.section-con .item-two .section-tr-td:last-child {
		justify-content: flex-start;
		flex: 1;
		flex-wrap: wrap
	}

	.section-con .item-two .section-tr-td .latest-time {
		margin-top: 0;
		margin-left: 10px
	}

	.section-con .item-two .section-tr-td span {
		display: inline-block
	}
}

p {
	margin: 0;
	padding: 0;
	text-align: unset
}

.body-box {
    width: 100%; 
    padding: 40px 0px; 
    min-height: 900px;
	background-color: #f2f2f2
}

.html-flex {
	display: flex;
	align-items: center
}

.forum-section {
	background: #ffffff;
	margin: 0 auto;
	padding: 46px
}

.forum-section .title {
	font-size: 30px;
	color: #545454;
	text-align: center;
	margin: 0;
	padding-bottom: 35px;
	font-family: DFPYaSongW9-GB
}

.forum-section .section-two {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.forum-section .section-two .category-select-box {
	padding: 0
}

.forum-section .section-two .setting-icons {
	display: flex;
	align-items: center
}

.forum-section .section-two .setting-icons img {
	height: 22px;
	cursor: pointer
}

.forum-section .section-two .setting-icons .setting-img {
	margin-right: 8px
}

.forum-section .section-two .setting-icons .notification {
	width: 22px;
	height: 22px;
	margin-right: 8px;
	position: relative
}

.forum-section .section-two .setting-icons .notification .new-message {
	width: 6px;
	height: 6px;
	background-color: #ff5353;
	border-radius: 50%;
	position: absolute;
	right: 1px;
	top: 1px
}

.forum-section .section-two .setting-icons .new-img {
	margin-right: 10px;
	height: 16px
}

.section-table {
	width: 100%;
	margin-top: 14px;
	font-size: 14px;
    border: 1px solid #E4EDF0;
	color: #333b3d;
    border-radius: 10px;
}

.section-table .table-th {
	height: 40px;
	font-size: 14px;
	color: #312b26;
	background-color: #faf1ea;
    border-radius: 10px;
	padding: 0 30px
}
.night-type .section-table {
	border-color: #595149 !important;
}

.section-table .table-th {
	height: 40px;
	font-size: 14px;
	color: #312b26;
	background-color: #faf1ea;
    border-radius: 10px;
	padding: 0 30px
}

.img-box {
	padding-left: 30px
}

.section-table .section-con .section-tr {
	background-color: var(--main-color-12);
	border-bottom: 1px solid #D9E5EA;
	padding: 0 30px;
	display: flex;
	cursor: pointer
}

.section-table .section-con .section-tr:last-child {
	border: none
}

.section-flex {
	flex: 1
}

.section-table .section-con .item-one {
	width: 45%;
	padding: 15px 0
}

.section-table .section-con .item-two {
	width: 55%;
	padding: 15px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.section-table .section-con .item-two .section-tr-td {
	width: 20%
}

.section-table .section-con .item-two .section-tr-td:last-child {
	width: 60%
}

.section-table .section-con .item-two .section-tr-td span {
	display: none
}

.section-table .title-forum {
	width: 45%
}

.section-table .section-logo {
	height: 28px;
	margin: 15px 0 10px
}

.section-table .section-title {
	font-weight: 700;
	cursor: pointer
}

.section-table .topic-title {
	line-clamp: 1;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.section-table .section-desc,
.section-table .latest-time {
	color: #76888f
}

@media screen and (max-width: 768px) {
	.img-box {
		padding-left: 0
	}

	.forum-section {
		padding: 20px
	}

	.section-table .table-th {
		display: none
	}

	.forum-section .title {
		font-size: 24px
	}

	.section-table .section-con .section-tr {
		display: block;
		padding: 0 15px
	}

	.section-table .section-con .item-one,
	.section-table .section-con .item-two {
		width: 100%
	}

	.section-table .section-con .item-two {
		padding: 0 0 15px
	}

	.section-table .section-con .item-two .section-tr-td {
		width: 50%;
		display: flex;
		align-items: center
	}

	.section-table .section-con .item-two .section-tr-td:last-child {
		width: 100%;
		flex: 1;
		flex-wrap: wrap
	}

	.section-table .section-con .item-two .section-tr-td .latest-time {
		width: 100%
	}

	.section-table .section-con .item-two .section-tr-td span {
		display: inline-block
	}
}

.fa-angle-right:before {
    content: "\f105";
}

.nav-box i {
    margin: 0 5px;
    color: #000000;
}


.nav-box span {
    cursor: pointer;
}

.nav-box {
    color: #87969c;
    font-size: 14px;
    padding: 15px 0 10px;
}

.night-type .nav-box span:first-child {
    color: #858585 !important;
}

.night-type .nav-box i {
    color: #ffffff;
}