.ah-frame-bg{background:#404040;padding:10px;margin-bottom:10px;border-radius:5px;box-sizing:border-box}
.flex-space-auto{justify-content:space-between;align-items:center}
.flex{display:flex}
.flex-column{flex-direction:column}
.flex-space-auto{justify-content:space-between;align-items:center}
.comment-editor .tool-bar{margin-top:5px}
.color-white{color:#fff}
.bg-red{background-color:#b73a3a}
.color-yellow-2{color:#ccc964}
.fs-16{font-size:16px}
.fw-700{font-weight:700}
.fs-20{font-size:20px}
.margin-0-5{margin:0 5px}
.comment-editor .content-of-comment{flex:1;background:#000;color:#fff;padding:10px;font:400 14px roboto;border:1px solid #959595;resize:vertical;border-radius:3px}
.margin-t-10{margin-top:10px}
.bg-comment{padding:10px;background:#171717;margin:5px 0;border-radius:10px}
.user-comment .left .avatar{width:50px;cursor:pointer;position:relative;height:50px;overflow:hidden;border:3px solid #009688}
.user-comment .left .avatar img{width:100%}
.user-comment .right{flex:1;padding-left:10px;box-sizing:border-box}
.flex-hozi-center{align-items:center}
.user-comment .right .nickname{font-weight:700;color:#669698;margin-right:5px}
.user-comment .right .content{padding:5px 0 8px 0;/*word-break:break-all;*/color:#afaaaa;font-size:13px}
.user-comment .right .content + div,.user-comment .right .content + div a{color:#7d7d7d}
.margin-r-5{margin-right:5px}
.fs-12{font-size:12px}
.frame-reply-comments{border-left:1px dashed #000000;margin-left:35px;padding-left:10px}
p.classcmerr.act{font-size:12px;color:#e1e194;padding:3px 0;font-style:italic}
.capbackk{padding-top:1px}
p.vcmerr{font-size:12px;font-style:italic;color:#686868}
.loadComments{width:100%;text-align:center;display:block;background:#607D8B;padding:6px;border-radius:6px;cursor:pointer;color: #fff}
.loadComments a{color:#fff}
.loadComments:hover{background:#557585}
p.classcmerr {
    float: left;
    width: calc(100% - 100px);
}