﻿.WapCommentBox{
	height:auto;
	margin-top: 50px;
	padding: 10px;
	font-size: 14px;
}
.WapCommentBox .head{
	height:40px;
	line-height: 40px;
	background: #FFF;
	overflow: hidden;
	margin-bottom: 10px;
}
.WapCommentBox .head .tag{
	float: left;
	font-size: 18px;
}
.WapCommentBox .head .more{
	float: right;
}
.WapCommentBox .head .more button{
	line-height: 38px;
	padding: 0 15px;
	border:solid #F30 1px;
	background:#3F404C;
	color:#FFF;
}
/*.WapCommentBox .ina_bt i{
	line-height:35px;
	color:#4391EA;
}*/

.WapCommentBox .ListComment .lists{
	display: table;
	width: 100%;
}
.WapCommentBox .ListComment .lists .icon,.WapCommentBox .ListComment .lists .infos{
	display: table-cell;
	padding: 10px 0 10px 0;
	vertical-align: top;
}
.WapCommentBox .ListComment .lists .icon{
	width:35px;
	height:35px;
	padding-right: 10px;
}
.WapCommentBox .ListComment .lists .icon img{
	width:35px;
	height:35px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px #ddd;
}
.WapCommentBox .ListComment .lists .infos dl{
	display: table;
	width: 100%;
	margin-bottom: 5px;
}
.WapCommentBox .ListComment .lists .infos dl dt,.WapCommentBox .ListComment .lists .infos dl dd{
	display: table-cell;
	vertical-align: middle;
	color: #888;
}
.WapCommentBox .ListComment .lists .infos dl dt a{
	color: #758B99;
}
.WapCommentBox .ListComment .lists .infos dl dd{
	text-align: right;
}
.WapCommentBox .ListComment .lists .infos dl dd span{
	display: inline-block;
	padding-left: 10px;
}
.WapCommentBox .ListComment .lists .repalyinfs{
	background: #fafafa;
	border-radius:8px;
	border-right:none;
	margin-top:5px;
}
.WapCommentBox .ListComment .lists .repalyinfs>div{
	padding:10px;
	line-height: 20px;
	color: #666;
	font-size: 14px;
	border-bottom:1px solid #f5f5f5;
	word-wrap: break-word;
	word-break:break-all;
}
.WapCommentBox .ListComment .lists .repalyinfs div .repayuname{
	height:20px;
	line-height:20px;
	color:#758B99;
	display:block;
}
.WapCommentBox .ListComment .lists .repalyinfs div a{
	color:#758B99;
}
.WapCommentBox .ListComment .lists .infos .comment{
	line-height: 20px;
	color:#333;
	text-indent:2rem;
}
.WapCommentBox .ListComment .lists .repalyinfs div .repalyico{
	width:20px;
	height:20px;
	line-height:20px;
	padding-right:5px;
	display:inline-block;
	margin:-0px 5px 5px 0px;
	float:left;
}
.WapCommentBox .ListComment .lists .repalyinfs div .repalyico img{
	width:25px;
	height:25px;
	border-radius: 50%;
	box-shadow: 1px 1px 1px #ddd;
	float:left;
}
.PostCommentBox{
	text-align: center;
}
.PostCommentBox textarea{
	width: 92%;
	padding: 1%;
	height: 80px;
	margin: 8px auto;
	border: 1px solid #4398ed;
	border-radius:5px;
	background: rgba(180,212,228,.3);
	box-shadow: -1px 0px 3px #fff;
}
.layui-layer-title {
	color: #fff;
    background-color: #0061ba;
}
.PostCommentBox button{
	padding:0px 20px;
	border: #4398ed solid 1px;
	background: #4398ed;
	color: #999;
	margin: 0 5px;
	border-radius: 8px;
	cursor: pointer;
}
.PostCommentBox button:nth-child(1){
	color: #fff;
	background:#0061ba;
}
.ShowMoreComment{
	text-align: center;
	padding: 10px;
}
.ShowMoreComment button{
	padding: 5px 10px;
	color: #999;
}
.PostCommentBox1 ol{
	position: relative;
	padding-left: 50px;
}
.PostCommentBox1 ol i{
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background:#fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top:0;
	font-size: 30px;
	color:#4398ed;

}
.PostCommentBox1 ol img{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 50px;
	background:#fff;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top:10px;
	font-size: 30px;
	color: #ddd;
	box-shadow: 1px 0px 8px #ddd;
}
/*.PostCommentBox1 ol i:hover{
	border:1px solid #ED4040;
	color: #4398ed;
}*/
.PostCommentBox1 ol textarea{
	border:1px solid #4398ed;
	width: 95%;
	padding: 2%;
	height:auto;
	min-height:60px;
	margin-top:10px;
	margin-left: 10px;
	border-radius:5px;
	outline: none;
}
.PostCommentBox1 ol .textarea_brands{
	border:#4398ed solid 1px;
	width: 97%;
	padding: 2%;
	height:auto;
	min-height:50px;
	border-radius:5px;
	box-shadow:2px 5px 2px #4398ed;
	outline: none;
	color:#333;
	background: #fff url(../index/qiyun/images/brandslogo2.png) no-repeat center;
	filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.60;
}
.PostCommentBox1 li{
	text-align: right;
	padding-right: 0.12%;
}
.PostCommentBox1 li span,.PostCommentBox1 li button{
	display: inline-block;
	margin-top: 0px;
	line-height: 30px;
	padding: 0 25px;
	font-size: 16px;
	background:#FF8047;
	color: #FFF;
	cursor: pointer;
	border:0px;
}
.PostCommentBox1 li button{
	background:#2771ce;
	width:128px;
	border-radius:8px;
	
}
.PostCommentBox1 li button:hover{
	background: #d00;
}

.WapCommentBox .ina_comment{width:800px;padding:20px 0 10px 20px;float:left;margin-bottom:30px;border-radius:4px;box-shadow:1px 1px 1px #ccc;}
.WapCommentBox .ina_bt{width:100%;float:left;line-height:30px;}
.ina_bt h3{
	width:100%;float:left;height:30px;overflow:hidden;font-weight:normal;font-size:16px;

	float: left;
    font-size: 20px;
    line-height: 1;
    padding-left:10px;
    background-repeat:no-repeat;
        color: #3753A2;
     background-image: url(../../../images/icon_bg.png);
    background-position: -855px -96px;

}
/*.ina_bt h3 i{width:30px;height:30px;float:left;margin-right:8px;line-height:30px;color:#4391EA;}
.ina_bt h3 i.ina_tuijian{width:20px;background-position:-150px -60px;margin-right:5px;}
.ina_bt h3 i.ina_wzpl{background-position:-180px -60px;}*/
.ina_comment .ina_tjlook{width:880px;float:left;overflow:hidden;margin-top:10px;height:160px;position:relative;}
.ina_comment .ina_tjlook ul{width:896px;float:left;list-style:none;position:absolute;top:0;left:0;display:none;}
.ina_comment .ina_tjlook ul li{width:208px;float:left;padding-right:16px;position:relative;}
.ina_comment .ina_tjlook ul li img{width:100%;height:108px;float:left;border-radius:4px;}
.ina_comment .ina_tjlook ul li span{width:100%;float:left;text-align:center;line-height:30px;font-size:14px;color:#444;height:30px;overflow:hidden;}
.ina_comment .ina_tjlook ul li a:hover img{opacity:0.8;}
.ina_comment .ina_tjlook ul li a:hover span{color:#ff5a60;}
.ina_comment .ina_tjlook ul li em{background:url("jing.png") no-repeat top center;height:25px;left:2px;position:absolute;top:0;width:25px;background-size:25px;}
.ina_comment .ina_tjlook .ina_hdp{width:100%;text-align:center;position:absolute;left:0;bottom:5px;}
.ina_comment .ina_tjlook .ina_hdp a{width:6px;height:6px;border:1px solid #ff5a60;border-radius:100%;margin:0 3px;overflow:hidden;font-size:0;display:inline-block;}
.ina_comment .ina_tjlook .ina_hdp a.cur{background:#ff5a60;}
.WapCommentBox .ina_pldl{width:100%;float:left;margin-top:0px;margin-bottom:30px;background:#fff;}
.ina_pldl textarea{width:800px;height:90px;line-height:30px;border:1px solid #e7e8e9;border-radius:4px;font-size:14px;color:#999;margin-bottom:10px;padding: 5px;}
.ina_pldl .ina_yidl a{background:#ff5a60;color:#fff;float:right;line-height:30px;border-radius:15px;font-size:16px;padding:0 20px;}
.ina_pldl .ina_yidl span{float:left;font-size:12px;color:#333;}
.ina_pldl .ina_yidl span b{font-weight:normal;color:#ff5a60;}
.ina_pldl .ina_nodl{width:800px;padding:20px 0;text-align:center;border-radius:4px;float:left;border: 1px solid #e7e8e9;}
.ina_pldl .ina_nodl:hover{background-color: #f7f8f9}
.ina_pldl .ina_nodl p{width:100%;float:left;text-align:center;font-size:16px;color:#C2C2C2;line-height:20px;}
.ina_pldl .ina_nodl p a{line-height:30px;display:inline-block;margin:30px 5px 0;font-size:14px;color:#ff5a60;padding:0 15px;}
.ina_pldl .ina_nodl p a.ina_cur{background:#ff5a60;color:#fff;border-radius:15px;font-size:16px;}
