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

.page {
  background-color: rgba(242, 244, 248, 1);
  position: relative;
  width: 375px;
  height: 812px;
  overflow: hidden;
  .group_1 {
    background-color: rgba(255, 255, 255, 1);
    width: 375px;
    height: 46px;
    .image_1 {
      width: 32px;
      height: 18px;
      margin: 14px 0 0 30px;
    }
    .group_2 {
      background-color: rgba(0, 0, 0, 0.9);
      width: 18px;
      height: 11px;
      margin: 17px 0 0 231px;
    }
    .group_3 {
      background-color: rgba(0, 0, 0, 0.9);
      width: 16px;
      height: 12px;
      margin: 17px 0 0 5px;
    }
    .image_2 {
      width: 25px;
      height: 12px;
      margin: 17px 14px 0 4px;
    }
  }
  .group_4 {
    width: 375px;
    height: 767px;
    margin-bottom: 1px;
    .group_5 {
      background-color: rgba(255, 255, 255, 1);
      width: 375px;
      height: 48px;
      justify-content: flex-center;
      .label_1 {
        width: 24px;
        height: 24px;
        margin: 12px 0 0 12px;
      }
      .text_1 {
        width: 64px;
        height: 26px;
        overflow-wrap: break-word;
        color: rgba(0, 0, 0, 0.9);
        font-size: 16px;
        font-family: PingFang SC-Semibold;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
        line-height: 26px;
        margin: 11px 0 0 119px;
      }
      .section_1 {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px;
        height: 32px;
        width: 87px;
        margin: 8px 12px 0 57px;
        .image-wrapper_1 {
          width: 20px;
          height: 1px;
          margin: 6px 0 0 45px;
          .thumbnail_1 {
            width: 20px;
            height: 1px;
          }
        }
        .box_1 {
          width: 61px;
          height: 16px;
          margin: 1px 0 8px 13px;
          .block_1 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 18px;
            height: 6px;
            margin-top: 5px;
          }
          .block_2 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 16px;
            height: 16px;
          }
        }
      }
    }
    .list_1 {
      width: 343px;
      height: 232px;
      justify-content: space-between;
      margin: 10px 0 477px 16px;
      .list-items_1 {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 8px;
        height: 111px;
        margin-bottom: 10px;
        width: 343px;
        justify-content: flex-center;
        .text-wrapper_1 {
          width: 80px;
          height: 16px;
          margin: 15px 0 0 10px;
          .text_2 {
            width: 80px;
            height: 16px;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 16px;
            font-family: PingFang SC-Semibold;
            font-weight: 600;
            text-align: left;
            white-space: nowrap;
            line-height: 16px;
          }
        }
        .group_6 {
          width: 80px;
          height: 18px;
          margin: 10px 0 0 10px;
          .text-wrapper_2 {
            background-color: rgba(223, 235, 255, 1);
            border-radius: 2px;
            height: 18px;
            width: 46px;
            .text_3 {
              width: 36px;
              height: 12px;
              overflow-wrap: break-word;
              color: rgba(44, 120, 245, 1);
              font-size: 12px;
              font-family: PingFang SC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 12px;
              margin: 3px 0 0 5px;
            }
          }
          .text-wrapper_3 {
            background-color: rgba(255, 239, 229, 1);
            border-radius: 2px;
            height: 18px;
            width: 26px;
            .text_4 {
              width: 16px;
              height: 12px;
              overflow-wrap: break-word;
              color: rgba(123, 81, 11, 1);
              font-size: 12px;
              font-family: PingFang SC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 12px;
              margin: 3px 0 0 5px;
            }
          }
        }
        .group_7 {
          width: 198px;
          height: 24px;
          margin: 13px 0 15px 10px;
          .image-text_1 {
            width: 72px;
            height: 24px;
            .label_2 {
              width: 24px;
              height: 24px;
            }
            .text-group_1 {
              width: 42px;
              height: 14px;
              overflow-wrap: break-word;
              color: rgba(51, 51, 51, 1);
              font-size: 14px;
              font-family: PingFang SC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 14px;
              margin-top: 5px;
            }
          }
          .section_2 {
            background-color: rgba(237, 162, 58, 1);
            width: 14px;
            height: 14px;
            margin: 5px 0 0 10px;
          }
          .section_3 {
            background-color: rgba(237, 162, 58, 1);
            width: 14px;
            height: 14px;
            margin: 5px 0 0 5px;
          }
          .section_4 {
            background-color: rgba(237, 162, 58, 1);
            width: 14px;
            height: 14px;
            margin: 5px 0 0 5px;
          }
          .section_5 {
            background-color: rgba(237, 162, 58, 1);
            width: 14px;
            height: 14px;
            margin: 5px 0 0 5px;
          }
          .section_6 {
            background-color: rgba(226, 226, 226, 1);
            width: 14px;
            height: 14px;
            margin: 5px 0 0 5px;
          }
          .text_5 {
            width: 21px;
            height: 14px;
            overflow-wrap: break-word;
            color: rgba(237, 162, 58, 1);
            font-size: 14px;
            font-family: PingFang SC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 14px;
            margin: 5px 0 0 5px;
          }
        }
      }
    }
  }
}