@charset "utf-8";
/* CSS Document */
.commentlist-search{
	width:auto;
	overflow: hidden;
	padding: 10px;
	background-color:#FFF;
}
.commentlist-search ul{
	box-shadow: #eee 0px 0px 10px 2px;
	border-radius: 10px;
	padding: 10px;
	overflow: hidden;
}
.commentlist-search ul li{
	width:31%;
	float:left;
	margin-right:5px;
	white-space:nowrap; 
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.commentlist-search ul li img{
	vertical-align:middle;
}
.commentlist-search ul li select{
	width:100%;
	height:30px;
	border-color:#ccc;
	border-radius: 5px;
}


.commentBox {
	padding:0;
	overflow: hidden;
	font-size:.75rem;
	background-color:#FFC559;
}
.commentBox .commentlist-row{
	width:100%;
	padding:10px;
	font-size:14px;
	margin:0 auto 2px auto;
	background-color:#FFF;
}
.commentBox .commentlist-row label{color:#999;}
.commentBox .commentlist-row p{
	padding-left:6px;
	letter-spacing:1px;
}

.commentBox .commentlist-row p>img{vertical-align:bottom;}
.commentBox .commentlist-row p.img img{
	margin:6px 6px 0 6px; max-width:30%;max-height:120px;border-radius: 5px;
}

.commentBox .commentlist-row div.tou{
	padding:5px 8px 10px 8px;
	/*box-shadow: #ccc 0px 0px 10px 2px;*/
	border-radius: 10px;
	/*background-color:#FaFaFa;*/
	
	background: linear-gradient(to bottom, #efefef, #fff)
}
.commentBox .commentlist-row div.tou dd{
	float:left;
	margin-right:5px;
	height:100%;
}
 
 
.commentBox .commentlist-row div.tou p b a,span a{
	color:#4784F9;
	font-size:14px;
}
 
.commentBox .commentlist-row div.tou img{
	width:3rem;
	height:3rem;
	border-radius:50%;
	vertical-align:middle;
	border:1px solid #efefef;
}

.commentBox .commentlist-row div.tou span {
	display: inline-block;
	color: #999;
}

.commentBox .commentlist-row>ul{
	margin-top:8px;
	letter-spacing:1px;
	padding-left:5px;
	
}
 
.commentBox .commentlist-row>ul>li{
	width:50%;
	text-indent:12px;
	float:left;
}

.commentBox .commentlist-row>ul>li def{
	color:#FFA500;
}

.commentBox .commentlist-row .operate{
	text-align:center;
	width:100%;
	height:30px;
}
.commentBox .commentlist-row .operate dd{
	display:inline-block;
	margin:10px 5px 5px 5px;
	height:22px;
	line-height:22px;
	padding:0 20px;
	border:1px solid #CCC;
	border-radius:5px;
}


 

.commentBox .commentlist-row div.replay{
	width:100%;
	color:#666;
	margin-top:20px;
}

.commentBox .commentlist-row div.replay .detail{
	margin:5px 2px 5px 40px;
	border:1px dashed #CCC;
	border-radius:.5rem;
	border-bottom:0;
}

.commentBox .commentlist-row div.replay .detail li{
	margin:0;
	padding:5px;
	border-bottom:1px dashed #CCC;
}

.commentBox .commentlist-row div.replay .detail li a{
	color:#666;
	font-size:.7rem;
}
 
.commentBox .commentlist-row div.replay .detail li .tou img{
	border-radius: 50%;
	width:2rem;
	height:2rem;
	float:left;
	vertical-align:middle;
	margin:3px 10px 0px 5px;
}

.commentBox .commentlist-row div.replay .detail li div p{
	line-height:20px;
}

.commentBox .commentlist-row div.replay .detail li div p.block{color:#999; margin:5px 0 3px 0;}
.commentBox .commentlist-row div.replay .detail li p b a{
	color:#0099FF;
}
.commentBox .commentlist-row div.replay .detail li p>a.old{clear:both;color:#999; text-decoration:underline;margin-left:10px;font-size:12px;}
.commentlist-li-bg{ background-color:#F3F8FE;border-radius:10px; padding:10px;}




.block a{
	display:inline-block;
	margin:0 10px;
	float:right;
	color:#999;
}

.red{color:#F00;}
.blue{color:#00F;}