﻿.wallet-wrap { background-color: #fff; padding: 30rpx; }
.wallet-card { width: 690rpx; height: 301rpx; background-image: url('/static/images/common/bg.png'); background-size: cover; background-position: center; border-radius: 20rpx; padding: 30rpx; position: relative; box-shadow: 1rpx 5rpx 16rpx 0px rgba(229,77,66, 0.81);
    .head-box { margin-bottom: 20rpx;
        .head-title { font-size: 24rpx; font-weight: 400; color: #ffffff; }
        .look-btn { color: #fff; font-size: 30rpx; background: none; padding: 0; margin-left: 20rpx; }
    }
    .card-num { font-size: 40rpx; font-weight: 500; color: #fefefe; margin-bottom: 30rpx; }
    .card-bottom {
        .card-item {
            .item-title { font-size: 24rpx; font-weight: 400; color: #ffffff; margin-bottom: 10rpx; }
            .item-value { font-size: 30rpx; font-weight: 500; color: #fefefe; }
        }
    }
    .draw-btn { position: absolute; top: 35rpx; right: 35rpx; width: 121rpx; height: 58rpx; background: #ffffff; border-radius: 29rpx; padding: 0; font-size: 24rpx; font-weight: 500; color: #e54d42; }
}
    .wallet-card .head-box .look-btn .cuIcon-attentionfill,
    .wallet-card .head-box .look-btn .cuIcon-attentionforbidfill { line-height: 30rpx; }
.head_box { height: 120rpx; padding: 0 30rpx; background-color: #f6f6f6;
    .date-btn { font-size: 24rpx; color: #666666; }
    .total-box { font-size: 24rpx; font-weight: 500; color: #666666; }
}
.state-item { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #fff; border-bottom: 1rpx solid rgba(153, 153, 153, 0.5);
    .state-title { color: #666; font-weight: 500; font-size: 28rpx; line-height: 90rpx; }
    .title-active { color: #333; }
    .underline { display: block; width: 68rpx; height: 4rpx; background: #fff; border-radius: 2rpx; }
    .underline-active { background: #e54d42; display: block; width: 68rpx; height: 4rpx; border-radius: 2rpx; }
}
