.post-comment { position: relative; overflow: hidden; margin-top: 20px;  padding: 20px;  background-color: #fff;}
/*comment*/
#comment { position: relative; overflow: hidden; margin-top: 20px; }
#comment .avatar { float: left; padding: 15px 0; }
#comment .avatar img { width: 40px; height: 40px; border-radius: 50%; display: block; object-fit: cover; }
#comment .form { margin-left: 55px; overflow: hidden; }
#comment .item { margin-bottom: 2%; position: relative; padding: 2px;}
#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; border-radius: 3px; }
#comment .text { font-size: 14px; line-height: 24px; padding: 5px 5%; width: 100%; display: block; border: none; border-radius: 3px; color: #555; }
#comment textarea.text { 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; }
#comment .verify img { display: block; cursor: pointer; height: 34px; width: auto; position: absolute; left: 110%; bottom: 2px;border-radius: 3px; }
#comment .warning { font-size: 14px; color: #999; line-height: 2em; clear: both; }
#comment .btns { padding-top: 35px; float: right; }
#comment .submit { background-color: #F04848; border: none; width: 100px; height: 35px; color: #fff; font-size: 14px; border-radius: 3px; cursor: pointer; -webkit-appearance:none;}
#comment .submit:hover { background-color: #F55540; }
#cancel-reply { font-size: 14px; color: #999; line-height: 2em;padding-left: 10px; }
/*boxTitle*/
.boxTitle { font-size: 18px; font-weight: normal; color: #333; line-height: 30px; border-bottom: 1px solid #e3eaef; padding-bottom: 5px; margin-bottom: 20px; }
.boxTitle i { font-style: normal; color: #F04848; margin-right: 5px; }
/*commentslist*/
#commentslist { overflow: hidden; }
#commentslist ol, #commentslist ul {
    padding-left: 10px;
}
#commentslist li { position: relative; padding: 20px 0; border-bottom: 1px solid #f1f1f1; overflow: hidden; }
#commentslist .avatar { float: left; padding: 5px 0; }
#commentslist .avatar img { width: 40px; height: 40px; display: block; border-radius: 50%; transition: transform 0.3s ease-out 0s; }
#commentslist .avatar img:hover { transform: rotateY(180deg); }
#commentslist .info { margin-left: 55px; overflow: hidden; }
#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 .reply { float: right; }
#commentslist .meta a { color: #F55540; }
#commentslist .name { font-size: 16px; font-weight: bold; line-height: 1.5em; color: #333; margin-bottom: 5px; }
#commentslist .name a { color: #333; }
#commentslist .text { font-size: 14px; line-height: 2em; color: #666; padding: 2px 2%;}
#commentslist .text li { margin-left: 0; }
#commentslist li li { margin: 12px 0 0 32px; padding: 0; border-bottom: none; }
#commentslist li li .box { background-color: #f9f9f9; padding: 15px; }
#commentslist li li li { margin-left: 25px; }
#commentslist #pagenavi { margin-top: 20px; }
/*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:28px;padding:0 12px;color:#636b6f;margin:2px;    background-color: #fff;
    border: 1px solid #ddd;
    border-color: #aca7a7;  border-radius: 3px;}
#pagenavi span.now-page,#pagenavi a:hover{    background-color: #aca7a7;color:#fff;
    border-color: #aca7a7;}
	
.widgetComments {
    border-radius: 3px;
    margin-top: 20px;
    border-top: 0;
    vertical-align: top;
    overflow: hidden;
}
.widgetComments .title {
    display: block;
    background: #fffbfb;
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    font-weight: bold;
    padding: 0 20px!important;
}
.widgetComments ul {
    padding: 0 0px;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}
.widgetComments .left {
    float: left;
}
.modTit h4{text-align:center;cursor:pointer;}
.modNav{background: #fff!important;border-bottom:none!important;}
.modMenu>li {border-top:1px dotted #cbcbcb;list-style: none;
    cursor: default;}
.modMenu li:nth-child(1){border-top:0;}
.modMenu>.modLi:hover .modRightTit{color:#FF4F4F;word-break:break-all;}
.modMenu>li:hover>a>.modLeft>.modLeftI>img {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.modMenu>li>a{display:block;margin:13px 0;-moz-transition:ease-in-out 0.2s;-webkit-transition:ease-in-out 0.2s;-o-transition:ease-in-out 0.2s;-ms-transition:ease-in-out 0.2s;transition:ease-in-out 0.2s;}
.modLeftPic{width:60px;height:45px;line-height:50px;text-align: center;-moz-transition: ease-in-out 0.3s;-webkit-transition: ease-in-out 0.3s;-o-transition: ease-in-out 0.3s;-ms-transition: ease-in-out 0.3s;transition: ease-in-out 0.3s;}
.modLeftPic img{height: 45px;border-radius: 3px;}
.modRightTit{height:41px;line-height: 21px;overflow: hidden;font-size: 14px;color: #3f3f3f;margin-left: 70px;white-space: normal;text-overflow: ellipsis;}
.modLeft{width:41px;height:41px;line-height:41px;border-radius:50%;text-align:center;color:#888;font-size:9pt;background:#f2f2f2;font-family:arial;-moz-transition: ease-in-out 0.3s;-webkit-transition: ease-in-out 0.3s;-o-transition: ease-in-out 0.3s;-ms-transition: ease-in-out 0.3s;transition: ease-in-out 0.3s;}
.modLeftI{font-size:20px;width:30px;text-align:right;}
.modRight {height:41px;line-height:21px;overflow:hidden;font-size:14px;color:#3f3f3f;margin-left:51px;white-space:normal;text-overflow:ellipsis;}
.modLeftI img {width:41px;height:41px;border-radius:50%;}
.modRightComm{height:42px;line-height:21px;overflow:hidden;font-size:14px;color:#3f3f3f;margin-left:51px;white-space:nowrap;text-overflow:ellipsis;}
.modRightComm p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#5c5c5c;    margin: 2px 0 0px;}
@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 .avatar img,
	#commentslist .avatar img { width: 30px; height: 30px; }
	#comment .form,
	#commentslist .info { margin-left: 40px; }
	#comment .inp { width: auto; }
	#comment .inp .item { float: none; width: auto; padding-right: 0; }
	#comment .verify { float: none; }
	#comment .btns { float: none; clear: both; padding: 2% 0; overflow: hidden; }

	/*768px*/
	#commentslist ol, #commentslist ul {
    padding-left: 5px;
}
	#commentslist li { padding: 15px 0; }
	#commentslist .avatar { padding: 3px 0; }
	#commentslist .meta { margin-bottom: 5px; }
	#commentslist .name { font-size: 14px; }
	#commentslist li li { margin: 10px 0 0 30px; }
	#commentslist li li .box { padding: 10px; }
	#commentslist li li li { margin-left: 15px; }
	/*768px*/
	.boxTitle { font-size: 16px; margin-bottom: 15px; }
}