driverSchool/pagesA/examinationAdd/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;
    }
    .box_1 {
      background-color: rgba(0, 0, 0, 0.9);
      width: 4.8vw;
      height: 2.94vw;
      margin: 4.53vw 0 0 61.6vw;
    }
    .box_2 {
      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_2 {
    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_3 {
        width: 5.34vw;
        height: 0.27vw;
        margin: 1.6vw 0 0 12vw;
        .thumbnail_1 {
          width: 5.34vw;
          height: 0.27vw;
        }
      }
      .box_5 {
        width: 16.27vw;
        height: 4.27vw;
        margin: 0.26vw 0 2.13vw 3.46vw;
        .box_3 {
          background-color: rgba(255, 255, 255, 0.9);
          width: 4.8vw;
          height: 1.6vw;
          margin-top: 1.34vw;
        }
        .box_4 {
          background-color: rgba(255, 255, 255, 0.9);
          width: 4.27vw;
          height: 4.27vw;
        }
      }
    }
  }
  .group_4 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    height: 96.54vw;
    width: 91.47vw;
    justify-content: flex-center;
    margin: 2.66vw 0 0 4.26vw;
    .block_1 {
      width: 86.14vw;
      height: 3.74vw;
      margin: 6.66vw 0 0 2.66vw;
      .text_19 {
        width: 14.94vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 3.74vw;
      }
      .image-text_1 {
        width: 15.47vw;
        height: 3.74vw;
        .text-group_2 {
          width: 11.2vw;
          height: 3.74vw;
          overflow-wrap: break-word;
          color: rgba(44, 120, 245, 1);
          font-size: 3.73vw;
          letter-spacing: -0.30000001192092896px;
          font-family: PingFang SC-Semibold;
          font-weight: 600;
          text-align: right;
          white-space: nowrap;
          line-height: 3.74vw;
        }
        .thumbnail_2 {
          width: 3.74vw;
          height: 3.74vw;
        }
      }
    }
    .text-wrapper_7 {
      width: 86.14vw;
      height: 3.74vw;
      margin: 6.66vw 0 0 2.66vw;
      .text_4 {
        width: 7.47vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 3.74vw;
      }
      .text_5 {
        width: 8.27vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(44, 120, 245, 1);
        font-size: 3.73vw;
        letter-spacing: -0.30000001192092896px;
        font-family: PingFang SC-Semibold;
        font-weight: 600;
        text-align: right;
        white-space: nowrap;
        line-height: 3.74vw;
      }
    }
    .text-wrapper_8 {
      width: 86.4vw;
      height: 3.74vw;
      margin: 6.66vw 0 0 2.66vw;
      .text_20 {
        width: 7.47vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 3.74vw;
      }
      .text_3 {
        width: 31.74vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 3.73vw;
        letter-spacing: -0.30000001192092896px;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: right;
        white-space: nowrap;
        line-height: 3.74vw;
      }
    }
    .text-wrapper_9 {
      width: 86.14vw;
      height: 3.74vw;
      margin: 6.66vw 0 0 2.66vw;
      .text_6 {
        width: 7.47vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 3.74vw;
      }
      .text_7 {
        width: 7.47vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 3.73vw;
        letter-spacing: -0.30000001192092896px;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: right;
        white-space: nowrap;
        line-height: 3.74vw;
      }
    }
    .text-wrapper_10 {
      width: 86.14vw;
      height: 3.74vw;
      margin: 6.66vw 0 0 2.66vw;
      .text_8 {
        width: 14.94vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 3.74vw;
      }
      .text_9 {
        width: 4.27vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 3.73vw;
        letter-spacing: -0.30000001192092896px;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: right;
        white-space: nowrap;
        line-height: 3.74vw;
      }
    }
    .text-wrapper_11 {
      width: 86.14vw;
      height: 3.74vw;
      margin: 6.66vw 0 0 2.66vw;
      .text_10 {
        width: 14.94vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 3.74vw;
      }
      .text_11 {
        width: 11.2vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 3.73vw;
        letter-spacing: -0.30000001192092896px;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: right;
        white-space: nowrap;
        line-height: 3.74vw;
      }
    }
    .text-wrapper_12 {
      width: 86.14vw;
      height: 3.74vw;
      margin: 13.33vw 0 0 2.66vw;
      .text_12 {
        width: 14.94vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 3.74vw;
      }
      .text_13 {
        width: 33.07vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 3.73vw;
        letter-spacing: -0.30000001192092896px;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: right;
        white-space: nowrap;
        line-height: 3.74vw;
      }
    }
    .text-wrapper_13 {
      width: 86.14vw;
      height: 3.74vw;
      margin: 6.66vw 0 6.66vw 2.66vw;
      .text_14 {
        width: 14.94vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(153, 153, 153, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 3.74vw;
      }
      .text_15 {
        width: 11.2vw;
        height: 3.74vw;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 3.73vw;
        letter-spacing: -0.30000001192092896px;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: right;
        white-space: nowrap;
        line-height: 3.74vw;
      }
    }
  }
  .group_5 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    width: 91.47vw;
    height: 65.34vw;
    margin: 2.66vw 0 24.26vw 4.26vw;
    .text_16 {
      width: 7.47vw;
      height: 3.74vw;
      overflow-wrap: break-word;
      color: rgba(153, 153, 153, 1);
      font-size: 3.73vw;
      font-family: PingFang SC-Regular;
      font-weight: NaN;
      text-align: left;
      white-space: nowrap;
      line-height: 3.74vw;
      margin: 4vw 0 0 2.66vw;
    }
    .text_17 {
      width: 86.14vw;
      height: 8.54vw;
      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;
      margin: 4vw 0 0 2.66vw;
    }
    .text_18 {
      width: 7.47vw;
      height: 3.74vw;
      overflow-wrap: break-word;
      color: rgba(153, 153, 153, 1);
      font-size: 3.73vw;
      font-family: PingFang SC-Regular;
      font-weight: NaN;
      text-align: left;
      white-space: nowrap;
      line-height: 3.74vw;
      margin: 6.66vw 0 0 2.66vw;
    }
    .image-wrapper_4 {
      width: 50.14vw;
      height: 24vw;
      margin: 4vw 0 6.66vw 2.66vw;
      .image_3 {
        width: 24vw;
        height: 24vw;
      }
      .image_4 {
        width: 24vw;
        height: 24vw;
      }
    }
  }
}