/* Base styles */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

.page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 100%;
    height: 156.25vw;
    overflow: hidden;
}

.section_1 {
    background-color: rgba(248, 248, 248, 1);
    width: 100%;
    height: 5.73vw;
}

.label_1 {
    width: 2.5vw;
    height: 2.5vw;
    margin: 1.56vw 0 0 8.33vw;
}

.text_1 {
    width: 5.79vw;
    height: 1.46vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 1.25vw;
    font-family: Roboto-Black;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 1.46vw;
    margin: 2.03vw 0 0 0.52vw;
}

.section_2 {
    background-color: rgba(249, 220, 144, 1);
    border-radius: 16px;
    width: 8.44vw;
    height: 3.13vw;
    margin: 1.3vw 7.18vw 0 67.23vw;
}

.text_2 {
    width: 5.21vw;
    height: 0.99vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.83vw;
    font-family: Roboto-Black;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 0.99vw;
    margin:0  0.64vw;
}

.thumbnail_1 {
    width: 0.84vw;
    height: 0.84vw;
    margin: 0 0.48vw ;
}

.text-wrapper_1 {
    width: 100%;
    height: 54.69vw;
    background: url(./img/SketchPng8a4184f9b6ec5fa42089e12a9e50c99938d97e14e36ee51601c207922d329946.png)
      100% no-repeat;
    background-size: 100% 100%;
    margin-top: -0.1vw;
}

.text_3 {
    width: 46.46vw;
    height: 4.69vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 3.95vw;
    font-family: Roboto-Black;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 4.69vw;
    margin: 3.48vw 0 0 28.22vw;
}

.text_4 {
    width: 24.28vw;
    height: 2.71vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 2.29vw;
    font-family: Roboto-Light;
    font-weight: 300;
    text-align: right;
    white-space: nowrap;
    line-height: 2.71vw;
    margin:0 auto;
}

.box_3 {
    position: relative;
    width: 100%;
    height: 95.99vw;
    margin-bottom: 0.06vw;
}

.block_1 {
    width: 59.33vw;
    height: 32.45vw;
    margin: 4.32vw 0 0 20.62vw;
}

.image_1 {
    width: 20.89vw;
    height: 32.45vw;
}

.group_3 {
    width: 29.95vw;
    height: 20.47vw;
    margin-top: 8.34vw;
}

.text_5 {
    width: 25.99vw;
    height: 3.44vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 2.91vw;
    font-family: Roboto-Black;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 3.44vw;
    margin-left: 0.11vw;
}

.image_2 {
    width: 29.9vw;
    height: 2.14vw;
    margin: 1.77vw 0 0 0.05vw;
}

.text_6 {
    width: 22.87vw;
    height: 2.71vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 2.29vw;
    font-family: Roboto-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 2.71vw;
    margin-top: 4.85vw;
}

.text_7 {
    width: 24.9vw;
    height: 2.71vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 2.29vw;
    font-family: Roboto-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 2.71vw;
    margin-top: 2.87vw;
}

.box_2 {
    background-color: rgba(252, 248, 238, 1);
    width: 100%;
    height: 50vw;
    margin: 9.16vw 0 0.05vw 0;
}

.box_4 {
    width: 35.16vw;
    height: 20.47vw;
    margin: 15.98vw 0 0 10.05vw;
}

.text_8 {
    width: 32.71vw;
    height: 3.44vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 2.91vw;
    font-family: Roboto-Black;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 3.44vw;
}

.image_3 {
    width: 29.9vw;
    height: 2.14vw;
    margin: 1.77vw 0 0 5.26vw;
}

.text_9 {
    width: 23.39vw;
    height: 2.71vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 2.29vw;
    font-family: Roboto-Light;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    line-height: 2.71vw;
    margin: 4.84vw 0 0 7.55vw;
}

.text_10 {
    width: 23.39vw;
    height: 2.71vw;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 2.29vw;
    font-family: Roboto-Light;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    line-height: 2.71vw;
    margin: 2.86vw 0 0 7.55vw;
}

.image_4 {
    width: 34.43vw;
    height: 37.04vw;
    margin: 6.66vw 6.71vw 0 13.64vw;
}

.image-wrapper_1 {
    height: 33.91vw;
    background: url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPng31250d8d059060ebe9cfcfade3a30981bf3377c291aa45e46dd3bb64bb800297) -0.06vw -0.06vw
      no-repeat;
    background-size: 20.93vw 33.95vw;
    width: 20.89vw;
    position: absolute;
    left: 3.65vw;
    top: 5.94vw;
}

.image_5 {
    width: 15.68vw;
    height: 33.91vw;
    margin-left: 12.09vw;
}
  