.hc-ledger-page {
    height: 100%;
    .hc-tab-bar {
        position: relative;
        border-top: 2rpx solid #f3f3f3;
        border-bottom: 2rpx solid #f3f3f3;
        height: 92rpx;
    }
    .hc-content-bar {
        position: fixed;
        bottom: 146rpx;
        left: 0;
        right: 0;
        height: 408px;
        padding: 24rpx;
        background: white;
        box-shadow: 0 -4rpx 12rpx 0 rgba(0, 0, 0, 0.1);
        border-radius: 14rpx 14rpx 0 0;
        z-index: 22;
        transition: height 0.3s ease-in-out;
        .arrow-bar {
            position: absolute;
            top: -60rpx;
            background: white;
            font-size: 50rpx;
            color: #007aff;
            height: 60rpx;
            width: 80rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 16rpx;
            box-shadow: 0 -4rpx 10rpx 0 rgba(0, 0, 0, .15);
            border-radius: 12rpx 12rpx 0 0;
        }
        .time-form-item {
            display: flex;
            justify-content: space-between;
            padding-bottom: 0.3125rem;
            border-bottom: 1px solid #f8e2c8;
            font-size: 0.875rem;
        }
    }
}