laundry/pages/record/record.wxss

.page {
    position: relative;
    width: 750rpx;
    background-color: rgba(248,248,248,1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .layer1 {
    width: 750rpx;
    display: flex;
    flex-direction: column;
  }

  .mod1 {
    width: 438rpx;
    height: 64rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .wrap1 {
    width: 166rpx;
    height: 44rpx;
    background-color: rgba(255,255,255,1);
    margin-top: 10rpx;
    display: flex;
    flex-direction: column;
  }
  .img1 {
    width: 174rpx;
    height: 64rpx;
  }
  .word1 {
    z-index: 14;
    position: absolute;
    left: 302rpx;
    top: 60rpx;
    width: 146rpx;
    height: 50rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(74,74,74,1);
    font-size: 36rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Semibold;
    white-space: nowrap;
    line-height: 50rpx;
    text-align: left;
  }
  .box2 {
    height: 292rpx;
    border-radius: 8rpx;
    background-color: rgba(255,255,255,1);
    display: flex;
    flex-direction: column;
    padding-left: 32rpx;
    width: 686rpx;
    justify-content: center;
    margin: 32rpx 0 0 32rpx;
  }
  .layer2 {
    width: 620rpx;
    height: 228rpx;
    display: flex;
    flex-direction: column;
  }
  .word2 {
    width: 113rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .word3 {
    width: 141rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
    margin-top: 32rpx;
  }
  .word4 {
    width: 256rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
    margin-top: 24rpx;
  }
  .paragraph1 {
    width: 620rpx;
    height: 64rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    line-height: 28rpx;
    text-align: left;
    margin-top: 24rpx;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .box3 {
    width: 686rpx;
    height: 424rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 24rpx 0 0 32rpx;
  }
  .wrap2-0 {
    z-index: 21;
    height: 204rpx;
    border-radius: 8rpx;
    background-color: rgba(255,255,255,1);
    margin-bottom: 24rpx;
    width: 686rpx;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .main1-0 {
    width: 630rpx;
    height: 56rpx;
    flex-direction: row;
    display: flex;
    margin: 24rpx 0 0 32rpx;
  }
  .txt1-0 {
    width: 168rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
    margin-top: 8rpx;
  }
  .bd1-0 {
    width: 109rpx;
    height: 56rpx;
    border-radius: 4rpx;
    border: 2px solid rgba(70,153,255,1);
    margin-left: 380rpx;
    display: flex;
    flex-direction: column;
  }
  .main2-0 {
    width: 287rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    margin: 12rpx 0 0 32rpx;
  }
  .info1-0 {
    width: 287rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .main3-0 {
    width: 496rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    margin: 24rpx 0 32rpx 32rpx;
  }
  .word6-0 {
    width: 496rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .word7-0 {
    z-index: 30;
    position: absolute;
    left: 583rpx;
    top: 40rpx;
    width: 49rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(70,153,255,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
  }
  .wrap2-1 {
    z-index: 21;
    height: 204rpx;
    border-radius: 8rpx;
    background-color: rgba(255,255,255,1);
    margin-bottom: 24rpx;
    width: 686rpx;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .main1-1 {
    width: 630rpx;
    height: 56rpx;
    flex-direction: row;
    display: flex;
    margin: 24rpx 0 0 32rpx;
  }
  .txt1-1 {
    width: 168rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
    margin-top: 8rpx;
  }
  .main2-1 {
    width: 287rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    margin: 12rpx 0 0 32rpx;
  }
  .info1-1 {
    width: 287rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .word5-1 {
    width: 200rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin: 0 -224rpx 0 24rpx;
  }
  .main3-1 {
    width: 496rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    margin: 24rpx 0 32rpx 32rpx;
  }
  .word6-1 {
    width: 496rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .info2-1 {
    width: 200rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin: -4rpx -15rpx 0 -185rpx;
  }
  .box4 {
    height: 148rpx;
    border-radius: NaNrpx;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.06);
    margin-top: 290rpx;
    display: flex;
    flex-direction: column;
    padding-left: 275rpx;
    width: 750rpx;
    justify-content: center;
  }
  .layer3 {
    width: 199rpx;
    height: 32rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .outer1 {
    z-index: 37;
    height: 32rpx;
    background-color: rgba(0,0,0,0);
    display: flex;
    flex-direction: column;
    width: 32rpx;
    position: relative;
    padding: 11rpx 0 0 24rpx;
  }
  .layer4 {
    width: 3rpx;
    height: 3rpx;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4968ce3536ce4bb63979b684e0217e9d5675025829b601e16a9fdd48daca3256) 0rpx -1rpx no-repeat;
    background-size: 3rpx 4rpx;
    display: flex;
    flex-direction: column;
  }
  .layer5 {
    z-index: 39;
    position: absolute;
    left: 4rpx;
    top: 5rpx;
    width: 24rpx;
    height: 24rpx;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng85d7297b160686cf1fc35069d14a6e6a7a3e419a509e7327e10f33332480832b) -1rpx 0rpx no-repeat;
    background-size: 25rpx 24rpx;
    display: flex;
    flex-direction: column;
  }
  .layer6 {
    z-index: 50;
    position: absolute;
    left: 2rpx;
    top: 2rpx;
    width: 29rpx;
    height: 29rpx;
    background: url(https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/icon_dayinwuliudan_dabao%403x.png?sign=ee5724782e63c62a5b11588273b01a21&t=1645280025) 0rpx -1rpx no-repeat;
    background-size: 30rpx 30rpx;
    display: flex;
    flex-direction: column;
  }
  .info3 {
    width: 151rpx;
    height: 30rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(82,161,255,1);
    font-size: 30rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 30rpx;
    text-align: left;
    margin-top: 1rpx;
  }