laundry/pages/my/cashier/cashier.wxss

/* pages/my/cashier/cashier.wxss */
page {
    width: 750rpx;
    min-height: 100vh;
    background: #F6F6F6;
}

.topBox {
    flex-direction: column;
    width: 750rpx;
    height: 316rpx;
    background: #FFFFFF;
}

.topBox .num {
    font-size: 80rpx;
    font-weight: 500;
    color: #191C27;
}

.topBox .tips {
    font-size: 28rpx;
    color: #FF663D;
}

.centerBox {
    width: 750rpx;
    background: #FFFFFF;
    padding: 32rpx;
}

.centerBox .tit {
    font-size: 32rpx;
    font-weight: 500;
    color: #191C27;
    margin-bottom: 32rpx;
}

.centerBox .message {
    margin-bottom: 88rpx;
}

.centerBox .message .le {
    font-size: 30rpx;
    color: #191C27;
}

.centerBox .message .icon {
    width: 48rpx;
    height: 48rpx;
}

.centerBox .message .active {
    width: 46rpx;
    height: 46rpx;
}

.centerBox .content{
    margin-bottom: 60rpx;
}
.centerBox .content .items {
    width: 207rpx;
    height: 154rpx;
    background: #FFFFFF;
    box-shadow: 0px 10rpx 10rpx 0px rgba(188, 188, 188, 0.15);
    border-radius: 8rpx;
    margin-right: 32rpx;
    flex-direction: column;
    position: relative;
}

.centerBox .content .items .icon{
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.centerBox .content .items .name {
    font-size: 32rpx;
    color: #191C27;
}

.centerBox .content .items .val {
    font-size: 24rpx;
    color: #FF663D;
}

.footerNav {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 750rpx;
    height: 162rpx;
    background: #FFFFFF;
}

.footerNav .btn {
    width: 686rpx;
    height: 98rpx;
    line-height: 98rpx;
    box-shadow: 0px 10rpx 20rpx 0px rgba(35, 107, 248, 0.2);
    border-radius: 49rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #FFFFFF;
}