.post_comment {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: #00000026;position: fixed;bottom: 0;left: 0;z-index: 10;backdrop-filter: saturate(100%) blur(2px);-webkit-backdrop-filter: saturate(100%) blur(2px);}
.post_comment .comments-area{width: 30%;background: var(--cobg);border-radius: 10px;animation: comment_box2 0.3s;
    animation-fill-mode: forwards;box-shadow: 0 0 20px rgba(0,0,0,.6);}
.dark .post_comment .comments-area{background: #363636;}
@media (max-width:768px){
    .post_comment{flex-direction: row;flex-wrap: wrap;align-content: flex-end;}
    .post_comment .comments-area{width: 100%;border-radius: 10px 10px 0 0;}
}
/*comments*/
#comments{margin-bottom:0;}
#comments .hideComments{width:15px;height:15px;margin:0;display: block;float: right;}
#comments .comments-title{border-bottom:1px solid #f7f7f7;padding:20px;font-size:16px;}
#comments .comments-title small{color:#6a6a6a;margin-left:8px;font-weight:300;font-size:12px;}
#comments .comments-avatar{padding:20px}
#comments .comment-list{padding:20px;height: 50vh;overflow-y: auto;}
#comments .comment-list li{list-style:none;}
#comments .comment-list li .comment-body{position:relative;margin-bottom:20px;border-bottom:1px solid #f7f7f7;}
#comments .comment-list li .comment-body .comment-meta{}
#comments .comment-list li .comment-body .comment-meta .comment-author{}
#comments .comment-list li .comment-body .comment-meta .comment-author img{border-radius:10%;}
#comments .comment-list li .comment-body .comment-meta .comment-author .fn{position:absolute;left:56px;text-transform:uppercase;top:0px;font-size:13px;color:#6a6a6a;font-weight:inherit;}
#comments .comment-list li .comment-body .comment-meta .comment-author .fn .datetime{font-size:12px;margin-left:5px;}
#comments .comment-list li .comment-body .comment-meta .comment-author .says{display:none;}
#comments .comment-list li .comment-body .comment-meta .comment-metadata{position:absolute;right:40px;top:5px;font-size:12px;color:#717171;}
#comments .comment-list li .comment-body .comment-meta .comment-metadata a{color:#717171;font-weight:300;}
#comments .comment-list li .comment-body .comment-meta .comment-awaiting-moderation{position:absolute;right:30px;font-size:12px;color:#afafaf;font-weight:300;}
#comments .comment-list li .comment-body .comment-meta .comment-metadata a time{}
#comments .comment-list li .comment-body .comment-meta .comment-metadata .edit-link{}
#comments .comment-list li .comment-body .comment-meta .comment-metadata .edit-link .comment-edit-link{}
#comments .comment-list li .comment-body .comment-content{font-size: 12px;position: relative;top:-15px;left:56px;width: 80%;}
#comments .comment-list li .comment-body .comment-content .wp-smiley{min-height:1.5em!important;position: relative;bottom: 2px;background: none;}
#smilies a{font-size:13px;}
#smilies img{background:none;}
#comments .comment-list li .comment-body .comment-content p{line-height:24px;margin-bottom:0px;}
#comments .comment-list li .comment-body .reply{position:absolute;right:0px;bottom:10px;font-size:12px;display:none;}
#comments .comment-list li .comment-body .reply a.comment-reply-link{color:#333;font-weight:300;}
#comments .comment-list > ol.children{margin-left:50px;}
/*#comments .comment-list > ol.children img{border-radius: 50%!important;}*/
#comments .comment-reply-title{font-size:16px;}
#comments .comment-reply-title small{margin-left:10px;font-size:12px;}
#comments .comment-reply-title small a{color:#717171;font-weight:300;}
#comments form.comment-form{display:table;width:100%;padding:20px;}
#comments form.comment-form .logged-in-as{display:none;}
#comments form.comment-form .logged-in-as a{border-bottom:1px solid #848484;}
#comments form.comment-form .comment-notes{}
#comments form.comment-form p input{width:100%;border:1px solid #ededed;padding:8px 10px 8px 30px;font-size:12px;color:#636363;}
#comments form.comment-form p input[readonly]{background:#f7f7f7;cursor: not-allowed;}
#comments form.comment-form .comment-form-comment{margin:0px 0px 5px 0px;width: 79%;float: left;}
#comments form.comment-form .comment-form-comment label{display:none;}
#comments form.comment-form .comment-form-comment textarea{width:100%;height:38px;background-color:#f7f7f7;border:none;border-radius:4px;padding:10px;font-size:14px;color:#5f5e5e;font-weight:300;resize: none;}
#comments form.comment-form .comment-form-author{width:49%;float:left;margin-right:1%;position:relative;}
#comments form.comment-form .comment-form-author:before{content:"\F4E1";font-family:'bootstrap-icons';position:absolute;top:7px;left:8px;}
#comments form.comment-form .comment-form-qq{width:100%;float:left;margin-right:1%;position:relative;}
#comments form.comment-form .comment-form-qq:before{content:"\f8cb";font-family:'bootstrap-icons';position:absolute;top:7px;left:8px;}
#comments form.comment-form .comment-form-email{width:49%;float:left;margin-right:1%;position:relative;}
#comments form.comment-form .comment-form-email:before{content:"\F152";font-family:'bootstrap-icons';position:absolute;top:7px;left:8px;}
#comments form.comment-form .comment-form-url{width:49%;float:left;position:relative;}
#comments form.comment-form .comment-form-url:before{content:"\F470";font-family:'bootstrap-icons';position:absolute;top:7px;left:8px;}
#comments form.comment-form .comment-form-cookies-consent{display:none}
#comments form.comment-form .form-submit{width:100%;}
#comments form.comment-form .form-submit .submit{width:20%;padding:10px;float:right;background:#09c362;color:#fff;border:0;border-radius: 4px;}
#comments form.comment-form .form-submit .submit:hover{background-color: #12C76AFF;color:#fff;}
#comments .navigation{margin-bottom:30px;}
#comments .screen-reader-text{display:none;}
#comments .nav-links{text-align:center;}
#comments .nav-links .page-numbers{padding:0px 5px;}
#comments .nav-links .current{font-size:16px;color:#4270f5}
.butterBar{width: 180px;position: fixed;text-align: center;z-index: 10001;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.butterBar-message{background:#000000;color:#fff;font-size:12px;padding:12px 25px;margin-bottom:0px;margin-top:0px;border-radius: 4px;}
.butterBar-message-error{background:#ff4545;color:#fff;}
#comments .layoutSingleColumn .comment-respond{}
#comments .layoutSingleColumn .comment-respond .comment-reply-title{font-size:12px;margin-bottom:15px;display:none;}
.logged-in #comments .layoutSingleColumn .comment-respond{text-align:left;}
#comments .comment-respond .must-log-in{color:#333;margin-bottom:0px;font-weight:300;}
#comments .comment-respond .must-log-in a{margin-left:4px;border-bottom:1px solid #9e9d9d;}


.comment_btn{width:30px;height:20px;border-radius: 4px;background: #f7f7f7 url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9ImZ1bGwiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxnPjxjaXJjbGUgcj0iNTAiIGN5PSIyNTUiIGN4PSIzNTUiIGZpbGw9IiM1NzZiOTUiLz48Y2lyY2xlIHI9IjUwIiBjeT0iMjU1IiBjeD0iMTU1IiBmaWxsPSIjNTc2Yjk1Ii8+PC9nPjwvc3ZnPg==') 50% 50% no-repeat;cursor: pointer;float:right;margin-right:0!important;}
.dark .comment_btn{background: #3d3d3d url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgYmFzZVByb2ZpbGU9ImZ1bGwiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxnPjxjaXJjbGUgcj0iNTAiIGN5PSIyNTUiIGN4PSIzNTUiIGZpbGw9IiM3ZDkwYTkiLz48Y2lyY2xlIHI9IjUwIiBjeT0iMjU1IiBjeD0iMTU1IiBmaWxsPSIjN2Q5MGE5Ii8+PC9nPjwvc3ZnPg==') 50% 50% no-repeat;}
.comment_box{position: absolute;bottom: -10px;right: 35px;display: none;width:auto;padding: 8px 10px;border-radius: 4px;background-color: #606060;animation: comment_box 0.3s;animation-fill-mode: forwards;}
@keyframes comment_box { 0% {opacity: 0;transform: translateX(5px);} 100% {opacity: 1;transform: translateX(0);} }
@keyframes comment_box2 { 0% {opacity: 0;transform: translatey(150px);} 100% {opacity: 1;transform: translatey(0);} }
.comment_like{color:#fff!important;cursor:pointer}
.comment_icon{color:#fff!important;padding-left:10px;border-left:1px solid #909090;cursor:pointer}


/* 点赞列表与评论 */
.hankin-zanp{width: 100%;background: var(--fgxys);margin-top: 5px;border-radius: 4px;}
.hankin-zanp-zan{display: flex;background: var(--backbg);border-radius: 4px; /* align-items: center; */}
.hankin-zanp-zan-left{display: flex;color: var(--thetitle);margin-left: 10px;margin-right: 10px;margin-top: 5px;margin-bottom: 5px;font-size:15px;}
.hankin-zanp-zan-left>img{width: 18px;height: 18px;}


.hankin-zanp-zan-right{ /* list-style:none; */display: flex;align-items: center;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;flex-wrap: wrap;

    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;*/}
.hankin-zanp-zan-right>li{
    display: inline-block;
    font-size: 14px;
    color: var(--thetitle);
    /*margin-right: 5px;*/
    /*flex-shrink: 0;*/
}

/*.hankin-zanp-zan-right li:not(n)::after {
  content: '，';
}
.hankin-zanp-zan-right li:last-child:nth-last-child(1):not(.more)::after {
  content: none;
}*/


/*.hankin-zanp-zan-right li:nth-child(n+2)::before {
  content: ", ";
}

.hankin-zanp-zan-rightr li:last-child::before {
  content: "";
}*/

/* 添加逗号到具有2个或以上数量的li元素 */
.hankin-zanp-zan-right li:not(:last-child)::after {content: "，";}

/* 可选：对于自动生成的逗号，可以添加空格以增加可读性 */
/*.hankin-zanp-zan-right li:not(:last-child)::after {
  content: "， ";
}*/

/* 清除详情页的点赞头像分割符 */
.hankin-zanp-zan-right2 li:not(:last-child)::after {content: "";}

/* 评论列表 */
.hankin-zanp-pl{width: 100%;font-size: 14px; /*border-top: 1px solid var(--fgxys);*/padding-top: 5px;padding-bottom: 5px;border-radius: 4px;background: var(--backbg);margin-top: 1px;}
.hankin-zanp-pl>li{display: flex;justify-content: space-between;margin-left: 10px;margin-right: 10px;line-height: 25px;-webkit-user-select:text;-moz-user-focus: text;-moz-user-select: text;}
/* .hankin-zanp-pl-n{
    padding-top: 5px;
    padding-bottom: 5px;
} */
.hankin-zanp-pl-n{width: 100%;pointer-events:none;color: var(--thetitle);}

.hankin-zanp-pl-n-nc{color: var(--thetitle);}
.hankin-zanp-pl-n-nr{pointer-events: none;color: var(--textqh);word-wrap:break-word;word-break:break-all;overflow: hidden;-webkit-user-select:text;-moz-user-focus: text;-moz-user-select: text;}
/*.hankin-zanp-pl-n-nr>img{
    width: 25px;
    height: 25px;
    vertical-align: middle;
}*/
.hankin-zanp-pl-del{height: fit-content;color: var(--thetitle);flex-shrink: 0;font-size: 14px;pointer-events: all;margin-left: 5px;}
.hankin-zanp-pl-ku{background: var(--backbg);border-radius: 4px;}
.hankin-zanp-pl-gd{width: 30px;height: 20px;background: var(--backbg);display: flex;justify-content: center;align-items: center;border-radius: 2px;margin-left: 6px;}
.hankin-zanp-pl-gd>p{width: 4px;height: 4px;border-radius: 100%;background: var(--thetitle);pointer-events: none;}
.zp1{margin-right: 4px;pointer-events: none;}
.dark .hankin-zanp{background:#2b2b2c}
.dark .hankin-zanp-zan{background:none}
.dark .hankin-zanp-pl{background:none}
.dark .hankin-zanp-pl-n a{color:var(--thetitle);}
.dark .hankin-zanp-pl-n-nr{color:#fff;}

@media (max-width:768px){
    #comments .comment-list li ol.children{margin-left:0px;}
    #comments form.comment-form .comment-form-qq{width:100%;float:left;margin:0px 0px 5px 0px;}
    #comments form.comment-form .comment-form-author{width:100%;float:left;margin:0px 0px 5px 0px;}
    #comments form.comment-form .comment-form-email{width:100%;float:left;margin:0px 0px 5px 0px;}
    #comments form.comment-form .comment-form-url{width:100%;float:left;margin:0px 0px 5px 0px;}
    #comments form.comment-form .form-submit .submit{width:20%;}
}