/*zblog.vip*/
.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:14px;line-height:25px;padding:6px 6%;height: 38px;width:100%;display:block;border:none;margin-bottom: 0px;border-radius:3px;color:#555;font-family:'Microsoft Yahei';}
#comment textarea.texts{height:110px;resize:vertical;padding:5px 1.5%;width:100%;}
#comment .inp{width:102%;overflow:hidden;}
#comment .inp .item{float:left;width:33.333%;padding-right:2%;}
#comment .verify{width:130px;float:left;margin-bottom:0;}
#comment .verify img{display:block;cursor:pointer;height:38px;border-radius: 3px;width:auto;position:absolute;left:110%;bottom:1px;}
#comment .btnn{overflow:hidden;padding-top:30.5px;}
#comment .submit{float:right;  background: #ff756b;border:none;width:112px;height:38px;color:#fff;font-size:14px;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 dl, ol, ul{
    padding-left: 0.3rem;
}/*zblog.vip*/
#commentslist li{position:relative;padding-bottom:15px;margin-bottom:20px;border-bottom: #f2f2f2 1px solid;overflow:hidden;}
#commentslist .avatar{float:left;padding:3px 0;}
#commentslist .avatar img{width:40px;height:40px;display:block;border-radius: 25px;}
#commentslist .info{margin-left:55px;overflow:hidden;display:block;}
#commentslist .meta{overflow:hidden;font-size:12px;line-height:1.35em;color:#999;margin-bottom:5px;}
#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;    right: 8px;
    top: 6px;
    font-size: 12px;}
#commentslist .meta a{color:#6875b3;font-size:12px;}
#commentslist .name{font-size:14px;font-weight:500;line-height:1.5em;color:#333;margin-bottom:1px;}
#commentslist .name a{color:#333;}
#commentslist .texts{font-size:14px;line-height:2em;color:#333;}
#commentslist .texts li{margin-left:0;}
#commentslist li li{margin:15px 0 5px 20px;background-color:#f9f9f9;padding:15px;border-bottom:none; border-radius: 5px;}
#commentslist li li li{margin:10px 10px 5px;background-color:#fff;border:1px solid #f0f2f7;}
/*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:#4dac98;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:1px;margin-bottom:10px;}
	#comment .verify img{left:auto;right:0;margin-top: 5px;display: block;
    cursor: pointer;
    height: 38px;    position: relative;
    width: auto;}
	#comment .btnn{clear:both;padding:2% 0;overflow:hidden;}
	#comment .submit{height:35px;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;
}

.comment-wrap {
    padding: 15px 15px;
}
#comment .texts {
    font-size: 14px;
    line-height: 25px;
    padding: 6px 2%;
    width: 100%;
    display: block;
    border: none;
    border-radius: 3px;
    color: #555;
    font-family: 'Microsoft Yahei';
}
}