.comments-box{margin-bottom:35px}
.comments-box .title{margin-bottom:5px}
.comments-box .title span{margin-right:5px}
.comments-box .none,.comments-box .title span.is0{display:none}


.comments-box .post_comment_form{padding:20px;margin-top:20px}
.comments-box .login-to-comment{padding:10px 0}
.comments-box .comment-list .comment .post_comment_form,.comments-box .comment-list .comment .content .reply-cm{background-color:rgba(255, 255, 255, 0.05)}
.comments-box .post_comment_form .avatar{width:50px;height:50px;margin:15px 0 0 20px}
.comments-box .post_comment_form .inside{width:calc(100% - 70px)}
.comments-box .post_comment_form .inside textarea{resize:none;border:0;padding:10px 15px 40px 15px;height:80px;max-width:100%;line-height:2}
.comments-box .post_comment_form .inside textarea:focus,.comments-box .post_comment_form .inside textarea:not(:placeholder-shown){height:120px}
.comments-box .post_comment_form .inside .spoil-comment{bottom:10px;left:55px;padding:4px 8px}
.comments-box .post_comment_form .inside .spoil-comment .custom-check{background-color:#999;top:0;right:0;height:100%}
.comments-box .post_comment_form .inside .spoil-comment input[type="checkbox"],
.comments-box .post_comment_form .inside .spoil-comment .yes,
.comments-box .post_comment_form .inside .spoil-comment input[type="checkbox"]:checked ~ .not
{display:none}
.comments-box .post_comment_form .inside .spoil-comment input[type="checkbox"]:checked ~ .yes{display:inline-block}
.comments-box .post_comment_form .inside .spoil-comment input[type="checkbox"]:checked ~ .custom-check{background-color:#4caf50}
.comments-box .post_comment_form .inside .spoil-comment i{margin:1px 0 0 7px}
.comments-box .post_comment_form .inside button{background-color:#acd5f8;width:45px;height:45px;border:5px #fff solid;left:5px;bottom:5px}
.comments-box .post_comment_form .inside button svg{margin-top:9px}
.comments-box .post_comment_form .inside textarea:not(:placeholder-shown) ~ button{background-color:#0c85e9}
.comments-box .post_comment_form .cancel-reply{border-radius:0 10px 0 10px;background-color:#f9c7cc;padding:2px 8px;top:0;right:0;color:#e60014}

.comments-box .comment-list .children{width:calc(100% - 30px);float:left;position:relative}
.comments-box .comment-list .children:before{right:-20px;height:calc(100% - 60px);top:40px;background-color:var(--bg);position:absolute;width:3px;border-radius:8px;content:""}

.comments-box .comment-list .comment{width:100%;float:right;background-color:var(--bg);padding:20px;border-radius:10px;margin-top:20px;position:relative}
.comments-box .comment-list .comment .avatarx{width:40px;height:40px}
.comments-box .comment-list .comment .info .name-are{width:calc(100% - 100px)}
.comments-box .comment-list .comment .content{width:calc(100% - 57px)}
.comments-box .comment-list .comment .content .info{border-bottom:1px rgba(255, 255, 255, 0.07) solid;padding-bottom:20px}
.comments-box .comment-list .comment .content .info .reply-to-user{margin-right:7px;display:inline-block}
.comments-box .comment-list .comment .content .info .fa-check-circle{color:#77aff7;margin-right:5px}
.comments-box .comment-list .comment .content .date{font-style:italic;opacity:.7;padding:7px 0}
.comments-box .comment-list .comment .content .comment-content{margin:20px 0 10px;line-height:1.85}
.comments-box .comment-list .comment .content .reply-cm{padding:5px 12px;margin-right:20px}
.comments-box .comment-list .comment .content .reply-cm i{margin-left:7px}
.comments-box .comment-list .comment .likecm-box .btn.dislike{padding-right:20px}
.comments-box .comment-list .comment .likecm-box .btn i{margin-left:3px}
.comments-box .comment-list .comment .comment-is-spoil{top:15px;right:0;color:#ff9800;background-color:#3f3525;padding:6px 12px}
.comments-box .comment-list .comment .comment-is-spoil ~ .comment-content{filter:blur(10px);opacity:0}

.comments-box .showmore-comments:before{position:absolute;top:50px;right:0;content:"";background-color:rgba(255, 255, 255, 0.15);height:1px;width:100%}
.comments-box .showmore-comments .isbtn{display:inline-block;background-color:var(--body);padding:30px 20px 0}
.comments-box .showmore-comments .show-btn{border:1px #ddd solid;padding:10px 15px;display:inline-block}
.comments-box .showmore-comments .show-btn i{transform:translate(-2px,3px)}


.comments-box .first-cm{margin-top:30px}


.comments-box .post_comment_form .cancel-reply:hover{opacity:.8}
.comments-box .comment-list .comment .likecm-box .btn:hover{color:#fff}
.comments-box .showmore-comments .show-btn:hover{background-color:#fff;color:var(--body)}
.comments-box .comment-list .comment .content .reply-cm:hover{background-color:rgba(255, 255, 255, 0.1)}

@media only screen and (max-width:920px){
.comments-box .title{font-size:16px;text-align:right}
.comments-box .showmore-comments .show-btn{font-size:14px}
.comments-box .title span{font-size:12px}
.comments-box .post_comment_form .avatar{width:40px;height:40px;margin:15px 0 0 15px}
.comments-box .post_comment_form .inside{width:calc(100% - 55px)}
.comments-box .post_comment_form .inside textarea,.comments-box .comment-list .comment .likecm-box{font-size:13px}
.comments-box .comment-list .comment .content .comment-content{font-size:12px;margin:15px 0}
.comments-box .comment-list .comment .content .info{padding-bottom:13px}
.comments-box .comment-list .comment .avatarx{width:35px;height:35px}
.comments-box .comment-list .comment .content{width:calc(100% - 48px)}
.comments-box .login-to-comment{font-size:13px;padding:8px 0 10px;text-align:right}
.comments-box .post_comment_form .inside .spoil-comment{left:42px;bottom:9px;font-size:10px}
.comments-box .post_comment_form .inside button{width:40px;height:40px;bottom:0;left:0}
.comments-box .post_comment_form .inside button svg{margin-top:8px}

.comments-box .comment-list .comment,.comments-box .post_comment_form{padding:15px;margin-top:15px;border-radius:8px}
.comments-box .first-cm{margin-top:20px;font-size:13px}
.comments-box .first-cm.not-log{margin-top:0;text-align:right}
.comments-box .comment-list .comment .content .reply-cm{font-size:11px;margin-top:2px}
.comments-box .comment-list .comment .comment-is-spoil{font-size:11px;top:10px}
.comments-box .comment-list .children{width:calc(100% - 20px)}
.comments-box .comment-list .comment .content .date{font-size:10px}

}