laundry/pages/order/confirmOreder/confirmOreder.wxss

/* pages/order/confirmOreder/confirmOreder.wxss */
page {
    width: 750rpx;
    min-height: 100vh;
    background: #F6F6F6;
    padding-bottom: 120rpx;
}

.topBox {
    width: 750rpx;
    height: 138rpx;
    background: #FFFFFF;
    padding: 0 32rpx;
}

.topBox .icon {
    width: 75rpx;
    height: 75rpx;
}

.topBox .message {
    margin-left: 25rpx;

}

.topBox .message .tit {
    font-size: 28rpx;
    font-weight: 500;
    color: #191C27;
}

.topBox .message .time {
    font-size: 24rpx;
    color: #666666;
}

.messageBox {
    background-color: #FFFFFF;
}

.messageBox .top {
    padding: 32rpx;
}


.messageBox .top .lr {
    width: 30%;
}

.messageBox .top .item .icon {
    width: 80rpx;
    height: 80rpx;
}

.messageBox .top .item .name {
    font-size: 28rpx;
    color: #191C27;
}

.messageBox .top .item .num {
    font-size: 20rpx;
    color: #191C27;
}

.messageBox .top .item .num text {
    font-size: 28rpx;
}

.messageBox .top .item .price {
    font-size: 24rpx;
    color: #191C27;
}

.messageBox .top .item .price text {
    font-size: 36rpx;

}

.footer {
    padding: 40rpx 32rpx;
    font-size: 28rpx;
    background: #FFFFFF;

}

.footer .lr {
    color: #999999;
}

.addService {
    padding: 24rpx 32rpx;
    background: #FFFFFF;
}

.addService .title {
    font-size: 28rpx;
    color: #191C27;
}

.addService .content {
    margin-top: 32rpx;
    flex-wrap: wrap;
}

.addService .items {
    width: 210rpx;
    height: 92rpx;
    border-radius: 8rpx;
    line-height: 40rpx;
    margin-right: auto;
}

.addService .items.gray {
    border: 2rpx solid #F0F0F0;
    background: #FFFFFF;

}

.addService .items.active {
    background: #E8F3FF;
    border: 2rpx solid #4699FF;
}

.addService .items .name {
    font-size: 24rpx;
    color: #191C27;
    text-align: center;
}

.addService .items .num {
    font-size: 20rpx;
    color: #191C27;
    text-align: center;
}

.delivery {
    background: #fff;
    padding: 24rpx 32rpx;
}

.delivery .title {
    font-size: 28rpx;
    color: #191C27;
}

.delivery .btnBox {
    width: 296rpx;
    height: 66rpx;
    background: #F1F1F1;
    border-radius: 32rpx;
}

.delivery .btnBox .btn {
    width: 144rpx;
    height: 58rpx;
    line-height: 58rpx;
    text-align: center;
    font-size: 26rpx;
    border-radius: 29rpx;

    color: #666666;
}

.delivery .btnBox .btn.active {
    color: #FFFFFF;

    background: #31333B;
}

.delivery .center .le {
    width: 74%;
}

.delivery .center .address {
    font-size: 24rpx;
    color: #666666;
}

.delivery .center .time {
    font-size: 24rpx;
    color: #666666;
}

.delivery .center .lr {
    font-size: 28rpx;
    color: #191C27;
    border-left: 1px solid #E4E4E4;
    width: 20%;
}

.delivery .center .lr .code {
    font-size: 24rpx;
    color: #191C27;
}

.delivery .center .lr .num {
    font-size: 36rpx;
}

.delivery .message {
    width: 686rpx;
    height: 148rpx;
    background: #F6F6F6;
    border-radius: 8rpx;
    margin-top: 32rpx;
    padding: 24rpx;
}

.delivery .message .tit {
    font-size: 24rpx;
    color: #666666;
}

.delivery .message .content {
    font-size: 28rpx;
    color: #999999;
}

.chiose {
    padding: 32rpx;
    font-size: 24rpx;
    color: #666666;
}

.chiose .tips {
    color: #4699FF;
}

.footerNav {
    width: 750rpx;
    height: 114rpx;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #FFFFFF;
    padding: 24rpx 32rpx;
}

.footerNav .le {
    font-size: 32rpx;
    color: #191C27;
}

.footerNav .le .num {
    font-size: 48rpx;
}

.footerNav .le .tips {
    font-size: 22rpx;
    color: #666666;
}

.footerNav .btn {
    width: 224rpx;
    height: 82rpx;
    border-radius: 41rpx;
    line-height: 82rpx;
    font-size: 32rpx;
    font-weight: 500;
}

.pupBox {
    padding: 32rpx;
}

.pupBox .tit {
    font-size: 36rpx;
    font-weight: 500;
    color: #191C27;
}

.pupBox .content {
    margin-top: 50rpx;
}

.pupBox .content .inputBox {
    padding: 40rpx;
}

.pupBox .content .inputBox text {
    margin-right: 48rpx;
    font-size: 28rpx;
    color: #191C27;
}

.pupBox .content .inputBox input {
    font-size: 28rpx;
    width: 52%;
}

.pupBox .btn {
    width: 686rpx;
    line-height: 98rpx;
    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;
    margin-top: 65rpx;
}

.pupBox .bg {
    width: 686rpx;
    height: 287rpx;
    background: #F6F6F6;
    border-radius: 8rpx;
    padding: 24rpx;
    box-sizing: border-box;
}

.pupBox .placeholder {
    font-size: 28rpx;
    color: #999999;
}