@import '@/static/style/mixin-svg.scss';

.score-root {
    box-sizing: border-box;
    padding: 20rpx;
}

.score-item {
    display: flex;
    border-radius: 10rpx;
    box-shadow: 0 5rpx 5rpx rgba(black, .3);
    margin-bottom: 20rpx;
    align-items: center;
    padding: 20rpx;
    background: white;
    box-sizing: border-box;
    border: 1rpx solid #eee;
}

.score-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50rpx;
    height: 50rpx;
    margin-right: 10rpx;
    flex: none;
}

.level1 {
    @include svg_icon(star, f4d522);
}

.level2 {
    @include svg_icon(star, c9c7c7);
}

.level3 {
    @include svg_icon(star, d28751);
}

.level0 {
    @include svg_icon(star, dddddd);
}

.left {
    flex: 1;

    .storeName {
        color: black;
        font-size: 36rpx;
    }

    .date {
        color: #539941;
        font-size: 30rpx;
    }
}

.right {
    flex: none;
    text-align: right;
    font-size: 50rpx;
    font-weight: bold;
    color: #4EB331;
}

.no-list {
    color: #666;
    text-align: center;
    font-size: 32rpx;
}