.community-qa-container {
   	width: 1200px;
   	margin: 26px auto;
   	display: flex;
   	padding-bottom: 200px;

   }

   .left-section {
   	width: 70%;
   	margin-right: 20px;

   }

   .chamore {
   	width: 100%;
   	height: 45px;
   	background: #F7F7F7;
   	border-radius: 0px 0px 0px 0px;
   }

   .shequmd {}

   .shehuiwenda {
   	padding: 20px;
   	background-color: #FFFFFF !important;
	border-radius: 4px;
   }

   .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;
   }
   
   .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;
   }

   .hot-content {}

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

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