yelaixiang/pages/index/paid/paid.scss

.listAll{
    background: #FAF5EB;
    background-size: cover;
    height: 100vh;
}
.title{
    width: 100%;
    z-index: 10;
    background: #F5EAD2;
    padding-bottom: 20rpx;
    .titles{
        text-align: center;
        color: #000;
        font-size: 36rpx;
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-weight: bold;
        padding-top: 10rpx;
    }
    .back{
        position: absolute;
        left: 30rpx;
        width: 80rpx;
        height: 35rpx;
        image{
            width: 18rpx;
            height: 100%;
        }
    }
}
.list{
    padding:30rpx 30rpx;
    li{
        margin-bottom: 30rpx;
        position: relative;
        overflow: hidden;
        padding:40rpx;
        display: flex;
        .left{
            flex:1;
            .name{
                font-size: 30rpx;
            }
            .time{
                font-size: 28rpx;
                color: #666666;
            }
        }
        .right{
            padding-left: 50rpx;
            font-size: 28rpx;
            color: #954024;
            span{
                font-size: 48rpx;
            }
        }
    }
    .payment{
        position: fixed;
        bottom:0;
        left: 0;
        width: calc(100% - 80rpx);
        background: #F5EAD2;
        display: flex;
        justify-content:space-between;
        padding:40rpx;
        .pay_l{
            font-size: 24rpx;
            color: #954024;
            span{
                font-size: 28rpx;
            }
            text{
                font-size: 48rpx;
            }
        }
        .pay_r{
            button{
                color: #fff;
                font-size: 30rpx;
                background-color: #954024;
                padding:0 56rpx;
                border-radius: 100rpx;
            }
        }
    }
}