laundry/pages/tabber/builds/hand_desc/handDesc.wxss

.page {
    position: relative;
    width: 750rpx;
    background-color: rgba(248,248,248,1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .section1 {
    width: 750rpx;
    /* height: 1220rpx; */
    display: flex;
    flex-direction: column;
    margin-bottom: 50vh;
  }
  
  .group3 {
    height: 172rpx;
    background-color: rgba(255,255,255,1);
    display: flex;
    flex-direction: column;
    padding-left: 32rpx;
    width: 750rpx;
    justify-content: center;
  }
  .mod3 {
    width: 688rpx;
    height: 112rpx;
    flex-direction: row;
    display: flex;
  }
  .box2 {
    width: 336rpx;
    height: 104rpx;
    margin-top: 4rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .txt2 {
    width: 336rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
  }
  .word2 {
    width: 224rpx;
    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-top: 16rpx;
  }
  .word3 {
    width: 224rpx;
    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-top: 16rpx;
  }
  .box3 {
    height: 112rpx;
    border-radius: 8rpx;
    background-color: rgba(248,248,248,1);
    margin-left: 34rpx;
    display: flex;
    flex-direction: column;
    width: 146rpx;
    justify-content: center;
    align-items: center;
  }
  .bd1 {
    width: 74rpx;
    height: 68rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .word4 {
    width: 30rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(0,0,0,1);
    font-size: 28rpx;
    letter-spacing: 1rpx;
    font-family: PingFangSC-Semibold;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: center;
    margin-left: 22rpx;
  }
  .word5 {
    width: 74rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153,153,153,1);
    font-size: 24rpx;
    letter-spacing: 1rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: center;
    margin-top: 16rpx;
  }
  .box4 {
    height: 112rpx;
    border-radius: 8rpx;
    background-color: rgba(248,248,248,1);
    margin-left: 8rpx;
    display: flex;
    flex-direction: column;
    padding-left: 27rpx;
    width: 164rpx;
    justify-content: center;
  }
  .section3 {
    width: 111rpx;
    height: 68rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .word6 {
    width: 43rpx;
    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-left: 34rpx;
  }
  .word7 {
    width: 111rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153,153,153,1);
    font-size: 24rpx;
    letter-spacing: 1rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: center;
    margin-top: 16rpx;
  }
  .group4 {
    height: 72rpx;
    background-color: rgba(253,252,236,1);
    display: flex;
    flex-direction: column;
    width: 750rpx;
  }
  .box5 {
    width: 514rpx;
    height: 72rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .img1 {
    width: 40rpx;
    height: 40rpx;
    margin: 2% auto;
  }
  .info3 {
    
    overflow-wrap: break-word;
    color: rgba(255,102,61,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin-top: 24rpx;
  }
  .word8 {
    width: 302rpx;
    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: 24rpx 0 0 32rpx;
  }
  .group5 {
    height: 156rpx;
    border-radius: 8rpx;
    background-color: rgba(255,255,255,1);
    width: 686rpx;
    display: flex;
    flex-direction: column;
    margin: 16rpx 0 0 32rpx;
  }
  .layer1 {
    width: 225rpx;
    height: 28rpx;
    display: flex;
    flex-direction: row;
    margin: 24rpx 0 0 24rpx;
  }
  .word9 {
    width: 225rpx;
    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;
  }
  .layer2 {
    width: 224rpx;
    height: 24rpx;
    display: flex;
    flex-direction: row;
    margin: 16rpx 0 0 24rpx;
  }
  .txt3 {
    width: 224rpx;
    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;
  }
  .layer3 {
    width: 391rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    margin: 14rpx 0 22rpx 24rpx;
  }
  .txt4 {
    width: 160rpx;
    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-top: 2rpx;
  }
  .info4 {
    width: 74rpx;
    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: 2rpx 0 0 64rpx;
  }
  .block1 {
    width: 28rpx;
    height: 28rpx;
    background-color: rgba(216,216,216,1);
    display: flex;
    flex-direction: column;
  }
  .word10 {
    width: 49rpx;
    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: 2rpx 0 0 16rpx;
  }
  .txt5 {
    width: 286rpx;
    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: 32rpx 0 0 32rpx;
  }
  .group6 {
    height: 156rpx;
    border-radius: 8rpx;
    background-color: rgba(255,255,255,1);
    width: 686rpx;
    display: flex;
    flex-direction: column;
    justify-content: flex-center;
    margin: 16rpx 0 0 32rpx;
  }
  .section4 {
    width: 638rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 24rpx 0 0 24rpx;
  }
  .word11 {
    width: 225rpx;
    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;
  }
  .info5 {
    width: 85rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(70,153,255,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .section5 {
    width: 224rpx;
    height: 24rpx;
    display: flex;
    flex-direction: row;
    margin: 16rpx 0 0 24rpx;
  }
  .word12 {
    width: 224rpx;
    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;
  }
  .section6 {
    width: 391rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    margin: 12rpx 0 24rpx 24rpx;
  }
  .info6 {
    width: 160rpx;
    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-top: 4rpx;
  }
  .info7 {
    width: 74rpx;
    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: 2rpx 0 0 64rpx;
  }
  .block2 {
    width: 28rpx;
    height: 28rpx;
    background-color: rgba(216,216,216,1);
    display: flex;
    flex-direction: column;
  }
  .word13 {
    width: 49rpx;
    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: 2rpx 0 0 16rpx;
  }
  .info8 {
    width: 369rpx;
    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: 32rpx 0 0 32rpx;
  }
  .group7 {
    height: 156rpx;
    border-radius: 8rpx;
    background-color: rgba(255,255,255,1);
    width: 686rpx;
    display: flex;
    flex-direction: column;
    justify-content: flex-center;
    margin: 16rpx 0 0 32rpx;
  }
  .mod4 {
    width: 638rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 24rpx 0 0 24rpx;
  }
  .txt6 {
    width: 225rpx;
    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;
  }
  .info9 {
    width: 85rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(70,153,255,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .mod5 {
    width: 224rpx;
    height: 24rpx;
    display: flex;
    flex-direction: row;
    margin: 16rpx 0 0 24rpx;
  }
  .info10 {
    width: 224rpx;
    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;
  }
  .mod6 {
    width: 391rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    margin: 12rpx 0 24rpx 24rpx;
  }
  .txt7 {
    width: 160rpx;
    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-top: 4rpx;
  }
  .info11 {
    width: 74rpx;
    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: 2rpx 0 0 64rpx;
  }
  .layer4 {
    width: 28rpx;
    height: 28rpx;
    background-color: rgba(216,216,216,1);
    display: flex;
    flex-direction: column;
  }
  .txt8 {
    width: 49rpx;
    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: 2rpx 0 0 16rpx;
  }
  .group8 {
    height: 156rpx;
    border-radius: 8rpx;
    background-color: rgba(255,255,255,1);
    width: 686rpx;
    display: flex;
    flex-direction: column;
    justify-content: flex-center;
    margin: 16rpx 0 0 32rpx;
  }
  .mod7 {
    width: 638rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 24rpx 0 0 24rpx;
  }
  .txt9 {
    width: 225rpx;
    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;
  }
  .info12 {
    width: 85rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153,153,153,1);
    font-size: 28rpx;
    letter-spacing: 0rpx;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .mod8 {
    width: 224rpx;
    height: 24rpx;
    display: flex;
    flex-direction: row;
    margin: 16rpx 0 0 24rpx;
  }
  .info13 {
    width: 224rpx;
    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;
  }
  .mod9 {
    width: 391rpx;
    height: 28rpx;
    flex-direction: row;
    display: flex;
    margin: 12rpx 0 24rpx 24rpx;
  }
  .info14 {
    width: 160rpx;
    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-top: 4rpx;
  }
  .info15 {
    width: 74rpx;
    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: 2rpx 0 0 64rpx;
  }
  .block3 {
    width: 28rpx;
    height: 28rpx;
    background-color: rgba(216,216,216,1);
    display: flex;
    flex-direction: column;
  }
  .txt10 {
    width: 49rpx;
    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: 2rpx 0 0 16rpx;
  }
  .section7 {
    height: 148rpx;
    border-radius: 24px 24px 0px 0px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px -10px 20px 0px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    width: 750rpx;
    justify-content: center;
    align-items: center;
    margin-top: 20rpx;
    position: fixed;
    bottom: 0;
  }
  .main1 {
    width: 690rpx;
    height: 88rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .layer5 {
    height: 88rpx;
    border-radius: 8rpx;
    border: 1px solid rgba(82,161,255,1);
    display: flex;
    flex-direction: column;
    width: 330rpx;
    position: relative;
    justify-content: center;
    align-items: center;
  }
  .outer1 {
    width: 230rpx;
    height: 32rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .mod10 {
    width: 32rpx;
    height: 32rpx;
    background-color: rgba(0,0,0,0);
    display: flex;
    flex-direction: column;
  }
  .mod10 image{
    width: 32rpx;
    height: 32rpx
  }
  .txt11 {
    width: 182rpx;
    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;
  }
  .outer2 {
    height: 32rpx;
    background-size: 32rpx 32rpx;
    display: flex;
    flex-direction: column;
    padding-top: 14rpx;
    width: 32rpx;
    position: absolute;
    left: 51rpx;
    top: 29rpx;
    align-items: center;
  }
  .group9 {
    width: 20rpx;
    height: 3rpx;
    border-radius: NaNrpx;
    background-color: rgba(82,161,255,1);
    display: flex;
    flex-direction: column;
  }
  .layer6 {
    height: 88rpx;
    border-radius: 8rpx;
    background-color: rgba(82,161,255,1);
    display: flex;
    flex-direction: column;
    width: 330rpx;
    justify-content: center;
    align-items: center;
  }
  .txt12 {
    width: 210rpx;
    height: 30rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255,255,255,1);
    font-size: 30rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 30rpx;
    text-align: center;
  }
  
.wrap-1 {
    height: 388rpx;
    border-radius: NaNrpx;
    background-color: rgba(255,255,255,1);
    display: flex;
    flex-direction: column;
    padding-top: 60rpx;
    width: 750rpx;
    align-items: center;
  }
  .mod-1 {
    width: 690rpx;
    height: 256rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .bd-1 {
    height: 80rpx;
    border-radius: 8rpx;
    background-color: rgba(246,246,246,1);
    display: flex;
    flex-direction: column;
    width: 690rpx;
    justify-content: center;
    align-items: center;
  }
  .section-2 {
    width: 630rpx;
    height: 36rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .info-1 {
    width: 280rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(153,153,153,1);
    font-size: 28rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
    margin-top: 4rpx;
  }
  .label-1 {
    width: 36rpx;
    height: 36rpx;
  }
  .bd-2 {
    width: 532rpx;
    height: 68rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 108rpx 0 0 79rpx;
  }
  .mod-2 {
    height: 68rpx;
    border-radius: 4rpx;
    border: 1px solid rgba(204,204,204,1);
    display: flex;
    flex-direction: column;
    width: 216rpx;
    justify-content: center;
    align-items: center;
  }
  .word-1 {
    width: 56rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .mod-3 {
    height: 68rpx;
    border-radius: 4rpx;
    background-color: rgba(82,161,255,1);
    display: flex;
    flex-direction: column;
    width: 216rpx;
    justify-content: center;
    align-items: center;
  }
  .info-2 {
    width: 56rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255,255,255,1);
    font-size: 28rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }


  
.layer11 {
    z-index: 4;
    height: 620rpx;
    border-radius: NaNrpx;
    background-color: rgba(255,255,255,1);
    display: flex;
    flex-direction: column;
    padding-top: 72rpx;
    width: 750rpx;
    position: relative;
    align-items: center;
  }
  .bd11 {
    width: 690rpx;
    height: 504rpx;
    display: flex;
    flex-direction: column;
  }
  .group11 {
    height: 172rpx;
    border-radius: 8rpx;
    /* border: 2px solid rgba(70,153,255,1); */
    background-color: rgba(241,247,255,1);
    display: flex;
    flex-direction: column;
    padding-left: 30rpx;
    width: 690rpx;
    justify-content: center;
    margin: 10rpx auto;
  }
  .mod11 {

    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .icon11 {
    width: 40rpx;
    height: 40rpx;
    margin-top: 18rpx;
  }
  .main11 {
   
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .info11 {

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

    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    letter-spacing: 1rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin-top: 24rpx;
  }
  .group21 {
    height: 172rpx;
    border-radius: 8rpx;
    border: 2px solid rgba(237,237,237,1);
    margin-top: 36rpx;
    display: flex;
    flex-direction: column;
    padding-left: 30rpx;
    width: 690rpx;
    justify-content: center;
  }
  .group31 {
    width: 40rpx;
    height: 40rpx;
    border: 2px solid rgba(189,189,189,1);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
  }
  .group41 {
    width: 532rpx;
    height: 68rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 56rpx 0 0 79rpx;
  }
  .bd21 {
    height: 68rpx;
    border-radius: 4rpx;
    border: 1px solid rgba(204,204,204,1);
    display: flex;
    flex-direction: column;
    width: 216rpx;
    justify-content: center;
    align-items: center;
  }
  .word11 {
    width: 56rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .bd31 {
    height: 68rpx;
    border-radius: 4rpx;
    background-color: rgba(82,161,255,1);
    display: flex;
    flex-direction: column;
    width: 216rpx;
    justify-content: center;
    align-items: center;
  }
  .word21 {
    width: 56rpx;
    height: 28rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255,255,255,1);
    font-size: 28rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 28rpx;
    text-align: left;
  }
  .info31 {
    z-index: 11;
    position: absolute;
    left: 134rpx;
    top: 328rpx;
    width: 170rpx;
    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;
  }
  .word31 {
    position: absolute;
    left: 370rpx;
    top: 322rpx;
    width: 271rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(255,102,61,1);
    font-size: 24rpx;
    letter-spacing: 1rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: right;
  }
  .txt11 {
    /*z-index: 13; */
    /* position: absolute; */
    /* left: 134rpx; */
    /* top: 0; */
    width: 541rpx;
    height: 24rpx;
    display: block;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    letter-spacing: 1rpx;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    line-height: 24rpx;
    text-align: left;
    margin-left: 15rpx;
  }