.author-avatar{
    width: 24px;
    height: 24px;
    margin-right: 8px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    cursor: pointer;
}
.detail-tags{
    width: 48px;
    height: 24px;
    border: 1px solid #D0191E;
    color: #D0191E;
    background-color: #fdf3f4;
}
.detail-line{
    width: 100px;
    height: 2px;
    background-color: #EEEEEE;
    margin-top: 24px;
    margin-bottom: 24px;
}
.detail-capsule{
    width: 140px;
    height: 60px;
}

.detail-capsule{
    width: 140px;
    height: 60px;
    border: 1px solid #bbbbbb;
    border-radius: 30px;
    cursor: pointer;
}
.detail-capsule .icon{
    width: 24px;
    height: 24px;
}
.detail-capsule:hover{
    border: 1px solid #D0191E;
}
.detail-share{
    height: 100px;
    background-color: #f4f4f4;
    border-top: 6px solid #D0191E;
    padding-left: 24px;
    padding-right: 32px;
}
.detail-share .icon{
    width: 38px;
    height: 38px;
}

.publisher-avatar{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.evaluate-item:first-child{
    margin-top: 20px;
}
.evaluate-item:not(:first-child){
    margin-top: 32px;
}

.evaluate-content{
    padding: 16px;
    border-radius: 8px;
    background-color: #f4f4f4;
}

.evaluate-operate .icon{
    width: 20px;
    height: 20px;
    margin-right: 9px;
}

.common-right .info-item:first-child{
    margin-top: 12px;
}
.common-right .info-item:not(:first-child){
    margin-top: 20px;
}
.info-item{

}
.info-item-left{
    width: calc(70% - 12px);
}
.info-item-tags{
    width: 40px;
    height: 23px;
    background-color: #F4F4F4;
}
.info-item-img{
    width: 30%;
    height: 70px;
}
.info-item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}