.home-webboard{
	margin-top:10px;
	position:relative;
}

/* forum-topic-main */
.topic-list-item{padding:5px 0;}
.topic-list-item:hover{background:#F8F8F8;}

.topic-list .cate_img,
.topic-list .topic_name,
.topic-list .topic_detail,
.topic-list .topic_user,
.topic-list .topic_view,
.topic-list .topic_comment{
	display:inline-block;
	vertical-align:middle;
}

.topic-list .cate_img{
	width:35px;
}
.topic-list .cate_img i{
	display:block;
	width:35px;
	height:30px;	
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.topic-list .cate_img i.cate_img_34{background-image:url(/images/webboard/wb-topic-mackup.png);}
.topic-list .cate_img i.cate_img_35{background-image:url(/images/webboard/wb-topic-skincare.png);}
.topic-list .cate_img i.cate_img_36{background-image:url(/images/webboard/wb-topic-lifestyle.png);}
.topic-list .cate_img i.cate_img_37{background-image:url(/images/webboard/wb-topic-diet.png);}
.topic-list .cate_img i.cate_img_38{background-image:url(/images/webboard/wb-topic-shop.png);}

.topic-list .topic_name{
	width:235px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle;
}
.topic-list .topic_detail{
	width:200px;
	text-align:right;
	vertical-align:middle;
}
.topic-list .topic_user{
	color:#777;
	font-size:12px;
	text-align:right;
	padding:0 5px;
}
.topic-list .topic_user a{
	display:inline-block;
	width:85px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:top;
}
.topic-list .topic_view,
.topic-list .topic_comment{
	color:#777;	
	font-size:12px; 
	padding:0 5px;
	width:50px;
	text-align:left;
}
.topic-list .topic_view i,
.topic-list .topic_comment i{
	color:#cccccc; font-size:16px;
}

@media screen and (max-width:1200px){
.topic-list .topic_name{width:250px;}
.topic-list .topic_detail{width:300px;}
}
@media screen and (max-width:992px){
.topic-list .topic_name{width:330px;}
.topic-list .topic_detail{width:340px;}
}
@media screen and (max-width:767px){
.home-webboard{
	display:none;
}
	
.topic-list-item{border-bottom:1px solid #F8F8F8;}
.topic-list-item:hover{background:none;}
.topic-list .topic_name{width:auto; max-width:480px;}
.topic-list .topic_detail{
	display:block;
	width:100%;
}
}
@media screen and (max-width:480px){
.topic-list .topic_name{max-width:280px;}
.topic-list .topic_view,
.topic-list .topic_comment{
	display:none;
}
}
@media screen and (max-width:320px){
.topic-list .topic_name{max-width:230px;}
}
/**/