body{
	background-color:var(--default-main-content-bg-color);
}
.bannar-div{
	width:100%;height:280px;
	text-align: center;overflow:hidden;
	background-image: url(../img/wenda_slide.jpg);
	background-color: rgb(19, 25, 41);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.bannar-info{
	position: relative;color:#FFFFFF;height:100%;
	text-align: left;padding:70px 50px;
}
.bannar-info h3{
	font-size: 40px;
	font-weight: 400;
}
.bannar-info p{
	margin-top:30px;
	font-size:16px;
}

.header-menu{
	height:auto;overflow: hidden;background-color:#FFFFFF;
	border-bottom:1px solid var(--default-content-bg-color);
	/*box-shadow:0px 1px 20px 0px rgba(0, 0, 0, 0.3);*/
}	
.wenda-menu-ul{
	display:block;
}
.wenda-menu-ul li{
	display:block;float:left;width:10.5rem; /* 147px */
}
.wenda-menu-ul li:last-child{
	width:151px;
}
.wenda-menu-ul li a{
	display:block;width:100%;padding:20px;text-align:center;
	text-decoration: none;
}
.wenda-menu-ul li a h4{
	color:var(--default-a-color);font-size:14px;
	/* font-weight: 500; */
}
.wenda-menu-ul li a span{
	font-size:12px;color:#999;
}
.wenda-menu-ul li a span::after{
	content: '»';
	display: inline-block;
	vertical-align: 0;
	margin-left: 4px;
	width: 4px;
	height: 8px;
}
.wenda-menu-ul li a:hover{
	background-color:#fcfcfc;
}
.wenda-menu-ul li img{
	width: 33px;
}
.fbbs-action-div{
	height:40px;line-height:40px;margin-bottom:5px;
	/* border-bottom: 1px solid var(--default-content-bg-color);
	margin-bottom:30px; */
}
.fbbs-action-div .blue-a-button{
	position: relative;bottom:5px;
	box-shadow: rgba(60, 180, 230, 0.12) 0px 0.214285rem 0.357142rem 0px;
}
.fbbs-action-ul{
	display:block;float:right;
}
.fbbs-action-ul li{
	display:block;float:left;width:auto;margin-left:20px;position: relative;
	width:auto;
}
.fbbs-action-ul li::after{
	display: block;
	padding: 0 0.357142rem;
	content: "/\00a0";
	color: #ccc;
	position: absolute;
	right: -21px;
	top: 0;
}
.fbbs-action-ul li:last-child::after{
	display:none;
}
.fbbs-action-ul li a{
	color:var(--default-a-color);text-decoration: none;
}
.fbbs-action-ul li a.checked{
	color:var(--st-light-blue);
}
.fbbs-section{
	border-bottom:1px solid var(--default-content-bg-color);
	padding-bottom:30px;margin-bottom:30px;
}
.fbbs-section:last-child{
	border:0px;padding:0px;margin:0px;
}
.fbbs-header{
	height:50px;position: relative;
}
.fbbs-header a{
	text-decoration: none;
}
.fbbs-header h3 {
	display: block;float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color:var(--default-a-color);
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	margin-left:15px;
	width: 90%;
	white-space: nowrap;
}
.fbbs-header .post-num{
	display: block;float:left;
	box-sizing: border-box;
	padding: 5px 5px 0;
	width: 46px;
	height: 46px;
	border-radius: 2px;
	background-color: #E1EEFA;
	line-height: 1.2;
	color: var(--default-a-hover-color);
	text-align: center;
	cursor: pointer;
	/* box-shadow: 0 0 0.142857rem 0 rgba(0,0,0,0.1); */
	transition: all .1s;
}
.fbbs-header .post-num span:first-child{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
}
.fbbs-header .post-num span:last-child{
	font-size:12px;
}
.fbbs-header .tags-list{
	position:absolute;bottom:-8px;left:60px;min-height:30px;width:680px;
}
.fbbs-header .tags-list a{
	font-size:12px;color:var(--default-small-a-color);width: auto;
}
.fbbs-header .tags-list a::after{
	display:inline-block;width:10px;text-align:center;content:"、";
}
.fbbs-header .tags-list a:last-child::after{
	display:none;
}
.fbbs-header .tags-list a:hover{
	color:var(--default-a-hover-color);
}
.fbbs-header .tags-list .icon-tags{
	display:inline-block;width:15px;height:15px;
	background:url(../img/icon_tag.svg);background-size:cover;
	position: relative;top:3px;
}
.fbbs-header .title-a:hover h3{
	color:var(--default-a-hover-color);
}
.fbbs-header .title-a:hover .post-num{
	background-color:var(--default-a-hover-color);
	box-shadow: rgba(0, 0, 0, 0.12) 0px 0.214285rem 0.357142rem 0px;
}
.fbbs-header .title-a:hover .post-num span{
	color:#FFFFFF;
}
.fbbs-footer{
	width:100%;height:auto;background-color:#fcfcfc;
	padding:20px;margin-top:18px;
}
.fbbs-footer:hover{
	box-shadow:#ccc 0 0 10px;
}
.fbbs-footer .user-a{
	display:inline-block;float:left;height:20px;width:auto;text-decoration: none;
}
.fbbs-footer .user-a img{
	width:20px;height:20px;
	border-radius: 1px;
}
.fbbs-footer .user-a span{
	color:var(--default-a-next-color);position: relative;bottom:5px;left:3px;
}
.fbbs-footer span.best-answer{
	background-color:var(--st-pink);color:#FFFFFF;display:inline-block;float:left;
	font-size:12px;padding:0 5px;margin-left:10px;border-radius: 1px;
}
.fbbs-footer span.time-span{
	display:inline-block;float:right;color:var(--default-a-next-color);
	font-size:12px;
}
.fbbs-footer>p{
	width:100%;max-height:40px;line-height: 1.5;overflow: hidden;
	margin:10px 0;font-size:14px;color:var(--default-a-color);
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.fbbs-footer .action-button-div{
	width:100%;height:auto;margin-top:15px;
}
.fbbs-footer .action-button-div .button-a{
	padding:5px 10px;text-decoration: none;
	font-size:12px;margin-right:10px;
	color:var(--default-a-next-color);
	/* background-color:#ccc; */
}
.fbbs-footer .action-button-div .button-a:hover{
	background-color:var(--default-a-hover-color);border-radius: 2px;
	color:#FFFFFF;
}
.fbbs-footer .action-button-div .button-a span{
	margin-left:3px;
}
.fbbs-footer .action-button-div .button-a i{
	font-size:16px;
	/*display:inline-block;width:15px;height:15px;*/
	/*position: relative;top: 3px;right: 3px;*/
}
.fbbs-footer .action-button-div .button-a i.icon_collect{
	background:url(../img/icon_collect.png) no-repeat center center;background-size:15px;
}
.fbbs-footer .action-button-div .button-a i.icon_zan{
	background:url(../img/icon_zan.png) no-repeat;background-size:14px 14px;
	background-position: top;
}
.fbbs-footer .action-button-div .button-a i.icon_share{
	background:url(../img/icon_share.png) no-repeat center center;background-size:15px;
}
.fbbs-footer .action-button-div .button-a i.icon_comment{
	background:url(../img/icon_comment.png) no-repeat center center;background-size:15px 15px;
}

/* 活跃用户 */
.hot-user-ul{
	display:block;width:100%;
}
.hot-user-ul>li{
	display:block;width:100%;height:50px;line-height:50px;
	border-bottom:1px solid var(--default-content-bg-color);
}
.hot-user-ul>li:last-child{
	border:0px;
}
.hot-user-ul>li:hover{
	/* background: linear-gradient(to right,rgba(60, 180, 230,0),rgba(60, 180, 230,.05) 15%,rgba(60, 180, 230,.05) 85%,rgba(60, 180, 230,0)); */
	background: linear-gradient(to right,rgba(243,245,249,0),rgba(243,245,249,100) 15%,rgba(243,245,249,100) 85%,rgba(243,245,249,0));
}
.hot-user-ul>li .user-order{
	float:left;width:25px;text-align: center;color:var(--st-light-blue);position: relative;
	/*font-weight:bold;*/
}
.hot-user-ul>li:nth-child(1) .user-order,.hot-user-ul>li:nth-child(2) .user-order,.hot-user-ul>li:nth-child(3) .user-order{
	color:var(--st-pink);
}
.hot-user-ul>li:nth-child(1) .user-order::after,.hot-user-ul>li:nth-child(2) .user-order::after,.hot-user-ul>li:nth-child(3) .user-order::after{
	display:block;content:"";width:5px;height:5px;border-radius: 5px;
	background-color:var(--st-pink);
	position: absolute;bottom:10px;left:10px;
}

.hot-user-ul>li .user-info{
	display:inline-block;float:left;height:20px;width:auto;text-decoration: none;
	position: relative;top:5px;left:10px;
}
.hot-user-ul>li .user-info img{
	width:20px;height:20px;
	border-radius: 1px;
}
.hot-user-ul>li .user-info span{
	color:var(--default-a-next-color);position: relative;bottom:5px;left:3px;
}
.hot-user-ul>li .user-answer-num{
	float:right;font-size:13px;color:var(--default-a-next-color);position: relative;
}
.hot-user-ul>li .user-answer-num::before{
	display:inline-block;width:20px;height:20px;content:"";
	position: relative;right:5px;top:5px;
	background:url(../img/icon_answer.svg);
	background-size: cover;
}
.hot-user-ul>li .user-answer-num span{
	margin:0 3px;
}

	/* 热门问题 */
.hot-info-ul{
	display:block;margin-top:10px;
}
.hot-info-ul>li{
	display:block;height:auto;overflow: hidden;padding-bottom:10px;
	border-bottom:1px solid var(--default-content-bg-color);margin-bottom:10px;
}
.hot-info-ul>li:last-child{
	border:0px;margin-bottom:0px;
}
.hot-info-ul>li a{
	text-decoration: none;color:var(--default-a-color);
}
.hot-info-ul>li .info-order{
	width:25px;height:25px;background-color:#E1EEFA;line-height:25px;
	text-align: center;color:var(--default-a-hover-color);float:left;
	position: relative;top:3px;
}
.hot-info-ul>li .info-div{
	width:285px;float:right;
}
.hot-info-ul>li .info-div h4{
	width:100%;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom:10px;
	font-weight:normal;
	white-space: nowrap;
}
.hot-info-ul>li .info-div .tag{
	padding:1px 5px;background-color:#999;color:#FFFFFF;
	float:right;font-size:13px;
}
.hot-info-ul>li .info-div .tag-ok{
	background-color: var(--default-a-hover-color);
}
.hot-info-ul>li .info-answer-num {
	float: left;
	height:25px;line-height:20px;
	font-size: 13px;
	color: var(--default-a-next-color);
	position: relative;
	bottom:2px;
}
.hot-info-ul>li .info-answer-num::before {
	display: inline-block;
	width: 20px;
	height: 20px;
	content: "";
	position: relative;
	right: 5px;
	top: 5px;
	background: url(../img/icon_answer.svg);
	background-size: cover;
}
.hot-info-ul>li a:hover h4{
	color:var(--default-a-hover-color);
}