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 {
    position: relative;
    width: 210rpx;
    height: 92rpx;
    border-radius: 8rpx;
    line-height: 40rpx;
    margin-right: auto;
    margin-bottom: 10rpx;
}

.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: 0rpx 32rpx;
}

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

.delivery .btnBox {
    /* width: 415rpx; */
    height: 66rpx;
    background: #F1F1F1;
    border-radius: 32rpx;
    flex: auto;
    flex-direction:row-reverse
}

.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: 68%;
}

.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: 30%;
}

.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: 0rpx 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: 100%;
}

.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;
}

.m-bottom-25{
    margin-bottom: 0;
}

.popup_view{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    background: rgba(0, 0, 0, .5);
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popup_item{
    padding: 44rpx 50rpx;
    width: calc(100vw - 160rpx);
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popup_item>view:nth-child(1){
    font-size: 36rpx;
    font-weight: bold;
    color: #4a4a4a;
}
.popup_item>view:nth-child(2){
    margin: 30rpx 0 46rpx;
    font-size: 28rpx;
    color: #4a4a4a;
}
.popup_item>view:nth-child(3){
    margin: 0 0 32rpx;
    width: 100%;
    font-size: 24rpx;
    color: #9b9b9b;
}
.popup_item>view:nth-child(3)>view{
    margin: 0 0 14rpx;
}
.pop_btn{
    width: calc(100vw - 260rpx);
    height: 94rpx;
    line-height: 94rpx;
    font-size: 28rpx;
    color: #fff;
    background: #32A517;
    border-radius: 8rpx;
}

.red_price{
    color: #ff7300;
}

.num_pop{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 4rpx 5rpx 0 10rpx;
    font-size: 20rpx;
    background: #ff7300;
    color: #fff;
    color: #fff;
    border-radius: 50rpx 0 0 0;
}