.home-box {
    width: 68.57rem;
    position: relative;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

.first-area {
    background-image: url('https://static.igem.wiki/teams/5528/bg1-7-14-35.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 63rem;
    margin: 2rem auto 0;
    height: 46rem;
    padding-top: 1px;
    position: relative;
    box-sizing: border-box;
}

.first-area-sub-title {
    background-color: #ffffff;
    margin: 4.68rem 0 0 13.25rem;
    width: 19.46rem;
    border-radius: 0.79rem;
    font-weight: 800;
    text-align: center;
    line-height: 4.5rem;
    color: #662B00;
}

.sub-title-size {
    font-size: 1.29rem;
}


.first-area-content {
    margin: 1.61rem 0 0 13.5rem;
    display: flex;
    width: 41.61rem;
}

.first-area-content-text {
    color: #662B00;
    line-height: 2.18rem;
    font-weight: 400;
}

.first-area-content-img {
    display: flex;
    margin-left: 0.71rem;
    height: 7.07rem;
    align-items: center;
}

.first-area-content-gene-img {
    position: absolute;
    width: 11.25rem;
    height: 15.93rem;
    top: 13.93rem;
    right: -2.71rem;
}

.first-area-content-img>img:first-of-type {
    width: 8.29rem;
    height: 100%;
}

.first-area-content-img>img:nth-of-type(2) {
    width: 4.71rem;
    height: 100%;
    margin: 0 0.21rem;
}

.first-area-content-img>img:last-of-type {
    width: 8.86rem;
    height: 100%;
}

.first-area-tipimgs {
    position: absolute;
    width: 4.54rem;
    height: 4.25rem;
    right: 2.36rem;
    top: -0.86rem;
}

.nutritional-content {
    display: flex;
    align-items: center;
    margin: 9.75rem 0 0 10.21rem;
    line-height: 2.19rem;
}

.nutritional-first-images {
    width: 10.68rem;
    height: 12.71rem;
    z-index: 9;
}

.nutritional-text {
    margin-left: 5.21rem;
    width: 24.18rem;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}

.nutritional-text-tips {
    color: #662B00;
    line-height: 2.18rem;
    font-weight: 400;
    z-index: 99;
}

.nutritional-title {
    color: #E95045;
    font-weight: bold;
}

.fontsize1rem {
    font-size: 1rem;
}

.second-area {
    background-image: url('https://static.igem.wiki/teams/5528/bg3-7-14-35.png');
    background-size: 100% 100%;
    width: 63rem;
    margin: 0 auto;
    height: 46rem;
    padding-top: 1px;
    position: relative;
    top: -8.61rem;
}

.second-area-last-images {
    width: 12.68rem;
    height: 11.86rem;
    position: absolute;
    top: 1.57rem;
    right: 4.14rem;
}

.second-area-nutritional {
    display: flex;
    margin: 14.86rem 0 0 13.46rem;
    line-height: 2.18rem;
    align-items: center;
}

.second-nutritional-title {
    color: #E95045;
    font-weight: bold;
}

.second-nutritional-text {
    margin-right: 3.11rem;
    width: 20.54rem;
}

.second-area-images {
    width: 12.96rem;
    height: 8.82rem;
}

.second-left-images {
    width: 10.07rem;
    height: 14.46rem;
    position: absolute;
    left: 0.93rem;
    top: 23.21rem;
}

.second-right-images {
    width: 8.68rem;
    height: 3.93rem;
    position: absolute;
    left: 41.57rem;
    top: 33.21rem;
}

.project-goals-content {
    position: relative;
    z-index: 99;
    top: 1.54rem;
    padding: 1px;
}

.project-goals-images {
    width: 11.21rem;
    height: 11.61rem;
    position: absolute;
    right: 0.82rem;
    bottom: 1.71rem;
}

.second-project-goals {
    width: 19.46rem;
    height: 4.46rem;
    border-radius: 0.79rem;
    margin: 0 0 2.43rem 13.21rem;
    background-color: #ffffff;
    border-radius: 0.79rem;
    font-weight: 800;
    text-align: center;
    line-height: 4.5rem;
    color: #662B00;
}


.second-project-goals-list {
    display: flex;
    width: 36.18rem;
    align-items: center;
    margin-left: 13.21rem;
}

.second-project-goals-list.margins {
    margin-top: 5.08rem;
    margin-bottom: 5.08rem;
}

.second-project-goals-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.36rem;
    height: 3.36rem;
    border-radius: 50%;
    background-color: #5f2e0d;
    font-weight: bold;
    font-size: 1.43rem;
    color: #ffffff;
    margin-right: 0.54rem;
}


.second-project-goals-list-tips {
    flex: 1;
    color: #662B00;
    line-height: 2.18rem;
    font-weight: 400;
}

.third-area {
    background-image: url('https://static.igem.wiki/teams/5528/bg2-7-14-35.png');
    background-size: 100% 100%;
    width: 63rem;
    margin: 0 auto;
    height: 46rem;
    padding-top: 1px;
    position: relative;
    top: -13.5rem;
    margin-bottom: -6.9rem;
}

.third-area-images {
    width: 14.61rem;
    height: 12.82rem;
    position: absolute;
    bottom: 2.57rem;
    right: 14.14rem;
}

.header-content {
    width: 100%;
    height: 33.5rem;
    display: flex;
    margin: 0 auto;
    background-image: url('https://static.igem.wiki/teams/5528/banner2-7-14-35.png');
    background-size: 100% 100%;
    box-sizing: border-box;
}

.header-content-images {
    height: 100%;
    width: 3rem;
}

.header-content-bannerInner {
    flex: 1;
    position: relative;
}

.header-content-bannerInner-images {
    width: 24.81rem;
    height: 31.96rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.header-content-bannerInner-bannerText {
    width: 36.14rem;
    margin-left: 2.36rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    color: #020000;
    line-height: 3.43rem;
    font-weight: 800;
    font-size: 2.07rem;
}

@media screen and (max-width: 600px) {
    .home-box{
        width: 100vw;
    }
    .header-content-bannerInner-bannerText {
        font-size: 3rem;
    }

    .nutritional-text {
        margin-left: 3.21rem;
    }

    .nutritional-content {
        margin: 9.75rem 0 0 9rem;
    }

    .sub-title-size {
        font-size: 2rem !important;
        width: 26.46rem !important;
    }

    .second-project-goals-list-icon {
        font-size: 2rem;
    }

    .fontsize1rem {
        font-size: 1.5rem;
    }
}