.page-pay .vip-cards .item .vip-info {
    margin-top: 30px;
}

.page-pay .vip-cards[data-server-rendered="true"] .item[data-plan-theme] .vip-info .vip-price {
    margin-bottom: 10px;
}

.page-pay .vip-cards[data-server-rendered="true"] .le-plan-card-bonus {
    display: flex;
    height: 20px;
    margin-bottom: 20px;
    align-items: center;
    color: #d9480f;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
}

.page-pay .vip-cards[data-server-rendered="true"] .le-plan-card-bonus > span {
    margin-right: 6px;
    padding: 0 6px;
    border-radius: 3px;
    background: #d9480f;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
}

.page-pay .vip-cards[data-server-rendered="true"] .le-plan-card-bonus > strong {
    margin: 0 2px;
    font-size: 14px;
}

.meal-cards .meal-card-title {
    margin: 0 auto .2rem;
}

.meal-cards .meal-card-price {
    margin-bottom: .2rem;
}

.meal-cards .meal-card-bonus {
    display: flex;
    height: .24rem;
    margin-bottom: .2rem;
    align-items: center;
    justify-content: center;
    color: #d9480f;
    font-size: .22rem;
    font-weight: 500;
    line-height: .24rem;
    white-space: nowrap;
}

.meal-cards .meal-card:has(input:checked) .meal-card-bonus {
    color: #fff;
}

.meal-cards .meal-card-bonus strong {
    margin: 0 .02rem;
}