:root{
    --avatar-width:3rem;
    --avatar-padd-right:.5rem;
}
div.kk-comments{
    width:100%;
    height:auto;
    margin-top:1rem;
    background-color:#fff;
    border:1px solid #f2f2f2;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
div.kk-comments > *
{
    width:inherit;
    height:inherit;   
}
div.kk-comments-heijin{
    width:100%;
    height:auto;
}
div.kkcs-head{
    height:2rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
div.kkcs-h-title, div.kkcs-h-more{
    width:auto;
    padding:0 .5rem;
}
div.kkcs-item{
    width:inherit;
    padding:.5rem;
    border-top:1px solid hsla(0,0%,94.1%,.5);
}
div.kk-comments-heijin div.kkcs-item
{
    border-top:none;
    border-bottom:1px solid hsla(0,0%,94.1%,.5);
}
div.kkcs-i-data
{
    width:inherit;
    height:auto;
    display:flex;
}
div.kkcs-id-avatar{
    width:var(--avatar-width);
    height:inherit;
}
div.kkcs-id-avatar img{
    width:inherit;
    height:inherit;
    border-radius:.25rem;
    max-width:initial !important;
}
div.kkcs-id-info{
    padding-left:.5rem;
    height:inherit;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    font-size:14px;
}
div.kkcs-idi-title{
    color:#666;
}
div.kk-comments-heijin div.kkcs-idi-title{
    color: #d5d5d5;
}
span.kkcs-idit-light
{
    color:#E40F0F;
}
div.kk-comments-heijin span.kkcs-idit-light{
    color:#f5a45d;
}
div.kkcs-i-date
{
    height:1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-left:calc(var(--avatar-width) + var(--avatar-padd-right));
    color:#999;
}
div.kk-comments-container-more
{
    width: 100%;
    padding: 0px 15px;
    height:auto;
}
div.kkcs-page,div.kkcs-page-heijin{
    margin-bottom:.5rem;
    display: flex;
    justify-content: center;
}
div.kkcs-page-heijin
{
    margin-top:.5rem;
    margin-bottom:0;
}
div.kk-comments-heijin-more
{
    margin-top:.5rem;
    text-align:center;
}