* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	/* 去除下划线 */
	text-decoration: none;
	/* 去除默认文字颜色 */
	color: inherit;
	/* 去除点击时的焦点边框 */
	outline: none;
	/* 去除移动端点击时的灰色背景 */
	-webkit-tap-highlight-color: transparent;
}

.flex {
	display: flex;
}

.wrap {
	flex-wrap: wrap;
}

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

.row-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.row-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.row-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.row-around {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.column-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.column-around {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.column-up {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.column-end {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.column-between {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.flex {
	display: flex;
}

.flex-1 {
	flex: 1;
}

.space-between {
	justify-content: space-between;
}

.align-center {
	align-items: center;
}



.line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line2 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 1200px) {
	.community-qa-container {
		flex-direction: column;
	}

	.left-section,
	.right-section {
		width: 100%;
	}

	.user-stats {
		flex-wrap: wrap;
	}

	.title-bar {

		flex-direction: column;
		align-items: flex-start;
	}
}


/* 右侧固定信息 */
.fatiebox {
	width: 1200px;
	margin: 26px auto;
	display: flex;
	padding-bottom: 200px;

}

.left-section {
	width: 70%;
	margin-right: 20px;
	max-height: 800px;
	overflow: auto;

}

.boxinner {
	background-color: #FFFFFF;
}

.fatie .el-button {
	background-color: #0F4A90;
	/* 自定义基础背景色 */
	border-color: #0F4A90;
	/* 边框颜色与背景色一致 */
	color: #ffffff;
	/* 文字颜色 */
}

/* 基础按钮hover状态 */
.fatie .el-button:hover {
	background-color: #0F4A90;
	/* hover时稍深一点 */
	border-color: #0F4A90;
	color: #ffffff;
}


.right-section {
	width: 30%;
}

.title-bar {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;

	/* margin-bottom: 10px; */
	margin-bottom: 40px;
}

.letit {
	font-size: 22px;
	color: #0F4A90;
	font-weight: bold;
}

.lmaxian {
	width: 4px;
	height: 24px;
	background: #0F4A90;
	border-radius: 0px 0px 0px 0px;
	margin-right: 10px;

	/* margin-right: 20rpx; */
}

.tab {
	margin-left: 20px;
}

.qa-item {
	padding: 10px;
	border-bottom: 1px solid #EAEAEA;
}

.user-info {
	display: flex;
	align-items: center;
	margin-right: 15px;
}

.username-tag {
	padding: 2px 6px;
	color: #fff;
	font-size: 12px;
	margin: 0 5px;
	border-radius: 20px;
}

.nickname {
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}

.qa-content {
	flex: 1;
}

.stats {
	color: #999;
	font-size: 12px;
	margin-top: 5px;
}

.more-btn {
	display: block;
	text-align: center;
	margin-top: 10px;
}

.user-card {
	text-align: center;
	margin-bottom: 20px;
	padding: 15px;
	/* border: 1px solid #e8e8e8; */
	border-radius: 4px;
	background-color: #FFFFFF;
}

.user-card .el-avatar {
	margin-bottom: 10px;
}

.fatie .el-button {
	background-color: #0F4A90;
	/* 自定义基础背景色 */
	border-color: #0F4A90;
	/* 边框颜色与背景色一致 */
	color: #ffffff;
	/* 文字颜色 */
}

/* 基础按钮hover状态 */
.fatie .el-button:hover {
	background-color: #0F4A90;
	/* hover时稍深一点 */
	border-color: #0F4A90;
	color: #ffffff;
}
.el-button {
	background-color: #0F4A90;
	/* 自定义基础背景色 */
	border-color: #0F4A90;
	/* 边框颜色与背景色一致 */
	color: #ffffff;
	/* 文字颜色 */
}

/* 基础按钮hover状态 */
.el-button:hover {
	background-color: #0F4A90;
	/* hover时稍深一点 */
	border-color: #0F4A90;
	color: #ffffff;
}
.tiwen {}

.tiweninner {
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	padding: 24px 14px;
}

.addtiw {
	width: 34px;
	height: 34px;
}


.shuxian {
	width: 1px;
	height: 44px;
	background-color: #EEEEEE;
}

.user-stats {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.user-stats span {
	font-weight: 400;
	font-size: 14px;
	color: #A7A7A7;
}

.user-stats>div {
	margin: 0 15px;
}

.user-stats .number {
	font-size: 22px;
	color: #1C1C1C;


}

.post-btn {
	width: 80%;
	margin: 10px 0;
	background-color: #0F4A90;
}

.ask-btn {
	display: block;
	text-align: center;
	margin-top: 10px;
}

.hot-posts {
	/* margin-top: 20px; */
	background-color: #FFFFFF;
	/* border: 1px solid #e8e8e8; */
	border-radius: 4px;
	padding: 15px;
}

.hot-posts h3 {
	margin-bottom: 10px;
}

.lehot_tie {
	border-top: 1px solid #E5E5E5;
	padding: 15px 0;
}

.lehot—img {
	width: 100px;
	height: 70px;
	border-radius: 4px;
}

.post-info {
	margin-left: 10px;
	height: 70px;
}

.post-title {
	font-weight: bold;
	margin-bottom: 5px;
}

.post-time {
	color: #999;
	font-size: 12px;
}

.dialog-footer {
	text-align: right;
}

.shuline {
	width: 1px;
	height: 13px;
	background-color: #D8D8D8;
}

.hot-item {
	border-bottom: 1px solid #EAEAEA;
	padding: 28px 0;

}

.hotfeng {
	width: 178px;
	height: 110px;
	border-radius: 4px;
}

.hot-info {
	margin-left: 10px;
	height: 110px;
	width: 100%;
}

.hot—title {
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 700;
	font-size: 18px;
	color: #2B2735;
}


.hotava {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.hot-ats {
	font-weight: 400;
	font-size: 14px;
	color: #959595;
}












/* Margin Top 工具类 */
.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

/* Margin Bottom 工具类 */
.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

/* Margin Left 工具类 */
.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-30 {
	margin-left: 30px;
}

.ml-35 {
	margin-left: 35px;
}

.ml-40 {
	margin-left: 40px;
}

/* Margin Right 工具类 */
.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-35 {
	margin-right: 35px;
}

.mr-40 {
	margin-right: 40px;
}

/* Padding 工具类 */
.p-5 {
	padding: 5px;
}

.p-10 {
	padding: 10px;
}

.p-15 {
	padding: 15px;
}

.p-20 {
	padding: 20px;
}

.p-25 {
	padding: 25px;
}

.p-30 {
	padding: 30px;
}

.p-35 {
	padding: 35px;
}

.p-40 {
	padding: 40px;
}

/* Padding Top 工具类 */
.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-25 {
	padding-top: 25px;
}

.pt-30 {
	padding-top: 30px;
}

/* Padding Bottom 工具类 */
.pb-5 {
	padding-bottom: 5px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-30 {
	padding-bottom: 30px;
}

/* Padding Left 工具类 */
.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 25px;
}

.pl-30 {
	padding-left: 30px;
}

/* Padding Right 工具类 */
.pr-5 {
	padding-right: 5px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 25px;
}

.pr-30 {
	padding-right: 30px;
}