laundry/pages/tabber/order/see/see.wxss

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

.contioner {
    padding: 24rpx;
    background: #ffffff;
}
.img{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  

}
.img image{
  width:150rpx;height:150rpx;
  margin: 5rpx 7rpx;
}
.flexs{
  display: flex;
    /* align-items: center; */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
}
.m-left-20 {
  margin-left: 20rpx;
  font-size: 24rpx;
  font-weight: 600;
  color: #333333;
}
.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;
}

/* 查看订单--------------------------------- */

.mod1 {
    height: 1190rpx;
    border-radius: NaNrpx;
    background-color: rgba(255,255,255,1);
    display: flex;
    flex-direction: column;
    padding-top: 32rpx;
    width: 750rpx;
  }
  .bd1 {
    width: 750rpx;
    height: 1158rpx;
    display: flex;
    flex-direction: column;
  }
  .word1 {
    width: 171rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Semibold;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
    margin-left: 32rpx;
  }
  .block1 {
    width: 686rpx;
    height: 114rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 32rpx 0 0 32rpx;
  }
  .outer1 {
    width: 114rpx;
    height: 114rpx;
    background-color: rgba(216,216,216,1);
    display: flex;
    flex-direction: column;
  }
  .outer2 {
    width: 548rpx;
    height: 104rpx;
    margin-top: 5rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .infoBox1 {
    width: 545rpx;
    height: 56rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    line-height: 24rpx;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .layer1 {
    width: 548rpx;
    height: 24rpx;
    margin-top: 24rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .box1 {
    width: 160rpx;
    height: 24rpx;
    overflow-wrap: break-word;
    text-align: left;
    white-space: nowrap;
    font-size: 0rpx;
  }
  .info1 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(51,51,51,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .info2 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(74,74,74,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .word2 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(153,153,153,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .word3 {
    width: 36rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153,153,153,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
  }
  .block2 {
    width: 553rpx;
    height: 24rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 32rpx 0 0 32rpx;
  }
  .word4 {
    width: 98rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Semibold;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
  }
  .bd2 {
    width: 415rpx;
    height: 24rpx;
    overflow-wrap: break-word;
    text-align: left;
    white-space: nowrap;
    font-size: 0rpx;
  }
  .word5 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(51,51,51,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .info3 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(74,74,74,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .txt1 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(153,153,153,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .word6 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(51,51,51,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .info4 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(74,74,74,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .info5 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(153,153,153,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .block3 {
    width: 686rpx;
    height: 1rpx;
    background-color: rgba(237,237,237,1);
    display: flex;
    flex-direction: column;
    margin: 32rpx 0 0 32rpx;
  }
  .block4 {
    width: 686rpx;
    height: 114rpx;
    flex-direction: row;
    display: flex;
    margin: 32rpx 0 0 32rpx;
  }
  .section2 {
    width: 114rpx;
    height: 114rpx;
    background-color: rgba(216,216,216,1);
    display: flex;
    flex-direction: column;
  }
  .section3 {
    width: 229rpx;
    height: 72rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 21rpx 0 0 24rpx;
  }
  .word7 {
    width: 229rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
  }
  .main2 {
    width: 160rpx;
    height: 24rpx;
    overflow-wrap: break-word;
    text-align: left;
    white-space: nowrap;
    margin-top: 24rpx;
    font-size: 0rpx;
  }
  .info6 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(51,51,51,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .word8 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(74,74,74,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .info7 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(153,153,153,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .word9 {
    width: 36rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153,153,153,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin: 69rpx 0 0 283rpx;
  }
  .block5 {
    width: 553rpx;
    height: 24rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 32rpx 0 0 32rpx;
  }
  .info8 {
    width: 98rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Semibold;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
  }
  .bd3 {
    width: 415rpx;
    height: 24rpx;
    overflow-wrap: break-word;
    text-align: left;
    white-space: nowrap;
    font-size: 0rpx;
  }
  .info9 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(51,51,51,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .txt2 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(74,74,74,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .info10 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(153,153,153,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .txt3 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(51,51,51,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .word10 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(74,74,74,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .txt4 {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    color: rgba(153,153,153,1.000000);
    line-height: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .block6 {
    width: 686rpx;
    height: 1rpx;
    background-color: rgba(237,237,237,1);
    display: flex;
    flex-direction: column;
    margin: 32rpx 0 0 32rpx;
  }
  .infoBox2 {
    width: 681rpx;
    height: 88rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153,153,153,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    line-height: 24rpx;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 24rpx 0 0 32rpx;
  }
  .block7 {
    width: 686rpx;
    height: 1rpx;
    background-color: rgba(237,237,237,1);
    display: flex;
    flex-direction: column;
    margin: 24rpx 0 0 32rpx;
  }
  .block8 {
  
    height: 34rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 18rpx 0 0 32rpx;
  }
  .word11 {
    width: 298rpx;
    height: 23rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin-top: 6rpx;
  }
  .box2 {
    height: 34rpx;
    border-radius: 4rpx;
    border: 1px solid rgba(206,206,206,1);
    display: flex;
    flex-direction: column;
    width: 61rpx;
    justify-content: center;
    align-items: center;
  }
  .info11 {
    width: 37rpx;
    height: 18rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 18rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 18rpx;
    text-align: left;
  }
  .info12 {
    width: 354rpx;
    height: 23rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin: 19rpx 0 0 32rpx;
  }
  .word12 {
    width: 477rpx;
    height: 23rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin: 24rpx 0 0 32rpx;
  }
  .block9 {
    width: 686rpx;
    height: 1rpx;
    background-color: rgba(237,237,237,1);
    display: flex;
    flex-direction: column;
    margin: 24rpx 0 0 32rpx;
  }
  .word13 {
    width: 114rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Semibold;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
    margin: 32rpx 0 0 32rpx;
  }
  .txt5 {
    width: 322rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin: 24rpx 0 0 32rpx;
  }
  .txt6 {
    width: 322rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin: 24rpx 0 0 32rpx;
  }
  .block10 {
    height: 98rpx;
    background-color: rgba(255,255,255,1);
    margin-top: 103rpx;
    display: flex;
    flex-direction: column;
    padding-left: 341rpx;
    width: 750rpx;
    justify-content: center;
  }
  .word14 {
    width: 69rpx;
    height: 34rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(82,161,255,1);
    font-size: 34rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 34rpx;
    text-align: left;
  }