.bill-list {

    .list-cell {
        position: relative;
        margin: 20rpx 20rpx 0;
        background: white;
        border-radius: 10rpx;
        height: 144rpx;
        border: 1rpx solid #ddd;
        box-shadow: 0 0 10rpx rgba(79, 180, 52, 0.12);
        display: flex;
        align-items: center;
        padding: 0 20rpx;
    }

    .right {
        margin-left: 20rpx;
        flex: 1;

        .bill-name {
            font-size: 36rpx;
            color: #373c40;
            line-height: 1;
        }

        .bottom {
            margin-top: 20rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .timer {
                color: #999;
                font-size: 28rpx;
                line-height: 1;
            }

            .detail {
                color: $jx-primary
            }
        }
    }

    .icon {
        width: 80rpx;
        height: 80rpx;
        background-repeat: no-repeat;
        background-size: 100%;
        flex-shrink: 0;
    }
}

.new {
    position: absolute;
    right: -10rpx;
    top: -10rpx;
    background-color: rgb(219, 0, 0);
    font-size: 20rpx;
    width: 30rpx;
    height: 30rpx;
    text-align: center;
    line-height: 30rpx;
    color: #fff;
    border-radius: 100rpx;
    animation: bill-new-animation 0.5s ease-in-out infinite alternate;
}


.icon-normal {
    background-image: url(https://image.jxc4.com/image/d25167c85897406090cb345edc57b70f.png);
}

.icon-new {
    background-image: url(https://image.jxc4.com/image/afafe57e72dfbf221cca0f481b2a41a9.png);
}

@keyframes bill-new-animation {
    0% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1.05);
    }
}