.comments-box{margin:0px 0}
.comments-box{
--bg:#2a2c2e;
}
.comments-box .rt-ddd{color:#424750}


.comments-box .rt-color2{background-color:#eee}
.rt-block.comments{padding:20px}
.comment-sidex .rt-block.comments{box-shadow:0 0 8px rgba(8,7,9,.15)}

.comment-sidex .comments-box .comment-list{border-top-color:rgba(0, 0, 0, 0.05)}

.comment-sidex .comments-box .comment-list .comment-item,.comment-sidex .comments-box .post_comment_form{box-shadow:0 0 8px rgba(8,7,9,.15);background-color:#fff;}
.comment-sidex .comments-box .post_comment_form .inside textarea{background-color:#f5f5f5;color:#444}
.comment-sidex .comments-box .comment-list .children::before{background-color:#e0e0e0}


.box.comments{padding:15px}
.box.comments .title{text-align:right}


.comments-box .titlex{margin:30px 0 0}
.comments-box .titlex span{margin-right:5px}
.comments-box .none,.comments-box .titlex span.is0{display:none}


.comments-box .post_comment_form{padding:20px;margin-top:20px}
.comments-box .login-to-comment{margin-top:15px;background-color:#f7e0e0;border-radius:8px;color:#333;padding:15px}
.comment-sidex .comments-box .login-to-comment{background-color:#ffc3c3;color:#444 !important}
.comment-sidex .comments-box .first-cm{color:#8a8aa1}
.comments-box .login-to-comment a{color:#036ba6}
.comments-box .comment-list .comment-item .post_comment_form,.comments-box .comment-list .comment-item .content .reply-cm{background-color:rgba(0, 0, 0, 0.05)}
.comments-box .comment-list .comment-item .post_comment_form{box-shadow:none !important}

.comments-box .post_comment_form[data-active="false"] .inside textarea{opacity:.5}

.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{resize:none;border:0;padding:10px 15px 60px 15px;height:100px;max-width:100%;line-height:2;background-color:#4c4e4f;color:#fff}
.comments-box .post_comment_form .inside textarea:focus,.comments-box .post_comment_form .inside textarea:not(:placeholder-shown){height:140px}
.comments-box .post_comment_form .inside .spoil-comment{bottom:10px;right:15px;padding:4px 8px}
.comments-box .post_comment_form .inside .spoil-comment .custom-check{background-color:#d0cfcf;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 samp{margin:-1px 0 0 7px}
.comments-box .post_comment_form .inside button{background-color:#c7c7c782;border:0;left:10px;bottom:10px;padding:5px 15px}
.comments-box .post_comment_form .inside button svg{transform:translate(-3px,4px) rotate(-24deg)}
.comments-box .post_comment_form .inside textarea:not(:placeholder-shown) ~ button{background-color:var(--color2)}
.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 .post_comment_form .inside .user_info .input-item{width:calc(50% - 7.5px)}
.comments-box .post_comment_form .inside .user_info .input-item input{padding:10px 15px;border:0;margin-bottom:15px}
.comment-sidex .comments-box .post_comment_form .inside .user_info .input-item input{background-color:#f5f5f5}


.comments-box .comment-list{border-top: 2px #eee dashed;padding-top: 5px;margin-top: 25px;}

.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:#2b3037;position:absolute;width:3px;border-radius:8px;content:""}

.comments-box .comment-list .comment-item{width:100%;float:right;background-color:#2a2c2e;padding:20px;border-radius:10px;margin-top:20px;position:relative}

.comment-sidex .comments-box .comment-list .comment-item{background-color:#fff}


.comments-box .comment-list .comment-item .avatarx{width:50px;height:50px}
.comments-box .comment-list .comment-item .info .name-are{width:calc(100% - 370px);margin:5px 0}
.comments-box .comment-list .comment-item .info .name{float:none}
.comments-box .comment-list .comment-item .info .information{padding:7px 0}
.comments-box .comment-list .comment-item .info .information .inf{margin-right:20px}
.comments-box .comment-list .comment-item .info .information .inf:last-child{margin-right:0}
.comments-box .comment-list .comment-item .info .information .inf i{margin:1px 0 0 6px}
.comments-box .comment-list .comment-item .info svg{transform:translate(-7px,2px)}
.comments-box .comment-list .comment-item .content{width:calc(100% - 67px)}
.comments-box .comment-list .comment-item .content .info{border-bottom:1px rgba(0, 0, 0, 0.07) solid;padding-bottom:10px;margin-bottom:10px}
.comments-box .comment-list .comment-item .content .info .reply-to-user{margin-right:7px;display:inline-block}
.comments-box .comment-list .comment-item .content .info .fa-check-circle{color:#77aff7;margin-right:5px}
.comments-box .comment-list .comment-item .content .date{font-style:italic;opacity:.7;padding:7px 0;margin-right:20px;font-weight:bold}
.comments-box .comment-list .comment-item .content .comment-content{float:left;width:calc(100% + 68px);margin:15px 0 20px;line-height:1.9;color:#666;text-align:justify;font-weight:bold}
.comments-box .comment-list .comment-item .content .comment-content *{font-weight:bold}
.comments-box .comment-list .comment-item .content .reply-cm{padding:5px 12px;font-weight:bold}
.comments-box .comment-list .comment-item .content .reply-cm i{margin-left:7px}
.comments-box .comment-list .comment-item .likecm-box{transform:translateX(67px);}
.comments-box .comment-list .comment-item .likecm-box .btnz{background-color: rgba(0, 0, 0, 0.03);padding:3px 10px;border-radius: 8px;margin-left: 10px;line-height:22px}
.comments-box .comment-list .comment-item .likecm-box .btnz:hover{opacity:.7}
.comments-box .comment-list .comment-item .likecm-box .btnz i{float:right;margin:2px 0 0 8px;width:15px;height:15px}
.comments-box .comment-list .comment-item .likecm-box .btnz.like i{background:url(../img/like.png) no-repeat center;background-size: contain;}
.comments-box .comment-list .comment-item .likecm-box .btnz.dislike i{background:url(../img/dislike.png) no-repeat center;background-size: contain;}
.comments-box .comment-list .comment-item .comment-is-spoil{color:#f29408;padding:15px 0;margin:20px 0;font-weight:bold;text-align:right;line-height:2}
.comments-box .comment-list .comment-item .comment-is-spoil samp{margin-left:7px}
.comments-box .comment-list .comment-item .comment-is-spoil ~ .comment-content{display:none}

.comments-box .showmore-comments:before{position:absolute;top:50px;right:0;content:"";background-color:rgba(0, 0, 0, 0.15);height:1px;width:100%}
.comments-box .showmore-comments .isbtn{display:inline-block;padding:30px 20px 0}
.comments-box .showmore-comments .show-btn{border:1px #ddd solid;padding:8px 15px;display:inline-block;background-color:#fff;font-size:13px;font-weight:bold}
.comments-box .showmore-comments .show-btn:hover{color:#444}
.comments-box .first-cm{margin-top:30px}
.comment-sidex .comments-box .comment-list .comment-item .post_comment_form .inside textarea,.comment-sidex .comments-box .comment-list .comment-item .post_comment_form .inside .user_info .input-item input{background-color:#fff}

.comments-box .post_comment_form .cancel-reply:hover{opacity:.8}
.comments-box .comment-list .comment-item .content .reply-cm:hover{background-color:rgba(0, 0, 0, 0.1)}

@media only screen and (max-width:920px){
.rt-block.comments{padding:0}
.comments-box .titlex{font-size:15px;text-align:right;margin-top:30}
.comments-box .titlex span{font-size:12px}
.comments-box .post_comment_form .avatar{width:30px;height:30px;margin:15px 0 0 15px}
.comments-box .post_comment_form .inside{width:calc(100% - 45px)}
.comments-box .post_comment_form .inside textarea,.comments-box .comment-list .comment-item .likecm-box{font-size:13px}
.comments-box .comment-list .comment-item .content .comment-content{font-size:12px;margin:15px 0}
.comments-box .comment-list .comment-item .avatarx{width:35px;height:35px}
.comments-box .comment-list .comment-item .content{width:calc(100% - 48px)}
.comments-box .post_comment_form .inside .spoil-comment{bottom:9px;font-size:10px}
.comments-box .post_comment_form .inside button{bottom:5px;left:5px}

.comments-box .post_comment_form .inside .user_info .input-item input{font-size:12px;margin-bottom:10px}
.comments-box .post_comment_form .inside .user_info .input-item{width:100%}

.comments-box .comment-list .comment-item,.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:20px;text-align:right}
.comments-box .comment-list .comment-item .content .reply-cm{font-size:11px}
.comments-box .comment-list .comment-item .comment-is-spoil{font-size:11px}
.comments-box .comment-list .children{width:calc(100% - 20px)}
.comments-box .comment-list .comment-item .content .date{font-size:10px}

.comments-box .comment-list .comment-item .content .info{min-height:40px;margin-bottom:0}
.comments-box .comment-list .comment-item .content .comment-content{width:calc(100% + 50px)}
.comments-box .comment-list .comment-item .likecm-box{transform:translateX(50px);position:absolute;bottom:0;right:0}
.comments-box .comment-list .comment-item .content{position:relative}

.comments-box .comment-list .comment-item .content .info{position:relative;padding-bottom:7px}
.comments-box .comment-list .comment-item .info .information{position:absolute;left:0;top:-2px}
.comments-box .comment-list .comment-item .info .information .inf{float:left;width:100%;text-align:left;margin-left:0;margin-bottom:4px}
.comments-box .comment-list .comment-item .info .information .inf i{float:left;margin-left:0;margin-right:6px}

.comments-box .comment-list .comment-item .content .reply-cm[style="display: none;"]{display: inline-block !important;opacity: 0;visibility: hidden;}

}
@media only screen and (max-width:720px){
.comments-box .comment-list .comment-item .info .name-are{width:100%;margin:0}
.comments-box .comment-list .comment-item .info .information{width:100%}
.comments-box .comment-list .comment-item .info .information .inf,.comments-box .comment-list .comment-item .content .date{float:right;margin-right:0;margin-left:15px}
}
@media only screen and (max-width:700px){
.comment-sidex{background-color:#eee}

.comment-sidex .comments-box .post_comment_form .notfsxd{font-size:12px !important}

}