driverSchool/newPages/orderList/assets/style/index.rpx.scss

.page {
  background-color: rgba(242, 244, 248, 1);
  position: relative;
  width: 750rpx;
  height: 1624rpx;
  overflow: hidden;
  .block_1 {
    background-color: rgba(255, 255, 255, 1);
    width: 750rpx;
    height: 92rpx;
    .image_1 {
      width: 64rpx;
      height: 36rpx;
      margin: 28rpx 0 0 60rpx;
    }
    .box_1 {
      background-color: rgba(0, 0, 0, 0.9);
      width: 36rpx;
      height: 22rpx;
      margin: 34rpx 0 0 462rpx;
    }
    .box_2 {
      background-color: rgba(0, 0, 0, 0.9);
      width: 32rpx;
      height: 24rpx;
      margin: 34rpx 0 0 10rpx;
    }
    .image_2 {
      width: 50rpx;
      height: 24rpx;
      margin: 34rpx 28rpx 0 8rpx;
    }
  }
  .block_2 {
    position: relative;
    width: 750rpx;
    height: 1534rpx;
    margin-bottom: 2rpx;
    .group_1 {
      background-color: rgba(255, 255, 255, 1);
      width: 750rpx;
      height: 96rpx;
      justify-content: flex-center;
      .label_1 {
        width: 48rpx;
        height: 48rpx;
        margin: 24rpx 0 0 24rpx;
      }
      .text_1 {
        width: 128rpx;
        height: 52rpx;
        overflow-wrap: break-word;
        color: rgba(0, 0, 0, 0.9);
        font-size: 32rpx;
        font-family: PingFang SC-Semibold;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
        line-height: 52rpx;
        margin: 22rpx 0 0 238rpx;
      }
      .section_1 {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px;
        height: 64rpx;
        width: 174rpx;
        margin: 16rpx 24rpx 0 114rpx;
        .image-wrapper_1 {
          width: 40rpx;
          height: 2rpx;
          margin: 12rpx 0 0 90rpx;
          .thumbnail_1 {
            width: 40rpx;
            height: 2rpx;
          }
        }
        .box_3 {
          width: 122rpx;
          height: 32rpx;
          margin: 2rpx 0 16rpx 26rpx;
          .box_4 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 36rpx;
            height: 12rpx;
            margin-top: 10rpx;
          }
          .box_5 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 32rpx;
            height: 32rpx;
          }
        }
      }
    }
    .list_1 {
      width: 686rpx;
      height: 766rpx;
      justify-content: space-between;
      margin: 112rpx 0 560rpx 32rpx;
      .list-items_1 {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 8px;
        height: 242rpx;
        margin-bottom: 20rpx;
        width: 686rpx;
        .box_6 {
          width: 646rpx;
          height: 40rpx;
          margin: 20rpx 0 0 20rpx;
          .text_2 {
            width: 396rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(115, 124, 144, 1);
            font-size: 28rpx;
            font-family: PingFang SC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
          }
          .text-wrapper_1 {
            border-radius: 4px;
            height: 40rpx;
            width: 96rpx;
            .text_3 {
              width: 72rpx;
              height: 24rpx;
              overflow-wrap: break-word;
              font-size: 24rpx;
              font-family: PingFang SC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 24rpx;
              margin: 8rpx 0 0 12rpx;
            }
          }
        }
        .box_7 {
          width: 478rpx;
          height: 132rpx;
          margin: 20rpx 0 30rpx 20rpx;
          .image-text_1 {
            position: relative;
            width: 478rpx;
            height: 132rpx;
            .image_3 {
              width: 212rpx;
              height: 132rpx;
            }
            .text-group_1 {
              width: 246rpx;
              height: 132rpx;
              margin-left: 20rpx;
              .text_4 {
                width: 212rpx;
                height: 28rpx;
                overflow-wrap: break-word;
                color: rgba(51, 51, 51, 1);
                font-size: 28rpx;
                font-family: PingFang SC-Semibold;
                font-weight: 600;
                text-align: left;
                white-space: nowrap;
                line-height: 28rpx;
              }
              .text-wrapper_2 {
                width: 246rpx;
                height: 28rpx;
                margin-top: 76rpx;
                .text_5 {
                  width: 138rpx;
                  height: 28rpx;
                  overflow-wrap: break-word;
                  color: rgba(251, 66, 59, 1);
                  font-size: 28rpx;
                  font-family: PingFang SC-Bold;
                  font-weight: 700;
                  text-align: left;
                  white-space: nowrap;
                  line-height: 28rpx;
                }
                .text_6 {
                  width: 98rpx;
                  height: 20rpx;
                  overflow-wrap: break-word;
                  color: rgba(170, 170, 170, 1);
                  font-size: 20rpx;
                  font-family: PingFang SC-Regular;
                  text-decoration: line-through;
                  font-weight: NaN;
                  text-align: left;
                  white-space: nowrap;
                  line-height: 20rpx;
                  margin-top: 4rpx;
                }
              }
            }
            .text-wrapper_3 {
              background-color: rgba(255, 239, 229, 1);
              border-radius: 2px;
              height: 36rpx;
              width: 52rpx;
              margin: 48rpx 86rpx 0 -138rpx;
              .text_7 {
                width: 32rpx;
                height: 24rpx;
                overflow-wrap: break-word;
                color: rgba(123, 81, 11, 1);
                font-size: 24rpx;
                font-family: PingFang SC-Regular;
                font-weight: NaN;
                text-align: left;
                white-space: nowrap;
                line-height: 24rpx;
                margin: 6rpx 0 0 10rpx;
              }
            }
            .text-wrapper_4 {
              background-color: rgba(223, 235, 255, 1);
              border-radius: 2px;
              height: 36rpx;
              width: 92rpx;
              position: absolute;
              left: 232rpx;
              top: 48rpx;
              .text_8 {
                width: 72rpx;
                height: 24rpx;
                overflow-wrap: break-word;
                color: rgba(44, 120, 245, 1);
                font-size: 24rpx;
                font-family: PingFang SC-Regular;
                font-weight: NaN;
                text-align: left;
                white-space: nowrap;
                line-height: 24rpx;
                margin: 6rpx 0 0 10rpx;
              }
            }
          }
        }
      }
    }
    .group_2 {
      background-color: rgba(255, 255, 255, 1);
      height: 96rpx;
      width: 750rpx;
      position: absolute;
      left: 0;
      top: 92rpx;
      .text-wrapper_5 {
        width: 662rpx;
        height: 44rpx;
        margin: 26rpx 0 0 38rpx;
        .text_9 {
          width: 112rpx;
          height: 44rpx;
          overflow-wrap: break-word;
          // color: rgba(44, 120, 245, 1);
		  color: rgba(0, 0, 0, 0.9);
          font-size: 28rpx;
          font-family: PingFang SC-Semibold;
          font-weight: NaN;
          text-align: center;
          white-space: nowrap;
          line-height: 44rpx;
        }
        .text_10 {
          width: 84rpx;
          height: 44rpx;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 0.9);
          font-size: 28rpx;
          font-family: PingFang SC-Regular;
          font-weight: NaN;
          text-align: center;
          white-space: nowrap;
          line-height: 44rpx;
          margin-left: 90rpx;
        }
        .text_11 {
          width: 84rpx;
          height: 44rpx;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 0.9);
          font-size: 28rpx;
          font-family: PingFang SC-Regular;
          font-weight: NaN;
          text-align: center;
          white-space: nowrap;
          line-height: 44rpx;
          margin-left: 104rpx;
        }
        .text_12 {
          width: 84rpx;
          height: 44rpx;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 0.9);
          font-size: 28rpx;
          font-family: PingFang SC-Regular;
          font-weight: NaN;
          text-align: center;
          white-space: nowrap;
          line-height: 44rpx;
          margin-left: 104rpx;
        }
		
		.text_9, .text_10, .text_11, .text_12 {
		  // 默认样式
		  color: #333; // 默认文字颜色
		  transition: color 0.3s; // 添加颜色过渡效果
		  
		  &.active-blue {
		    color: #2C78F5 !important; // 蓝色高亮
		    font-weight: bold; // 可选：加粗效果
		  }
		}
      }
	  
	  
      .box_8 {
        width: 32rpx;
        height: 6rpx;
        margin: 20rpx 0 0 78rpx;
        .group_8 {
          background-color: rgba(44, 120, 245, 1);
          border-radius: 999px;
          width: 32rpx;
          height: 6rpx;
        }
      }
	  .box_9 {
	    width: 32rpx;
	    height: 6rpx;
	    margin: 20rpx 0 0 270rpx;
	    .group_9 {
	      background-color: rgba(44, 120, 245, 1);
	      border-radius: 999px;
	      width: 32rpx;
	      height: 6rpx;
	    }
	  }
	  .box_10 {
	    width: 32rpx;
	    height: 6rpx;
	    margin: 20rpx 0 0 455rpx;
	    .group_10 {
	      background-color: rgba(44, 120, 245, 1);
	      border-radius: 999px;
	      width: 32rpx;
	      height: 6rpx;
	    }
	  }
	  .box_11 {
	    width: 32rpx;
	    height: 6rpx;
	    margin: 20rpx 0 0 645rpx;
	    .group_11 {
	      background-color: rgba(44, 120, 245, 1);
	      border-radius: 999px;
	      width: 32rpx;
	      height: 6rpx;
	    }
	  }
    }
	.active-blue {
	  position: relative;
	  &::after {
	    content: '';
	    position: absolute;
	    bottom: -8px;
	    left: 50%;
	    transform: translateX(-50%);
	    width: 20px;
	    height: 3px;
	    background: #2C78F5;
	  }
	}
  }
}