driverSchool/newPages/evaluateAdd/assets/style/index.response.scss

.page {
  background-color: rgba(242, 244, 248, 1);
  position: relative;
  width: 100vw;
  height: 216.54vw;
  overflow: hidden;
  .section_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;
    }
    .block_1 {
      background-color: rgba(0, 0, 0, 0.9);
      width: 4.8vw;
      height: 2.94vw;
      margin: 4.53vw 0 0 61.6vw;
    }
    .block_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;
    }
  }
  .section_2 {
    width: 100vw;
    height: 62.94vw;
    .box_1 {
      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_3 {
        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;
          }
        }
        .group_1 {
          width: 16.27vw;
          height: 4.27vw;
          margin: 0.26vw 0 2.13vw 3.46vw;
          .group_2 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 4.8vw;
            height: 1.6vw;
            margin-top: 1.34vw;
          }
          .group_3 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 4.27vw;
            height: 4.27vw;
          }
        }
      }
    }
    .box_2 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 8px;
      width: 91.47vw;
      height: 44.54vw;
      margin: 2.66vw 0 2.93vw 4.26vw;
      .block_3 {
        background-image: linear-gradient(
          180deg,
          rgba(44, 120, 245, 0.2) 0,
          rgba(44, 120, 245, 0) 100%
        );
        border-radius: 8px;
        width: 91.47vw;
        height: 18.67vw;
        border: 1px solid rgba(255, 255, 255, 1);
        .text-group_1 {
          width: 33.07vw;
          height: 10.67vw;
          margin: 4vw 0 0 2.66vw;
          .text_2 {
            width: 21.34vw;
            height: 4.27vw;
            overflow-wrap: break-word;
            color: rgba(4, 78, 242, 1);
            font-size: 4.26vw;
            font-family: PingFang SC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 4.27vw;
          }
          .text_3 {
            width: 33.07vw;
            height: 3.74vw;
            overflow-wrap: break-word;
            color: rgba(115, 124, 144, 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: 2.67vw;
          }
        }
      }
      .block_4 {
        width: 21.34vw;
        height: 4.8vw;
        margin-left: 2.67vw;
        .text-wrapper_1 {
          background-color: rgba(223, 235, 255, 1);
          border-radius: 2px;
          height: 4.8vw;
          width: 12.27vw;
          .text_4 {
            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_2 {
          background-color: rgba(255, 239, 229, 1);
          border-radius: 2px;
          height: 4.8vw;
          width: 6.94vw;
          .text_5 {
            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;
          }
        }
      }
      .block_5 {
        width: 52.8vw;
        height: 6.4vw;
        margin: 9.33vw 0 5.33vw 2.66vw;
        .image-text_1 {
          width: 19.2vw;
          height: 6.4vw;
          .label_2 {
            width: 6.4vw;
            height: 6.4vw;
          }
          .text-group_2 {
            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;
          }
        }
        .box_3 {
          background-color: rgba(237, 162, 58, 1);
          width: 3.74vw;
          height: 3.74vw;
          margin: 1.33vw 0 0 2.66vw;
        }
        .box_4 {
          background-color: rgba(237, 162, 58, 1);
          width: 3.74vw;
          height: 3.74vw;
          margin: 1.33vw 0 0 1.33vw;
        }
        .box_5 {
          background-color: rgba(237, 162, 58, 1);
          width: 3.74vw;
          height: 3.74vw;
          margin: 1.33vw 0 0 1.33vw;
        }
        .box_6 {
          background-color: rgba(237, 162, 58, 1);
          width: 3.74vw;
          height: 3.74vw;
          margin: 1.33vw 0 0 1.33vw;
        }
        .box_7 {
          background-color: rgba(226, 226, 226, 1);
          width: 3.74vw;
          height: 3.74vw;
          margin: 1.33vw 0 0 1.33vw;
        }
        .text_6 {
          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;
        }
      }
    }
  }
  .section_4 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    width: 91.47vw;
    height: 79.47vw;
    justify-content: flex-center;
    margin: -0.26vw 0 62.13vw 4.26vw;
    .text_7 {
      width: 14.94vw;
      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: 4vw 0 0 2.66vw;
    }
    .text-wrapper_3 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 4px;
      height: 26.67vw;
      border: 0.5px solid rgba(238, 238, 238, 1);
      width: 86.14vw;
      margin: 2.66vw 0 0 2.66vw;
      .text_8 {
        width: 80.8vw;
        height: 12.8vw;
        overflow-wrap: break-word;
        color: rgba(115, 124, 144, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        line-height: 6.4vw;
        margin: 4vw 0 0 2.66vw;
      }
    }
    .text_9 {
      width: 14.94vw;
      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: 5.33vw 0 0 2.66vw;
    }
    .text-wrapper_4 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 4px;
      height: 26.67vw;
      border: 0.5px solid rgba(238, 238, 238, 1);
      width: 86.14vw;
      margin: 2.66vw 0 4vw 2.66vw;
      .text_10 {
        width: 78.4vw;
        height: 12.8vw;
        overflow-wrap: break-word;
        color: rgba(115, 124, 144, 1);
        font-size: 3.73vw;
        font-family: PingFang SC-Regular;
        font-weight: NaN;
        text-align: left;
        line-height: 6.4vw;
        margin: 4vw 0 0 2.66vw;
      }
    }
  }
}