driverSchool/pagesA/evaluate/assets/style/index.response.scss

.page {
  background-color: rgba(242, 244, 248, 1);
  position: relative;
  width: 100vw;
  height: 216.54vw;
  overflow: hidden;
  .group_1 {
    background-color: rgba(255, 255, 255, 1);
    width: 100vw;
    height: 12.27vw;
    .image_1 {
      width: 8.54vw;
      height: 4.8vw;
      margin: 3.73vw 0 0 8vw;
    }
    .group_2 {
      background-color: rgba(0, 0, 0, 0.9);
      width: 4.8vw;
      height: 2.94vw;
      margin: 4.53vw 0 0 61.6vw;
    }
    .group_3 {
      background-color: rgba(0, 0, 0, 0.9);
      width: 4.27vw;
      height: 3.2vw;
      margin: 4.53vw 0 0 1.33vw;
    }
    .image_2 {
      width: 6.67vw;
      height: 3.2vw;
      margin: 4.53vw 3.73vw 0 1.06vw;
    }
  }
  .group_4 {
    width: 100vw;
    height: 204.54vw;
    margin-bottom: 0.27vw;
    .group_5 {
      background-color: rgba(255, 255, 255, 1);
      width: 100vw;
      height: 12.8vw;
      justify-content: flex-center;
      .label_1 {
        width: 6.4vw;
        height: 6.4vw;
        margin: 3.2vw 0 0 3.2vw;
      }
      .text_1 {
        width: 17.07vw;
        height: 6.94vw;
        overflow-wrap: break-word;
        color: rgba(0, 0, 0, 0.9);
        font-size: 4.26vw;
        font-family: PingFang SC-Semibold;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
        line-height: 6.94vw;
        margin: 2.93vw 0 0 31.73vw;
      }
      .section_1 {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px;
        height: 8.54vw;
        width: 23.2vw;
        margin: 2.13vw 3.2vw 0 15.2vw;
        .image-wrapper_1 {
          width: 5.34vw;
          height: 0.27vw;
          margin: 1.6vw 0 0 12vw;
          .thumbnail_1 {
            width: 5.34vw;
            height: 0.27vw;
          }
        }
        .box_1 {
          width: 16.27vw;
          height: 4.27vw;
          margin: 0.26vw 0 2.13vw 3.46vw;
          .block_1 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 4.8vw;
            height: 1.6vw;
            margin-top: 1.34vw;
          }
          .block_2 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 4.27vw;
            height: 4.27vw;
          }
        }
      }
    }
    .list_1 {
      width: 91.47vw;
      height: 61.87vw;
      justify-content: space-between;
      margin: 2.66vw 0 127.2vw 4.26vw;
      .list-items_1 {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 8px;
        height: 29.6vw;
        margin-bottom: 2.67vw;
        width: 91.47vw;
        justify-content: flex-center;
        .text-wrapper_1 {
          width: 21.34vw;
          height: 4.27vw;
          margin: 4vw 0 0 2.66vw;
          .text_2 {
            width: 21.34vw;
            height: 4.27vw;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 4.26vw;
            font-family: PingFang SC-Semibold;
            font-weight: 600;
            text-align: left;
            white-space: nowrap;
            line-height: 4.27vw;
          }
        }
        .group_6 {
          width: 21.34vw;
          height: 4.8vw;
          margin: 2.66vw 0 0 2.66vw;
          .text-wrapper_2 {
            background-color: rgba(223, 235, 255, 1);
            border-radius: 2px;
            height: 4.8vw;
            width: 12.27vw;
            .text_3 {
              width: 9.6vw;
              height: 3.2vw;
              overflow-wrap: break-word;
              color: rgba(44, 120, 245, 1);
              font-size: 3.2vw;
              font-family: PingFang SC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 3.2vw;
              margin: 0.8vw 0 0 1.33vw;
            }
          }
          .text-wrapper_3 {
            background-color: rgba(255, 239, 229, 1);
            border-radius: 2px;
            height: 4.8vw;
            width: 6.94vw;
            .text_4 {
              width: 4.27vw;
              height: 3.2vw;
              overflow-wrap: break-word;
              color: rgba(123, 81, 11, 1);
              font-size: 3.2vw;
              font-family: PingFang SC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 3.2vw;
              margin: 0.8vw 0 0 1.33vw;
            }
          }
        }
        .group_7 {
          width: 52.8vw;
          height: 6.4vw;
          margin: 3.46vw 0 4vw 2.66vw;
          .image-text_1 {
            width: 19.2vw;
            height: 6.4vw;
            .label_2 {
              width: 6.4vw;
              height: 6.4vw;
            }
            .text-group_1 {
              width: 11.2vw;
              height: 3.74vw;
              overflow-wrap: break-word;
              color: rgba(51, 51, 51, 1);
              font-size: 3.73vw;
              font-family: PingFang SC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 3.74vw;
              margin-top: 1.34vw;
            }
          }
          .section_2 {
            background-color: rgba(237, 162, 58, 1);
            width: 3.74vw;
            height: 3.74vw;
            margin: 1.33vw 0 0 2.66vw;
          }
          .section_3 {
            background-color: rgba(237, 162, 58, 1);
            width: 3.74vw;
            height: 3.74vw;
            margin: 1.33vw 0 0 1.33vw;
          }
          .section_4 {
            background-color: rgba(237, 162, 58, 1);
            width: 3.74vw;
            height: 3.74vw;
            margin: 1.33vw 0 0 1.33vw;
          }
          .section_5 {
            background-color: rgba(237, 162, 58, 1);
            width: 3.74vw;
            height: 3.74vw;
            margin: 1.33vw 0 0 1.33vw;
          }
          .section_6 {
            background-color: rgba(226, 226, 226, 1);
            width: 3.74vw;
            height: 3.74vw;
            margin: 1.33vw 0 0 1.33vw;
          }
          .text_5 {
            width: 5.6vw;
            height: 3.74vw;
            overflow-wrap: break-word;
            color: rgba(237, 162, 58, 1);
            font-size: 3.73vw;
            font-family: PingFang SC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 3.74vw;
            margin: 1.33vw 0 0 1.33vw;
          }
        }
      }
    }
  }
}