driverSchool/newPages/informationAdd/assets/style/index.scss

.page {
  background-color: rgba(242, 244, 248, 1);
  position: relative;
  width: 375px;
  height: 812px;
  overflow: hidden;
  .box_1 {
    background-color: rgba(255, 255, 255, 1);
    width: 375px;
    height: 46px;
    .image_1 {
      width: 32px;
      height: 18px;
      margin: 14px 0 0 30px;
    }
    .box_2 {
      background-color: rgba(0, 0, 0, 0.9);
      width: 18px;
      height: 11px;
      margin: 17px 0 0 231px;
    }
    .box_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;
    }
  }
  .box_4 {
    width: 375px;
    height: 707px;
    .box_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;
      }
      .block_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;
          }
        }
        .group_1 {
          width: 61px;
          height: 16px;
          margin: 1px 0 8px 13px;
          .section_1 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 18px;
            height: 6px;
            margin-top: 5px;
          }
          .section_2 {
            background-color: rgba(255, 255, 255, 0.9);
            width: 16px;
            height: 16px;
          }
        }
      }
    }
    .box_6 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 8px;
      height: 162px;
      width: 343px;
      margin: 10px 0 0 16px;
      .box_7 {
        width: 323px;
        height: 35px;
        margin: 9px 0 0 10px;
        .text_2 {
          width: 28px;
          height: 14px;
          overflow-wrap: break-word;
          color: rgba(131, 131, 131, 1);
          font-size: 14px;
          letter-spacing: -0.30000001192092896px;
          font-family: PingFang SC-Regular;
          font-weight: NaN;
          text-align: center;
          white-space: nowrap;
          line-height: 14px;
          margin-top: 11px;
        }
        .label_2 {
          width: 35px;
          height: 35px;
        }
      }
      .text-wrapper_1 {
        width: 323px;
        height: 14px;
        margin: 30px 0 0 10px;
        .text_3 {
          width: 28px;
          height: 14px;
          overflow-wrap: break-word;
          color: rgba(131, 131, 131, 1);
          font-size: 14px;
          letter-spacing: -0.30000001192092896px;
          font-family: PingFang SC-Regular;
          font-weight: NaN;
          text-align: center;
          white-space: nowrap;
          line-height: 14px;
        }
        .text_4 {
          width: 56px;
          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: right;
          white-space: nowrap;
          line-height: 14px;
        }
      }
      .text-wrapper_2 {
        width: 323px;
        height: 14px;
        margin: 40px 0 20px 10px;
        .text_5 {
          width: 56px;
          height: 14px;
          overflow-wrap: break-word;
          color: rgba(131, 131, 131, 1);
          font-size: 14px;
          letter-spacing: -0.30000001192092896px;
          font-family: PingFang SC-Regular;
          font-weight: NaN;
          text-align: center;
          white-space: nowrap;
          line-height: 14px;
        }
        .text_6 {
          width: 99px;
          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: right;
          white-space: nowrap;
          line-height: 14px;
        }
      }
    }
    .box_8 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 8px;
      height: 157px;
      width: 343px;
      justify-content: flex-center;
      margin: 10px 0 0 16px;
      .text-wrapper_3 {
        width: 70px;
        height: 14px;
        margin: 15px 0 0 10px;
        .text_7 {
          width: 70px;
          height: 14px;
          overflow-wrap: break-word;
          color: rgba(51, 51, 51, 1);
          font-size: 14px;
          font-family: PingFang SC-Semibold;
          font-weight: 600;
          text-align: left;
          white-space: nowrap;
          line-height: 14px;
        }
      }
      .group_2 {
        width: 323px;
        height: 98px;
        margin: 15px 0 15px 10px;
        .image-wrapper_2 {
          background-color: rgba(242, 244, 248, 1);
          border-radius: 4px;
          height: 98px;
          width: 156px;
          .image_3 {
            width: 70px;
            height: 70px;
            margin: 14px 0 0 43px;
          }
        }
        .image-wrapper_3 {
          background-color: rgba(242, 244, 248, 1);
          border-radius: 4px;
          height: 98px;
          width: 156px;
          .image_4 {
            width: 70px;
            height: 70px;
            margin: 14px 0 0 43px;
          }
        }
      }
    }
    .box_9 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 8px;
      width: 343px;
      height: 139px;
      justify-content: flex-center;
      margin: 10px 0 171px 16px;
      .text_8 {
        width: 56px;
        height: 14px;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 14px;
        font-family: PingFang SC-Semibold;
        font-weight: 600;
        text-align: left;
        white-space: nowrap;
        line-height: 14px;
        margin: 15px 0 0 10px;
      }
      .block_2 {
        background-color: rgba(242, 244, 248, 1);
        border-radius: 4px;
        width: 80px;
        height: 80px;
        margin: 15px 0 15px 10px;
        .image-text_1 {
          width: 40px;
          height: 40px;
          margin: 20px 0 0 20px;
          .label_3 {
            width: 24px;
            height: 24px;
            margin-left: 8px;
          }
          .text-group_1 {
            width: 40px;
            height: 10px;
            overflow-wrap: break-word;
            color: rgba(115, 124, 144, 1);
            font-size: 10px;
            font-family: PingFang SC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 10px;
            margin-top: 6px;
          }
        }
      }
    }
  }
  .box_10 {
    background-color: rgba(255, 255, 255, 1);
    height: 60px;
    margin-top: -1px;
    width: 375px;
    .text-wrapper_4 {
      background-color: rgba(4, 78, 242, 1);
      border-radius: 20px;
      height: 40px;
      width: 343px;
      margin: 10px 0 0 16px;
      .text_9 {
        width: 32px;
        height: 16px;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 16px;
        font-family: PingFang SC-Semibold;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
        line-height: 16px;
        margin: 12px 0 0 159px;
      }
    }
  }
}