.article-comments,.article-comments .commentcon li,.article-comments .commentcon li .quote-content-wrap,.editcomment{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.article-comments{overflow:hidden;border-radius:0 0 4px 4px;background:#fff;}
.article-comments:after{display:table;content:"";}
.article-comments:after{clear:both;}
.article-comments .allcomment-box{position:relative;padding-top:30px;}
.article-comments .allcomment-box:after{display:table;content:"";}
.article-comments .allcomment-box:after{clear:both;}
.article-comments .allcomment-box:before{position:absolute;top:0;left:0;display:block;width:100%;height:1px;background:#eee;content:'';}
.article-comments .allcomment-box .brilliant{position:absolute;top:0;right:40px;display:inline-block;width:24px;height:32px;background-color:#f4523b;color:#fff;vertical-align:middle;text-align:center;font-size:14px;line-height:28px;zoom:1;}
.article-comments .allcomment-box .brilliant:after{position:absolute;bottom:0;display:block;border-top:none;border-right:12px solid transparent;border-bottom:5px solid #fff;border-left:12px solid transparent;content:"";}
.article-comments .btn-current-middle{width:100px;}
.article-comments .allcomment-empy,.article-comments .preview-empty{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:98px;min-height:230px;text-align:center;font-size:14px;}
.article-comments .allcomment-empy{margin-top:-30px;padding-top:180px;background:#fff url(../images/qiangsafa.png) no-repeat center 23px;background-size:190px auto;}
.article-comments .allcomment-empy .first-people{color:#666;}
.article-comments .reply-content-wrap{margin-top:19px;padding:0;}
.article-comments .commentwrap{position:relative;padding:0 30px;}
.article-comments .commenttxt{padding:0 30px;color:#444;font-size:14px;line-height:14px;}
.article-comments .commentnum{margin-left:10px;color:#bbb;font-weight:400;font-size:14px;}
.article-comments .commentcon li{position:relative;overflow:hidden;padding:30px 0 20px 68px;width:100%;border-bottom:1px solid #f1f1f1;}
.article-comments .commentcon li:after{display:table;content:"";}
.article-comments .commentcon li:after{clear:both;}
.article-comments .commentcon li .userimg{position:absolute;top:35px;left:0;display:inline-block;width:48px;height:48px;vertical-align:middle;zoom:1;}
.article-comments .commentcon li .userimg img{width:100%;height:100%;border-radius:50%;}
.article-comments .commentcon li a,.article-comments .commentcon li span{display:inline-block;vertical-align:middle;zoom:1;}
.article-comments .commentcon li .hide{display:none;}
.article-comments .commentcon li .timebox{line-height:24px;}
.article-comments .commentcon li .timebox .zcool-treetop{margin-left:-20px;}
.article-comments .commentcon li .usernick{margin-right:20px;color:#444;font-weight:600;font-size:14px;}
.article-comments .commentcon li .usernick:hover{color:#d36f16;}
.article-comments .commentcon li .issuetimer{font-size:12px;}
.article-comments .commentcon li .time{float:left;margin-right:10px;color:#bbb;}
.article-comments .commentcon li .zcoll-app{float:left;color:#d36f16;}
.article-comments .commentcon li .commoncon{margin-top:8px;line-height:24px;}
.article-comments .commentcon li .commoncon:after{display:table;content:"";}
.article-comments .commentcon li .commoncon:after{clear:both;}
.article-comments .commentcon li .commontxt{float:left;overflow:hidden;color:#666;font-size:14px;word-break:break-word;word-break:break-all;}
.article-comments .commentcon li .commenticons{margin-top:-5px;width:100%;height:21px;}
.article-comments .commentcon li .commenticons:after{display:table;content:"";}
.article-comments .commentcon li .commenticons:after{clear:both;}
.article-comments .commentcon li .ricons{float:right;height:35px;}
.article-comments .commentcon li .ricons:after{display:table;content:"";}
.article-comments .commentcon li .ricons:after{clear:both;}
.article-comments .commentcon li .ricons .comment-news,.article-comments .commentcon li .ricons .comment-report,.article-comments .commentcon li .ricons .comment-zan,.article-comments .commentcon li .ricons .gbook-delete{height:16px;background-repeat:no-repeat;line-height:15px;}
.article-comments .commentcon li .ricons .comment-report{visibility:hidden;padding:10px 10px 10px 22px;background-position:left 10px;line-height:13px;}
.article-comments .commentcon li .ricons .comment-news{margin-left:20px;padding:10px;width:16px;background-image:url(../images/svg/pinglunqian.svg?v=1);background-position:10px 11px;}
.article-comments .commentcon li .ricons .comment-news:hover{background-image:url(../images/svg/pinglunhover.svg?v=1);}
.article-comments .commentcon li .ricons .comment-zan{margin-left:15px;padding:10px 10px 10px 32px;background-image:url(../images/svg/pinglundianzanqian.svg?v=1);background-position:10px 9px;color:#999;font-size:12px;}
.article-comments .commentcon li .ricons .comment-zan span{float:right;}
.article-comments .commentcon li .ricons .comment-zan:hover{background-image:url(../images/svg/pinglundianzanhover.svg?v=1);}
.article-comments .commentcon li .ricons .comment-zan.active{background-image:url(../images/svg/pinglundianzanhover.svg?v=1);}
.article-comments .commentcon li .ricons .gbook-delete{margin-left:25px;padding:10px;background-image:url(../images/svg/shanchu.svg?v=1);background-position:left 8px;background-size:16px auto;color:#999;font-size:12px;-webkit-background-size:16px auto;-moz-background-size:16px auto;}
.article-comments .commentcon li:hover .comment-report{visibility:visible;}
.article-comments .commentcon li .quote-content-wrap{position:relative;margin-top:16px;margin-bottom:20px;padding:16px 20px 20px;width:100%;height:auto;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#f4f4f4;font-size:14px;}
.article-comments .commentcon li .quote-content-wrap i{position:absolute;top:-12px;left:0;display:inline-block;border-top:none;border-right:30px solid transparent;border-bottom:30px solid #f4f4f4;border-left:30px solid transparent;vertical-align:middle;zoom:1;}
.article-comments .commentcon li .quote-content-wrap .usernicks .usernick-box{display:table-cell;padding-right:10px;vertical-align:top;}
.article-comments .commentcon li .quote-content-wrap .usernicks .designer-name{color:#444;font-weight:600;line-height:26px;}
.article-comments .commentcon li .quote-content-wrap .usernicks .designer-name:hover{color:#d36f16;}
.article-comments .commentcon li .quote-content-wrap .userreply{display:block;color:#666;word-wrap:break-word;line-height:26px;word-break:break-all;}
.article-comments .commentcon li:last-child{border-bottom:0;}
.article-comments .commentcon li:hover .comment-report{display:inline-block;vertical-align:middle;zoom:1;}
.article-comments .comment-btn-current{float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;margin-left:10px;}
.comment-module .pinlunt{position:relative;}
.comment-module .pinlunt .commentbig{display:block;width:100%;}
.expression-box .commentbtn{float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:10px;width:118px;text-align:center;font-size:14px;}
.editcomment{padding:30px;color:#999;font-size:12px;}
.editcomment:after{display:table;content:"";}
.editcomment:after{clear:both;}
.editcomment textarea::-webkit-input-placeholder{color:#ccc;}
.editcomment ::-moz-placeholder{color:#ccc;}
.editcomment textarea:-ms-input-placeholder{color:#ccc;}
.reply-content-wrap .textarea-style{display:block;width:100%;}
.report{padding-left:22px;background-image:url(../images/svg/jubaoqian.svg?v=1);background-size:16px;background-repeat:no-repeat;color:#bbb;font-size:12px;}
.report:hover{background-image:url(../images/svg/jubaohover.svg?v=1);color:#282828;}
.more-comment{padding:30px 0;border-top:1px solid #eee;background:#fff;text-align:center;line-height:14px;}
.more-comment a{color:#d36f16;font-size:14px;}
.add-comment-btn,.add-gbook,.reply-comment-btn{float:right;margin:0;}
.gbook-content-list{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
@media (max-width:1440px){.comment-module{max-width:1380px;}
}
@media (max-width:1920px){.comment-module{max-width:1380px;}
}
