laundry/pages/sorting/enter/enter.wxss

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

.contioner {
    padding: 24rpx;
    background: #ffffff;
}

.contioner .title {
    font-size: 28rpx;
    font-weight: 600;
    color: #333333;
}

.contioner .message {
    width: 316rpx;
    height: 65rpx;
    font-size: 24rpx;
    color: #999999;
}

.contioner .box {
    width: 146rpx;
    height: 112rpx;
    background: #F8F8F8;
    border-radius: 8rpx;
    flex-direction: column;
}

.contioner .box .num text {
    color: #F23131;
}

.contioner .box .num {
    font-size: 36rpx;
    font-weight: 600;
    color: #333;
}

.contioner .box .tips {
    font-size: 24rpx;
    color: #999999;
}

.contioner .icon {
    width: 28rpx;
    height: 28rpx;
    margin-right: 8rpx;
}

.contioner .les {
    font-size: 24rpx;
    color: #52A1FF;
}

.contioner .lrs {
    font-size: 24rpx;
    color: #F23131;
}

.contioner .left .tit {
    font-size: 24rpx;
    font-weight: 600;
    color: #333333;
}

.contioner .left .content {
    font-size: 24rpx;
    color: #666666;
}

.contioner .right {
    font-size: 24rpx;
    color: #F23131;
}

.list {
    padding: 24rpx;
}

.list .item {
    width: 702rpx;
    background: #FFFFFF;
    border-radius: 16rpx;
}

.list .item .title {
    padding: 32rpx 24rpx;
}

.list .item .title .tit {
    font-size: 28rpx;
    font-weight: 500;
    color: #0F8800;
}

.list .item .title .color {
    width: 26rpx;
    height: 26rpx;
    background: #E4E4E4;
}

.list .item .title .col {
    font-size: 26rpx;
    color: #999999;
}

.list .item .title .lr {
    font-size: 24rpx;
    color: #666666;
}

.list .item .boxs {
    padding: 24rpx;
    font-size: 24rpx;
    color: #666666;
    position: relative;
}


.list .item .boxs .le {
    font-size: 24rpx;
    font-weight: 600;
    color: #333333;
}

.list .item .boxs .rightTips {
    width: 136rpx;
    height: 48rpx;
    background: #FFE1E1;
    border-radius: 24rpx 0px 0px 24rpx;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
}

.list .item .boxs .rightTips .icon {
    width: 24rpx;
    height: 24rpx;
}

.list .item .footerBox {
    padding: 24rpx 0rpx;
}

.list .item .footerBox .foots {
    width: 175rpx;
}

.blue {
    font-size: 24rpx;
    color: #52A1FF;
}

.red {
    font-size: 24rpx;
    color: #F23131;
}

.list .item .footerBox .icon {
    width: 32rpx;
    height: 32rpx;
    margin-right: 5rpx;
}

.list .item .footerBox .line {
    width: 1rpx;
    height: 32rpx;
    background: #EDEDED;
}

.error {
    font-size: 24rpx;
    color: #F23131;
}

.footer {
    width: 750rpx;
    height: 148rpx;
    background: #FFFFFF;
    border-radius: 24rpx 24rpx 0px 0px;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 30rpx;
}

.footer .btn {
    padding: 0rpx 52rpx;
    border-radius: 8rpx;
    line-height: 88rpx;
    font-size: 30rpx;
    height: 88rpx;
}

.footer .icon {
    width: 32rpx;
    height: 32rpx;
}

.btn-border {
    border: 1rpx solid #52A1FF;
    color: #52A1FF;
}