
.pinglun{margin-bottom:30px;}
/*box*/
.boxTitle{border-bottom:1px solid #e4e4e4;position:relative;margin-bottom:30px;box-shadow:0px 1px 2px #ddd;padding:15px 12px;}
.boxTitle .name{font-size:16px;line-height:1.5em;margin-right:50px;}
.boxTitle:after{content:'';display:block;width:2px;height:100%;background-color:#fc5531;position:absolute;left:0;bottom:0;}
.boxTitle span{display:block;position:absolute;right:1px;top:50%;transform:translateY(-50%);font-weight:bold;font-size:14px;line-height:24px;overflow:hidden;}
.boxTitle span a{font-weight:normal;color:#888;position:relative;padding-right:10px;font-size:12px;}
.boxTitle span a:after{width:6px;height:6px;border-right:1px solid #888;border-bottom:1px solid #888;content:'';display:block;position:absolute;right:1px;top:50%;transform:rotate(-45deg);margin-top:-4px;}

/*comment*/
#comment{position:relative;overflow:hidden;}
#comment .item{margin-bottom:2%;position:relative;}
#comment label{display:block;font-size:14px;line-height:1.75em;color:#555;margin-bottom:5px;}
#comment label i{font-style:normal;color:#f00;font-size:12px;margin-left:5px;}
#comment .input{border:1px solid #e4e4e4;overflow:hidden;}
#comment .texts{font-size:16px;line-height:30px;padding:6px 6%;width:88%;display:block;border:none;border-radius:3px;color:#555;font-family:'Microsoft Yahei';}
#comment textarea.texts{height:110px;resize:vertical;padding:5px 1.5%;width:97%;}
#comment .inp{width:102%;overflow:hidden;}
#comment .inp .item{float:left;width:31.333%;padding-right:2%;}
#comment .verify{width:130px;float:left;margin-bottom:0;}
#comment .verify img{display:block;cursor:pointer;height:42px;width:auto;position:absolute;left:110%;bottom:0;}
#comment .btn{overflow:hidden;padding-top:30.5px;}
#comment .submit{float:right;background-color:#fc5531;border:none;width:112px;height:40px;color:#fff;font-size:16px;border-radius:3px;cursor:pointer;}
#comment .submit:hover{opacity:.85;}
#cancel-reply{font-size:12px;color:#999;line-height:2em; float: right;
    margin-right: -75px;
    padding-top: 41.5px;}

/*warning*/
.warning{font-size:12px;color:#999;line-height:2em;clear:both;margin-bottom:2%;}
/*commentslist*/
#commentslist{overflow:hidden;}
#commentslist li{position:relative;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #f6f6f6;overflow:hidden;}
#commentslist .avatar{float:left;padding:3px 0;}
#commentslist .avatar img{width:40px;height:40px;display:block;}
#commentslist .info{margin-left:55px;overflow:hidden;display:block;}
#commentslist .meta{overflow:hidden;font-size:12px;line-height:1.35em;color:#999;margin-bottom:10px;}
#commentslist .meta span{display:block;float:left;}
#commentslist .meta time {
    color: #a2a2a2;
    margin-top: 2px;
    width: 100%;
    font-style: normal;
    font-size: 12px;
    float: left;
    margin-left: 0px;
}
#commentslist .meta .reply{float:right;}
#commentslist .meta a{color:#fc5531;font-size:14px;}
#commentslist .name{font-size:16px;font-weight:bold;line-height:1.5em;color:#333;margin-bottom:5px;}
#commentslist .name a{color:#333;}
#commentslist .texts{font-size:14px;line-height:2em;color:#666;}
#commentslist .texts li{margin-left:0;}
#commentslist li li{margin:15px 0 5px 55px;background-color:#f9f9f9;padding:15px;border-bottom:none;}
#commentslist li li li{margin:10px 10px 5px;background-color:#fff;border:1px solid #e5e5e5;}
/*pagenavi*/
#pagenavi{clear:both;font-size:0;line-height:normal;text-align:center;}
#pagenavi a,#pagenavi span.now-page{display:inline-block;font-size:14px;height:32px;line-height:32px;padding:0 12px;background-color:#f1f1f1;color:#888;margin:2px;}
#pagenavi span.now-page,#pagenavi a:hover{background-color:#fc5531;color:#fff;}

@media screen and (max-width:800px){
/*768px*/
	#pagenavi{padding:3% 0 1%;}
	#pagenavi a,#pagenavi span.now-page{font-size:12px;height:28px;line-height:28px;}
	/*768px*/
	#comment .inp{width:auto;}
	#comment .inp .item{float:none;width:auto;padding-right:0;}
	#comment .verify{width:auto;float:none;padding-right:110px;margin-bottom:10px;}
	#comment .verify img{left:auto;right:0;}
	#comment .btn{clear:both;padding:2% 0;overflow:hidden;}
	#comment .submit{height:30px;width:100%;}

	/*768px*/
	#commentslist li{padding-bottom:10px;margin-bottom:10px;}
	#commentslist .avatar img{width:30px;height:30px;}
	#commentslist .info{margin-left:40px;}
	#commentslist .meta{margin-bottom:5px;}
	#commentslist .name{font-size:14px;}
	#commentslist li li{margin:10px 0 5px 40px;padding:10px;}
	#commentslist li li li{margin:5px;}
	#cancel-reply {
    font-size: 12px;
    color: #999;
    line-height: 2em;
    float: right;
    margin-right: -48px;
    padding-top: 35.5px;
}
}