.user_sign{
	border:1px dashed #ddd;
	border-left:3px solid #27BBBF;
	background:#F5F5F5 url(../haibao_style/default/haibao_hua.png);
	background-size:200px 100px;
	margin:20px 0;
	padding:10px;
	max-height:50px;
	overflow: hidden;
}
.user_sign a{
	color:#bbb;
}


/*相关主题开始*/
.ListMoreTitle{
	display:table;
	width:100%;
	min-height:50px;
}
.ListMoreTitle .ltile{
	display:table;	
	width:47%;
	padding-right:15px;
	float:left;
	height:23px;
	margin-top:13px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}
.tag_more a{
	font-size:13px;
	margin-left:10px;
}
.content_act>div{
	padding-left:15px;
}
.content_act>div:last-child{
	padding-left:0px;
}



/*弹层回复相关*/
.replayBox{
	text-align:center;
	position: relative;
}
.replayBox_upfile{
	position: absolute;
    right: 30px;
    bottom:45px;	
}
.replayBox_upfile i{
	position: relative;
	font-size:25px;
	color:#b1b1b1;
	margin-left:8px;
}
.replayBox_upfile .choose_num{
	position: absolute;
    right: -4px;
	top:-4px;
	background:orange;
	padding:1px 2px;
	color:#fff;
	font-size:14px;
	display:none;
}

.ueditor .replayBox_upfile{
	right: 5px;
    bottom:10px;	
}
.bbs_have_fav{
	color:#26a8da;
}
.bbs_have_fav span{
	color:#fff;
}
.bbs_have_fav em{
	color:#b99f40;
}
.content_act .bbs_have_fav span{
	background: #dcc982;
}

/*分享框样式*/
.SharBox{
	float: right;
	position: relative;
}
.SharBox dt{
	text-align: right;
	line-height: 30px;
	font-size: 16px;
	color: #888;
	cursor: pointer;
}
.SharBox dt span{
	display: inline-block;
	margin-right: 20px;
}
.SharBox dt span:first-child{
	cursor: pointer;
}
.SharBox dt i{
	color: #378FB3;
	font-size: 18px;
	margin-right: 5px;
}
.SharBox dd{
	position: absolute;
	background: #FFF;
	width: 200px;
	box-shadow: 0px 0px 2px #666;
	right: 0px;
	top: 35px;
	border-radius: 5px;
	text-align: center;
	padding: 20px 0px;
	display: none;
	z-index: 1000;
}
.SharBox dd .bshare-custom{
	padding: 0 10px;
}
.SharBox dd .bshare-custom a{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 5px;
	line-height: 30px;
	font-size: 20px;
	color: #666;
	text-decoration: none;
	transition: all 0.3s ease;
}
.SharBox dd .bshare-custom a:hover{
	opacity: 0.8;
	transform: scale(1.1);
}
.SharBox dd .exit{
	position: absolute;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background: #CCC;
	color: #FFF;
	top: -8px;
	right: -8px;
	cursor: pointer;
	border-radius: 50%;
	transition: background 0.3s ease;
}
.SharBox dd .exit:hover{
	background: #F60;
}

/*内容展示区域样式*/
.content_html{
	margin: 20px 0;
}

.grid{
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

.x7.big-wuhuang.large-x9{
	width: 100%;
	max-width: 1200px;
}

#div.bg-lightwuhuang.padding-large.radius-big{
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 20px;
}

/*背景图标样式*/
.bjimg{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.bjimg img{
	width: 80px;
	height: auto;
}

/*类目容器样式*/
.leimu{
	display: flex;
	position: relative;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

/*左侧图片区域*/
.leimu .pic{
	flex: 0 0 200px;
	padding: 20px;
	background: #f8f9fa;
}

.leimu .pic p{
	margin: 0;
	padding: 0;
	text-align: center;
}

.leimu .pic img{
	width: 200px;
    height: 170px;
    line-height: 200px;
    border-radius: 0.5rem;
    float: left;
    margin-right: 1.5rem;
}

/*右侧信息区域*/
.leimu .flie{
	flex: 1;
	padding: 20px 25px;
}

.leimu .flie > div:first-child{
	margin-bottom: 20px;
	border-bottom: 2px solid #f0f0f0;
	padding-bottom: 15px;
}

.leimu .flie h2{
	margin: 0 0 15px 0;
	font-size: 24px;
	font-weight: 600;
	color: #333;
	line-height: 1.4;
}

.leimu .flie h2:hover{
	color: #378FB3;
	cursor: pointer;
}

.leimu .flie i.jb_cofo{
	color: #999;
	font-size: 14px;
	margin-right: 15px;
}

.leimu .flie i.jb_cofo span{
	color: #666;
}

.leimu .flie .margin-ri.manage_topic.wuhuang-large{
	float: right;
	color: #378FB3;
	cursor: pointer;
	font-size: 14px;
}

.leimu .flie .margin-ri.manage_topic.wuhuang-large:hover{
	color: #2a6a8a;
}

/*详细信息区域*/
.leimu .flie .nron{
	margin-top: 15px;
}

.leimu .flie .nron p{
	margin: 12px 0;
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 1.6;
}

.leimu .flie .nron p span{
	display: inline-block;
}

.leimu .flie .nron p i{
	color: #666;
	font-style: normal;
	margin-right: 5px;
}

.leimu .flie .nron .zanw{
	flex: 1;
	color: #666;
}

.leimu .flie .nron .zans{
	flex: 1;
	color: #666;
}

.leimu .flie .nron .zansb{
	flex: 1;
	color: #666;
}

.leimu .flie .nron .zansbb{
	flex: 1;
	text-align: right;
}

.leimu .flie .nron a{
	color: #378FB3;
	text-decoration: none;
	margin-right: 15px;
	transition: color 0.3s ease;
}

.leimu .flie .nron a:hover{
	color: #2a6a8a;
	text-decoration: underline;
}

.leimu .flie .nron a i{
	margin-right: 3px;
}

/*点击直达按钮*/
.djzd{
	display: inline-block;
	padding: 6px 15px;
	background: linear-gradient(135deg, #378FB3 0%, #2a6a8a 100%);
	color: #fff !important;
	border-radius: 4px;
	font-size: 14px;
	transition: all 0.3s ease;
}

.djzd:hover{
	background: linear-gradient(135deg, #2a6a8a 0%, #1e4d63 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(55, 143, 179, 0.3);
	text-decoration: none !important;
}

/*修复HTML中的apan标签错误（应为span）*/
.apan{
	display: inline-block;
}

.apan.zansbb{
	flex: 1;
	text-align: right;
}

/*打赏列表样式*/
.showdsBox{
	margin: 20px 0;
	padding: 15px;
	border-radius: 8px;
	display: block !important;
	width: 100% !important;
	overflow: visible !important;
}

.showdsBox dl{
	margin: 0;
	padding: 0;
	position: relative;
	padding-right: 40px;
	overflow: visible;
}

.showdsBox dt{
	margin: 0;
	padding: 0;
	display: block !important;
	overflow: visible;
}

.showdsBox dt a{
	display: inline-flex !important;
	align-items: center;
	margin: 8px 10px 8px 0;
	padding: 8px 12px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	text-decoration: none;
	color: #666;
	font-size: 13px;
	transition: all 0.3s ease;
	float: left;
	line-height: 30px;
	white-space: nowrap;
}

.showdsBox dt a:hover{
	background: #f0f0f0;
	border-color: #378FB3;
	color: #378FB3;
	transform: translateY(-2px);
	box-shadow: 0 2px 6px rgba(55, 143, 179, 0.2);
}

.showdsBox dt a span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 30%;
	position: relative;
	flex-shrink: 0;
}

.showdsBox dt a span img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	border-radius: 30%;
}

.showdsBox dt a em{
	font-style: normal;
	color: #F56144;
	font-weight: 600;
	margin: 0 3px;
}

.showdsBox dt a label{
	color: #999;
	font-weight: normal;
	font-size: 12px;
}

/*确保RMB打赏列表显示*/
.topic_reword_pc001{
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/*积分打赏列表特殊样式*/
.showdsBox dt a em:last-child{
	color: #378FB3;
}

.showdsBox dt a label:last-child{
	color: #999;
}

/*特别提示框样式*/
.margin-top{
	margin-top: 20px;
}

.border{
	border: 1px solid #ddd;
}

.border-dashed{
	border-style: dashed;
}

.size-mini{
	font-size: 13px;
}

.text-gray{
	color: #666;
}

.padding{
	padding: 15px;
}

.radius-big{
	border-radius: 8px;
}

.pad_top{
	padding-top: 10px;
}

/*特别提示框组合样式*/
.margin-top .border.border-dashed.size-mini.text-gray.padding.radius-big.pad_top{
	background-color: #fff8f0;
	border-color: #F56144;
	line-height: 1.8;
}

.margin-top .border.border-dashed.size-mini.text-gray.padding.radius-big.pad_top b{
	color: #F56144;
	font-weight: 600;
}

.margin-top .border.border-dashed.size-mini.text-gray.padding.radius-big.pad_top span{
	font-weight: 500;
}

/*响应式设计*/
@media (max-width: 768px){
	.leimu{
		flex-direction: column;
	}
	
	.leimu .pic{
		flex: none;
		width: 100%;
		text-align: center;
	}
	
	.leimu .pic img{
		max-width: 120px;
	}
	
	.leimu .flie{
		padding: 15px;
	}
	
	.leimu .flie h2{
		font-size: 20px;
	}
	
	.leimu .flie .nron p{
		flex-direction: column;
		align-items: flex-start;
	}
	
	.leimu .flie .nron .zanw,
	.leimu .flie .nron .zans,
	.leimu .flie .nron .zansb,
	.leimu .flie .nron .zansbb{
		flex: none;
		width: 100%;
		margin-bottom: 8px;
	}
}