body{background-color: #F8F8F8;}
/*头部*/
.hpoi-post-title>.title{font-size: 18px;color: #333333;margin-bottom: 16px;}
.hpoi-post-title>.title>.plate{display: inline-block;border: 1px solid #EEEEEE;vertical-align: bottom;color: #999999;padding: 3px 10px;border-radius: 4px;font-size: 12px;margin-right: 8px;}
.hpoi-post-title>.participate{color: #999999;}
.hpoi-post-my-comment .user-info .hpoi-user-avatar-box,.hpoi-post-list .hpoi-post-item>.post-item-lt>.user-author .hpoi-user-avatar-box{width: 60px;height: 60px;}
/**********评论区**********/
.hpoi-post-list .hpoi-post-item{display: flex;border-bottom: 1px solid #EEEEEE;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-content,.hpoi-post-list .hpoi-post-item>.post-item-rt .post-comment{margin: 10px 0;min-height: 160px;}
/*左侧用户信息*/
.hpoi-post-list .hpoi-post-item>.post-item-lt{position:relative;background-color: #F8F8F8;width: 130px;}
.hpoi-post-list .hpoi-post-item>.post-item-lt .louzhu{position:absolute;right: 0;top: 0;background-color: #35CDFF;border-radius: 0px 0px 0px 6px;color: #FFFFFF;padding: 4px 10px;}
.hpoi-post-list .hpoi-post-item>.post-item-lt>.user-author{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 230px;padding: 0 20px}
.hpoi-post-list .hpoi-post-item>.post-item-lt>.user-author .name{margin-top: 8px;color: #444444;font-size: 14px;}

/*.hpoi-post-list .hpoi-post-item>.post-item-lt>.user-author .attest{margin-top: 8px;border-radius: 4px;border: 1px solid #CCCCCC;color: #999999;padding: 4px 10px;}*/
/*右侧评论图片*/
.hpoi-post-list .hpoi-post-item>.post-item-rt{flex: 1;padding: 20px;position: relative;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .louceng{position:absolute;right: 0;top: 0;background-color: #F8F8F8;border-radius: 0px 0px 0px 6px;color: #999999;padding: 4px 26px;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-content p{color: #333333;font-size: 14px;margin: 0;white-space: pre-wrap;word-break: break-all;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-content>.img-box>.posts-img-item{margin-top: 10px;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-content>.img-box img{max-width: 100%;border-radius: 6px;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-comment{font-size: 14px;color: #333333;overflow-wrap: anywhere;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap{display: flex;justify-content: flex-end;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap .post-setup-box{position: relative;color: #999999;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap .post-setup-box>.post-setup-list{
    position: absolute;
    background-color: #FFFFFF;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
    z-index: 69;
    opacity: 0;
    visibility: hidden;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap .post-setup-box>.post-setup-list>div{line-height: 30px;text-align: center;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap .post-setup-box>.post-setup-list>div:hover{color: #35CDFF;cursor: pointer;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap .post-setup-box:hover .post-setup-list{visibility: visible;opacity: 1;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap a{margin-left: 10px;color: #999999;cursor: pointer;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap span{margin-left: 10px;color: #999999;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap .reply{color: #35CDFF;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap .reply-box>a{color: #35CDFF;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap .reply-box>a i{font-style:normal;}
.hpoi-post-list .hpoi-post-item>.post-item-rt .post-bottom-wrap a:hover{color: #35CDFF;}

/*我的评论缺省页*/
.hpoi-no-content{padding: 20px 0;}
.hpoi-no-content img{width: 105px;}

/*我的评论*/
.hpoi-post-my-comment .user-info{display: flex;padding: 20px 30px 30px 30px;}
.hpoi-post-my-comment .user-info>.info{flex: 1;margin-left: 10px;display: flex;flex-direction: column;justify-content: space-between;}
.hpoi-post-my-comment .user-info>.info>.name{color: #444444;font-size: 18px;}
.hpoi-post-my-comment .user-info>.info>.note-num{color: #666666;font-size: 14px;}
.hpoi-post-my-comment .user-comment .title{border-bottom: 1px solid #EEEEEE;padding-bottom: 10px;font-size: 18px;color: #333333;padding-left: 30px;}
.hpoi-post-my-comment .post-comment-list{margin: 0;padding: 0 0 10px 0;}
.hpoi-post-my-comment .post-comment-list .post-comment-item{position: relative;margin: 0 30px;padding: 30px 0 10px 0;}
.hpoi-post-my-comment .post-comment-list .post-comment-item+.post-comment-item{border-top: 1px solid #EEEEEE;}
.hpoi-post-my-comment .post-comment-list .post-comment-item .louceng-item{position: absolute;right: -30px;top: 0;padding: 4px 26px;color: #999999;background: #F8F8F8;border-radius: 4px 0px 0px 4px;}
.hpoi-post-my-comment .post-comment-list .post-comment-item .text{margin-bottom: 0;font-size: 14px;color: #444444;}
.hpoi-post-my-comment .post-comment-list .post-comment-item .bottom-wrap{margin-top: 8px;display: flex;justify-content: space-between;}
.hpoi-post-my-comment .post-comment-list .post-comment-item .bottom-wrap div>a{color: #999999;}
.hpoi-post-my-comment .post-comment-list .post-comment-item .bottom-wrap div>a+a{margin-left: 10px;}
.hpoi-post-my-comment .post-comment-list .post-comment-item .bottom-wrap div>.reply>i{font-style: normal;}
.hpoi-post-my-comment .post-comment-list .post-comment-item .bottom-wrap div>a:hover{color: #35CDFF;}
.hpoi-page-box{padding: 0 20px;margin-top: 20px;margin-bottom: 0;}
.hpoi-page-box-sm{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.hpoi-pagination>li{margin-right: 10px;margin-left: 0 !important;}
.hpoi-page-active>a{pointer-events: none;}

/*评论框*/
.hpoi-post-end-box{padding: 20px;position: relative}
.hpoi-post-end-box .hpoi-comment-hint{position: absolute;top: 35%;left: 50%;transform: translate(-35%,-50%);padding: 10px;font-size: 14px;color: #FFFFFF;background: rgba(0,0,0,.6);border-radius: 6px;}
.hpoi-post-comment-box textarea{display: block;color: #666666;width: 100%;height: 120px;border: 1px solid #CCCCCC;border-radius: 6px;padding: 10px;font-size: 14px;outline: none;resize: none;transition: border var(--transition-2s);}
.hpoi-post-comment-box textarea:focus{border-color: #35CDFF !important;}
.hpoi-post-comment-box .comment-bottom-wrap{display: flex;justify-content: space-between;align-items: center;font-size: 14px;margin-top: 20px;}
.hpoi-post-comment-box .comment-bottom-wrap .hpoi-post-emoji{border: 1px solid #CCCCCC;border-radius: 2px;padding: 4px 10px;cursor: pointer;}
.hpoi-post-comment-box .comment-bottom-wrap .bottom-wrap-rt{display: flex;align-items: center;}
.hpoi-post-comment-box .comment-bottom-wrap .bottom-wrap-rt>a{color: #35CDFF;font-size: 14px;margin-right: 8px;}
.hpoi-post-comment-box .comment-bottom-wrap .bottom-wrap-rt>.post-comment-btn{background-color: #35CDFF;color: #FFFFFF;padding: 4px 10px;border-radius: 2px;border: 0;outline: none;transition: background-color var(--transition-2s)}
.sk-spinner-circle.sk-spinner{margin-right: 8px;}
/*二级回复*/
.post-reply-box{background-color: #F8F8F8;padding: 20px;border-radius: 6px;margin-top: 8px;}
.post-reply-box>.post-reply-list{margin: 0;padding: 0;}
.post-reply-box>.post-reply-list .post-reply-item{margin-bottom: 25px;}
.post-reply-box>.post-reply-list .post-reply-item>.user-info{display: flex;font-size: 14px;}
.post-reply-box>.post-reply-list .post-reply-item>.user-info .hpoi-user-avatar-box{width: 30px;height: 30px;position: relative;}
.post-reply-box>.post-reply-list .post-reply-item>.user-info .hpoi-user-avatar-box .hpoi-user-verify{width: 15px;height: 15px;}
.post-reply-box>.post-reply-list .post-reply-item>.user-info>.reply-user-text{flex: 1;margin-left: 10px;color: #444444;word-break: break-all;line-height: 20px;padding: 5px 0;}
.post-reply-box>.post-reply-list .post-reply-item>.user-info>.reply-user-text .name{color: #666666;margin-right: 4px;}
.post-reply-box>.post-reply-list .post-reply-item>.user-info>.reply-user-text .at{margin-right: 4px;}
.post-reply-box>.post-reply-list .post-reply-item>.user-info>.reply-user-text .at:hover{color: #35CDFF;}
.post-reply-box>.post-reply-list .post-reply-item>.user-operation{text-align: right;margin-top: 10px;}
.post-reply-box>.post-reply-list .post-reply-item>.user-operation>a,
.post-reply-box>.post-reply-list .post-reply-item>.user-operation>span{margin-left: 10px;color: #999999;}
.post-reply-box>.post-reply-list .post-reply-item>.user-operation>a:hover{color: #35CDFF;}
.post-reply-input-box{display: flex;}
.post-reply-input-box>div{position: relative;flex: 1;}
.post-reply-input-box .post-reply-content{color: #666666;width: 100%;border: 1px solid #CCCCCC;border-radius: 6px;height: 40px;padding: 9px 16px;font-size: 14px;outline: none;resize: none;transition: background-color var(--transition-2s);}
.post-reply-input-box .post-reply-content::placeholder{color: #999999;}
.post-reply-input-box .post-reply-content:focus{border-color: #35CDFF;}
.post-reply-input-box .post-reply-btn{margin-left: 10px;background-color: #35CDFF;color: #FFFFFF;padding: 0 10px;line-height: 40px;border-radius: 6px;border: 0;outline: none;transition: background-color var(--transition-2s);}
.post-reply-box>.post-reply-list .post-reply-bottom{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.post-reply-self{border: 1px solid #EEEEEE;border-radius: 4px;background: #FFFFFF;color: #666666;padding: 4px 10px;cursor: pointer;}
.post-reply-self:hover{color: #35CDFF;border-color: #35CDFF;}
.hpoi-post-comment-emoji{position: relative;}
.hpoi-emoji-box{top: -150px;left: 50%;margin-left: 170px;z-index: 55;transform: translateX(-50%);}
.hpoi-manager-delreason{width: 100%;}
.hpoi-forum-suspension .item:first-child>a::after{content: "评论";}
.hpoi-forum-suspension .item:nth-child(2)>a::after{content: "刷新";}
.hpoi-forum-suspension .item:nth-child(3)>a::after{content: "回专区";}
.hpoi-forum-suspension .item:last-child>a::after{content: "回顶部";}
.sk-spinner-circle .sk-circle:before{background-color: #35CDFF;}
.hpoi-post-comment-emoji>.emoji:disabled,
.hpoi-post-comment-box textarea:disabled,
.hpoi-post-comment-box .comment-bottom-wrap .bottom-wrap-rt>.post-comment-btn:disabled,
.post-reply-input-box .post-reply-content:disabled,
.post-reply-input-box .post-reply-btn:disabled{background-color: #e5e9ef;border-color: #e5e9ef;color: #b8c0cc;}
.hpoi-post-head{position: relative;}
.hpoi-post-icon-good{position: absolute;top: 20px;right: 30px;width: 74px;}