laundry/pages/order/placeOrder/placeOrder.wxss

/* pages/order/placeOrder/placeOrder.wxss */

.topBox {
    padding: 16rpx 32rpx;
}

.topBox .title {
    font-size: 34rpx;
    font-weight: 600;
    color: #191C27;
}

.topBox .footer {
    font-size: 24rpx;
    color: #666666;
    margin-top: 25rpx;
}

.topBox .footer .le {
    border-right: 1rpx solid #E4E4E4;
    padding-right: 40rpx;
}

.topBox .footer .address {
    margin-bottom: 20rpx;
}


.topBox .footer .tips {
    font-size: 24rpx;
    color: #666666;
}

.topBox .footer .tips .tag {
    font-size: 22rpx;
    color: #E13C30;
    padding: 6rpx;
    background: #FFEBEA;
    border-radius: 2rpx;
    margin-right: 16rpx;
}

.topBox .footer .swiperBox {
    width: 150rpx;
    height: 105rpx;

}

.topBox .footer .swiperBox swiper-item {
    width: 100%;
    height: 100%;
}


.topBox .footer .swiperBox image {
    width: 40rpx;
    height: 40rpx;
    margin-right: 10rpx;
}

.topBox .footer .swiperBox text {
    font-size: 26rpx;
    color: #191C27;
}



.wx-swiper-dot {
    width: 24rpx !important;
    height: 5rpx !important;
    border-radius: 2rpx !important;
    bottom: 0rpx !important;

}

.wx-swiper-dot-active {
    width: 24rpx !important;
    height: 5rpx !important;

    border-radius: 2rpx !important;
}

.scrollBox {
    white-space: nowrap;
    padding: 32rpx 0;
    padding-left: 32rpx;
}

.scrollBox scroll-view {
    height: 175rpx;
}

.scrollBox .show {
    width: 390rpx;
    margin-right: 16rpx;
    height: 170rpx;
    border-radius: 10rpx;
}

.footerBox {
    width: 750rpx;
    height: 146rpx;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 200;
}

.footerBox .btnBox {
    width: 686rpx;
    height: 82rpx;
    background: #3A3A3A;
    border-radius: 41rpx;
    overflow: hidden;
}

.footerBox .btnBox .box {
    position: relative;
    margin: 0 40rpx;
}

.footerBox .btnBox .box image {
    width: 56rpx;
    height: 56rpx;
}

.footerBox .btnBox .tips {
    font-size: 28rpx;
    color: #999999;
}

.footerBox .btnBox .pricce {
    font-size: 32rpx;
    color: #FFFFFF;
}

.footerBox .btnBox .pricce .num {
    font-size: 48rpx;
}

.footerBox .btnBox .lr {
    width: 200rpx;
    height: 82rpx;
    line-height: 82rpx;
    font-size: 32rpx;

}

.footerBox .btnBox .gray {
    font-size: 32rpx;
    font-weight: 500;
    color: #999999;
    background: #5B5B5B;
    text-align: center;
}

.contioner {
    height: 50vh;
}

.listBox {
    min-height: 550rpx;
    width: 80%;
    white-space: nowrap;
    height: 100%;

}

.listBox scroll-view {
    width: 100%;
    height: 100%;

}

.listBox .title {
    font-size: 28rpx;
    font-weight: 500;
    color: #191C27;
    padding: 16rpx;
}

.listBox .box {
    padding: 0 40rpx;
}

.listBox .title .line {
    width: 90%;
    height: 1px;
    background: #EDEDED;
    margin-left: 15rpx;

}

.listBox .items {
    padding: 30rpx 0;
}

.listBox .items .le {
    margin-right: 16rpx;
}

.listBox .items .picture {
    width: 140rpx;
    height: 140rpx;
}

.listBox .items .message {
    flex-direction: column;
    align-items: flex-start;
    height: 140rpx;
    width: 100%;

}



.listBox .items .lr {
    width: 80%;

}

.listBox .items .num {
    width: 100%;
}

.listBox .items .num .price {
    font-size: 24rpx;
    color: #191C27;
}

.listBox .items .num .price .number {
    font-size: 36rpx;
    font-weight: 600;
}

.listBox .items .btn {
    width: 40rpx;
    height: 40rpx;
    border-radius: 50%;
}

.listBox .items .num .oldPrice {
    font-size: 24rpx;
    color: #BDBDBD;
    margin-left: 12rpx;
    text-decoration: line-through;
}

.carBox {
    padding-bottom: 200rpx;
}

.carBox .tit {
    width: 750rpx;
    height: 92rpx;
    background: #F6F6F6;
    padding: 32rpx;
}

.carBox .tit .le {
    font-size: 28rpx;
    color: #191C27;
}

.carBox .tit .lr {
    font-size: 28rpx;
    color: #666666;
}

.carBox .tit .del {
    width: 32rpx;
    height: 32rpx;
    margin-right: 8rpx;
}

.carBox .box {
    white-space: nowrap;
}

.carBox .box scroll-view {
    height: 500rpx;
    padding-left: 40rpx;
    padding-right: 32rpx;
    box-sizing: border-box;

}

.carBox .items {
    padding: 30rpx 0;
}

.carBox .items .le {
    margin-right: 32rpx;
}

.carBox .items .picture {
    width: 104rpx;
    height: 104rpx;
}

.carBox .items .message {
    flex-direction: column;
    align-items: flex-start;
    height: 104rpx;
    width: 100%;

}

.nums {
    margin: 0 30rpx;
}

.carBox .items .lr {
    width: 80%;

}

.carBox .items .num {
    width: 100%;
}

.carBox .items .num .price {
    font-size: 24rpx;
    color: #191C27;
}

.carBox .items .num .price .number {
    font-size: 36rpx;
    font-weight: 600;
}

.carBox .items .btn {
    width: 40rpx;
    height: 40rpx;
    border-radius: 50%;
}

.carBox .items .num .oldPrice {
    font-size: 24rpx;
    color: #BDBDBD;
    margin-left: 12rpx;
    text-decoration: line-through;
}

.slidebar {
    width: 20%;
    height: 100%;
    white-space: nowrap;

    background: #F6F6F6;
}

.slidebar scroll-view {
    height: 100%;
}

.slidebar .sliderItem {
    height: 94rpx;
    line-height: 94rpx;
    text-align: center;
    font-size: 30rpx;
    color: #666666;
    border-left: 8rpx solid transparent;

}

.slidebar .sliderItem.active {
    height: 94rpx;
    line-height: 94rpx;
    text-align: center;
    font-size: 30rpx;
    font-weight: 500;
    color: #191C27;
    border-left: 8rpx solid #4699FF;
}

.details {
    padding: 32rpx;
    padding-bottom: 100rpx;
}

.details .title {
    width: 545rpx;
    font-size: 34rpx;
    font-weight: 500;
    color: #191C27;
    padding: 12rpx 0;
    margin-bottom: 20rpx;
}

.details .tag {
    font-size: 24rpx;
    color: #4699FF;
    width: 84rpx;
    height: 32rpx;
    line-height: 32rpx;
    text-align: center;
    background: #E8F2FF;
    border-radius: 2rpx;
}

.details .grayText {
    font-size: 28rpx;
    color: #666666;
    margin-top: 32rpx;
}