.rateinfo {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.rateinfo .starsBlock {
    display: flex;
    flex-direction: column;
}

.rateinfo .voidAllStars {
    display: flex;
}

.rateinfo .voideInfo {
    display: flex;
    margin-top: 5px;
    align-items: center;
    gap: 5px;
}

.rateinfo span.totalVoites {
    font-size: 14px;
}

.rateinfo .articleTotalRage {
    font-size: 14px;
    line-height: 14px;
}

.rateinfo .voideInfo .starsinfo {
    /* margin-right: 5px; */
    /* font-size: 12px; */
    /* line-height: normal; */
}

.rateinfo .voideInfo .starsinfo span {
    /* font-size: 12px; */
    /* line-height: normal; */
}

.rateinfo .voideInfo .mycurVoid {
    color: #999999;
}


.rateinfo .ratingStars_detial {
    display: flex;
    flex-direction: column;
    line-height: normal;
}

.rateinfo .ratingStars_detial .articleRate {
    line-height: normal;
}

.rateinfo .ratingStars {
    height: 18px;
    display: flex;
    position: relative;
    width: 155px;
    margin-right: 10px;
    /* margin-top: 5px; */
}

.rateinfo .ratingStars .rSItemBlock {
    width: 21px;
    height: 18px;
    margin-right: 10px;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    box-sizing: content-box;
    /* margin-right: 10px; */
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    background: #cccccc url(/upload/img/ratingstar.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    cursor: pointer;
}


.rateinfo .ratingStars .rSItemBlock.active, .rateinfo .ratingStars .rSItemBlock.actives {
    background-color: #ff912f;
}

.rateinfo .ratingStars .rSItemBlock:hover {
    background-color: #ff912f;
}