@charset "utf-8";
.comment-post{margin:30px 0;}
.comment-post-body{border:3px solid #f0f0f0;}
.comment-post-to{border-bottom:1px solid #f0f0f0;padding:15px;background:#fafafa;display:flex;align-items:center;justify-content:space-between;}
.comment-text{}
.comment-close a{color:#999;}
.comment-close a:hover{color:#f30;}
.comment-post-body-area{padding:15px;}
.comment-post-body-area textarea{border:0;width:100%;resize:none;min-height:60px;}
.comment-post-action{border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;padding:15px;}
.comment-post-action .ui-form-ip{padding:0 5px;line-height:40px;height:40px;width:85px;display:inline-block;}
.comment-post-action-name{color:#666;font-weight:bold;padding-right:5px;}
.comment-post-action-btn{display:flex;align-items:center;}
.comment-post-action-btn .code{height:40px;padding:0;margin-right:5px;}
.comment-post-action-btn .code img{height:100%;}

.sub-comment-list{padding-left:68px;}
.comment-list{display:flex;overflow:hidden;margin:30px 0;}
.comment-list-face{width:52px;margin-right:20px;}
.comment-list-face svg{border:1px solid #f3f3f3;padding:3px;text-anchor:middle;border-radius:50%;font-size:30px;}
.comment-list-face svg rect{fill:#9AA2AB;}
.comment-list-face svg text{fill:#dee2e6;}
.comment-list-wrap{flex:1 0;}
.comment-list-head{display:flex;align-items:center;justify-content:space-between;}
.comment-list-name{font-weight:bold;}
.comment-list-name i{margin:0 8px;font-size:16px;color:#999;font-weight:normal;}
.comment-list-like a{color:#999;font-size:15px;}
.comment-list-like.active a{color:#f30;}
.comment-list-body{padding:10px 0;word-break:break-all;}
.comment-list-foot{display:flex;align-items:center;justify-content:space-between;}
.comment-list-time{color:#999;font-size:13px;}
.comment-list-time a{margin-left:15px;}
.comment-more{padding-left:140px;margin-top:-20px;}
.comment-more a{font-size:14px;}
.comment-more i{font-size:16px;color:#999;margin:0 5px;}

@media(max-width:576px)
{
	.comment-list-face{width:42px;}
	.comment-list-face svg{font-size:24px;}
	.sub-comment-list{padding-left:58px;}
	.comment-list-foot{display:block;}
}