/*.rating-result {
    
    margin: 0 auto;
    display: block;
}
.rating-result span {
    display: inline-block; vertical-align: top;
    height: 30px;
    width: 30px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(icon/star.svg);
}

.rating-result > span.active {
   background-image: url(icon/star_active.svg);
    
}




.rating-area {
    overflow: hidden;
    margin: 0 auto;
    display: inline-block;
}
.rating-area:not(:checked) > input {
    display: none;
}
.rating_count{
    display: none;
}
.rating-area:not(:checked) > label {
    display: block;
    height: 30px;
    width: 30px;
    background-size: auto;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(icon/star.svg);
}
.rating-area:not(:checked) > label:before {
   background-image: url(icon/star.svg);

}
.rating-area > label.active{
    background-image: url(icon/star_active.svg);

}
.rating-area > input:checked ~ label {
   background-image: url(icon/star_full.svg);
    
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    background-image: url(icon/star_full.svg);
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    background-image: url(icon/star_full.svg);
}
.rate-area > label:active {
    position: relative;
}*/