.page {
    background-color: rgba(200, 210, 255, 1);
    position: relative;
    /*width: 1920px;*/
    height: 100%;
    /*overflow: hidden;*/
    min-width: 1170px;
}

.box_1 {
    position: relative;
    /*width: 1560px;*/
    height: 100%;
    margin: 0 auto;
}

.group_1 {
    position: relative;
    width: 1170px;
    height: 100%;
    background: url("../img/back.png") 100% no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

.text_1 {
    width: 956px;
    height: 60px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 48px;
    font-family: SFPro-Bold;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    line-height: 60px;
    margin: 217px 0 0 107px;
}

.paragraph_1 {
    width: 750px;
    height: 130px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 40px;
    margin: 20px auto;
}

.text-wrapper_1 {
    height: 72px;
    background: url("../img/start.png")
    100% no-repeat;
    background-size: 100% 100%;
    width: 400px;
    margin: 44px 0 0 385px;
}

.text_2 {
    width: 62px;
    height: 44px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 28px;
    font-family: SFPro-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 44px;
    margin: 14px 0 0 125px;
}

.paragraph_2 {
    width: 666px;
    height: 120px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 35px;
    font-family: SFPro-Semibold;
    font-weight: 600;
    text-align: center;
    line-height: 60px;
    margin: 200px 0 0 252px;
}

.image_1 {
    width: 307px;
    height: 360px;
    margin: 64px 0 0 432px;
}

.paragraph_3 {
    width: 730px;
    height: 88px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 44px;
    margin: 64px 0 0 220px;
}

.list_1 {
    width: 1106px;
    height: 494px;
    justify-content: space-between;
    margin: 120px 0 0 32px;
}

.list-items_1-0 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 32px;
    width: 353px;
    height: 494px;
    margin-right: 24px;
}

.image_2-0 {
    width: 102px;
    height: 146px;
    margin: 66px 0 0 126px;
}

.text-group_1-0 {
    width: 305px;
    height: 192px;
    margin: 52px 0 38px 24px;
}

.text_3-0 {
    /*width: 216px;*/
    height: 44px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 28px;
    font-family: SFPro-Bold;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    line-height: 44px;
    /*margin-left: 47px;*/
}

.text_4-0 {
    width: 305px;
    /*height: 128px;*/
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 16px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 32px;
    margin-top: 20px;
}

.list-items_1-1 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 32px;
    width: 353px;
    height: 494px;
    margin-right: 24px;
}

.image_2-1 {
    width: 102px;
    height: 146px;
    margin: 66px 0 0 126px;
}

.text-group_1-1 {
    width: 305px;
    height: 192px;
    margin: 52px 0 38px 24px;
}

.text_3-1 {
    /*width: 216px;*/
    height: 44px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 28px;
    font-family: SFPro-Bold;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    line-height: 44px;
    /*margin-left: 47px;*/
}

.text_4-1 {
    width: 305px;
    /*height: 128px;*/
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 16px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 32px;
    margin-top: 20px;
}

.list-items_1-2 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 32px;
    width: 353px;
    height: 494px;
    margin-right: 24px;
}

.image_2-2 {
    width: 102px;
    height: 146px;
    margin: 66px 0 0 126px;
}

.text-group_1-2 {
    width: 305px;
    height: 192px;
    margin: 52px 0 38px 24px;
}

.text_3-2 {
    /*width: 216px;*/
    height: 44px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 28px;
    font-family: SFPro-Bold;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    line-height: 44px;
    /*margin-left: 47px;*/
}

.text_4-2 {
    width: 305px;
    /*height: 128px;*/
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 16px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: center;
    line-height: 32px;
    margin-top: 20px;
}

.group_2 {
    background-color: rgba(238, 241, 255, 1);
    border-radius: 32px;
    height: 388px;
    width: 1106px;
    margin: 120px 0 0 32px;
}

.grid_1 {
    width: 1034px;
    height: 316px;
    flex-wrap: wrap;
    margin: 36px 0 0 36px;
}

.image-text_1-0 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 16px;
    width: 501px;
    height: 140px;
    margin: 0 32px 36px 0;
}

.image_3-0 {
    width: 56px;
    height: 56px;
    margin: 42px 0 0 28px;
}

.text-group_2-0 {
    width: 376px;
    height: 44px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 22px;
    font-family: SFPro-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 44px;
    margin: 48px 149px 0 16px;
}

.image-text_1-1 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 16px;
    width: 501px;
    height: 140px;
    margin: 0 32px 36px 0;
    margin-right: 0;
}

.image_3-1 {
    width: 56px;
    height: 56px;
    margin: 42px 0 0 28px;
}

.text-group_2-1 {
    width: 376px;
    height: 44px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 22px;
    font-family: SFPro-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 44px;
    margin: 48px 149px 0 16px;
}

.image-text_1-2 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 16px;
    width: 501px;
    height: 140px;
    margin: 0 32px 36px 0;
    margin-bottom: 0;
}

.image_3-2 {
    width: 56px;
    height: 56px;
    margin: 42px 0 0 28px;
}

.text-group_2-2 {
    width: 376px;
    height: 44px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 22px;
    font-family: SFPro-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 44px;
    margin: 48px 149px 0 16px;
}

.image-text_1-3 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 16px;
    width: 501px;
    height: 140px;
    margin: 0 32px 36px 0;
    margin-right: 0;
    margin-bottom: 0;
}

.image_3-3 {
    width: 56px;
    height: 56px;
    margin: 42px 0 0 28px;
}

.text-group_2-3 {
    width: 376px;
    height: 44px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 22px;
    font-family: SFPro-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 44px;
    margin: 48px 149px 0 16px;
}

.text_5 {
    width: 220px;
    height: 60px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 40px;
    font-family: SFPro-Semibold;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    line-height: 60px;
    margin: 120px 0 0 475px;
}

.group_3 {
    /*background-color: rgba(209, 217, 255, 1);*/
    border-radius: 32px;
    width: 672px;
    height: 246px;
    margin: 157px 0 0 249px;
}

.group_4 {
    /*background-color: rgba(209, 217, 255, 1);*/
    border-radius: 32px;
    width: 672px;
    height: 246px;
    margin: 157px 0 0 249px;
}

.group_5 {
    /*background-color: rgba(209, 217, 255, 1);*/
    border-radius: 32px;
    width: 672px;
    height: 246px;
    margin: 157px 0 0 249px;
}

.group_6 {
    /*background-color: rgba(209, 217, 255, 1);*/
    border-radius: 32px;
    width: 672px;
    height: 246px;
    margin: 157px 0 300px 249px;
}

.group_7 {
    /*background-color: rgba(255, 255, 255, 1);*/
    border-radius: 32px;
    position: absolute;
    left: 225px;
    top: 2767px;
    width: 720px;
    height: 340px;
}

.text-wrapper_2 {
    width: 640px;
    height: 32px;
    margin: 38px 0 0 40px;
}

.text_6 {
    width: 77px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Semibold;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    line-height: 29px;
    margin-top: 2px;
}

.text_7 {
    width: 86px;
    height: 32px;
    overflow-wrap: break-word;
    color: rgba(198, 198, 200, 1);
    font-size: 22px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 32px;
}

.image-wrapper_1 {
    width: 240px;
    height: 32px;
    margin: 19px 0 0 40px;
}

.label_1 {
    width: 32px;
    height: 32px;
}

.label_2 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_3 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_4 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_5 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.text_8 {
    width: 640px;
    height: 128px;
    overflow-wrap: break-word;
    color: rgba(100, 100, 100, 1);
    font-size: 22px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 32px;
    margin: 19px 0 72px 40px;
}

.group_8 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 32px;
    position: absolute;
    left: 225px;
    top: 3170px;
    width: 720px;
    height: 340px;
}

.text-wrapper_3 {
    width: 640px;
    height: 32px;
    margin: 38px 0 0 40px;
}

.text_9 {
    width: 95px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Semibold;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    line-height: 29px;
    margin-top: 2px;
}

.text_10 {
    width: 104px;
    height: 32px;
    overflow-wrap: break-word;
    color: rgba(198, 198, 200, 1);
    font-size: 22px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 32px;
}

.image-wrapper_2 {
    width: 240px;
    height: 32px;
    margin: 19px 0 0 40px;
}

.label_6 {
    width: 32px;
    height: 32px;
}

.label_7 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_8 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_9 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_10 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.text_11 {
    width: 640px;
    height: 96px;
    overflow-wrap: break-word;
    color: rgba(100, 100, 100, 1);
    font-size: 22px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 32px;
    margin: 19px 0 104px 40px;
}

.group_9 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 32px;
    position: absolute;
    left: 225px;
    top: 3573px;
    width: 720px;
    height: 340px;
}

.text-wrapper_4 {
    width: 640px;
    height: 32px;
    margin: 38px 0 0 40px;
}

.text_12 {
    width: 71px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Semibold;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    line-height: 29px;
    margin-top: 2px;
}

.text_13 {
    width: 105px;
    height: 32px;
    overflow-wrap: break-word;
    color: rgba(198, 198, 200, 1);
    font-size: 22px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 32px;
}

.image-wrapper_3 {
    width: 240px;
    height: 32px;
    margin: 19px 0 0 40px;
}

.label_11 {
    width: 32px;
    height: 32px;
}

.label_12 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_13 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_14 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_15 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.text_14 {
    width: 640px;
    height: 128px;
    overflow-wrap: break-word;
    color: rgba(100, 100, 100, 1);
    font-size: 22px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 32px;
    margin: 19px 0 72px 40px;
}

.group_10 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 32px;
    position: absolute;
    left: 225px;
    top: 3976px;
    width: 720px;
    height: 340px;
}

.text-wrapper_5 {
    width: 640px;
    height: 32px;
    margin: 38px 0 0 40px;
}

.text_15 {
    width: 95px;
    height: 29px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Semibold;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    line-height: 29px;
    margin-top: 2px;
}

.text_16 {
    width: 105px;
    height: 32px;
    overflow-wrap: break-word;
    color: rgba(198, 198, 200, 1);
    font-size: 22px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 32px;
}

.image-wrapper_4 {
    width: 240px;
    height: 32px;
    margin: 19px 0 0 40px;
}

.label_16 {
    width: 32px;
    height: 32px;
}

.label_17 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_18 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_19 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.label_20 {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.text_17 {
    width: 640px;
    height: 128px;
    overflow-wrap: break-word;
    color: rgba(100, 100, 100, 1);
    font-size: 22px;
    font-family: SFPro-Regular;
    font-weight: normal;
    text-align: left;
    line-height: 32px;
    margin: 19px 0 72px 40px;
}

.label_21 {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    margin: 25px 0 0 0;
}

.text_18 {
    position: absolute;
    left: 55px;
    top: 22px;
    width: 150px;
    height: 60px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 35px;
    font-family: DOUYINSANSBOLD-GB;
    font-weight: normal;
    text-align: center;
    line-height: 60px;
}

.page_1 {
    /*background-color: rgba(221, 227, 255, 1);*/
    /*position: relative;*/
    width: 100%;
    height: 1080px;
    overflow: hidden;
    position: fixed;
    z-index: 1200;
    transition: width 1s ease;
    display: none;
}

.group_1_1 {
    background-color: rgba(0, 0, 0, 0.5);
    height: 1080px;
    /*width: 1920px;*/
}

.box_1_1 {
    background-color: rgba(255, 255, 255, 1);
    width: 400px;
    height: 1080px;
    z-index: 9999;
}


.label_1_1 {
    width: 40px;
    height: 40px;
    margin: 56px 0 0 64px;
}

.text_1_1 {
    width: 148px;
    height: 40px;
    overflow-wrap: break-word;
    /*color: rgba(92, 112, 207, 1);*/
    font-size: 24px;
    font-family: SFPro-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 40px;
    margin: 15px 0 0 64px;
}

.text_2_1 {
    width: 180px;
    height: 40px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 40px;
    margin: 10px 0 0 64px;
}

.text_3_1 {
    width: 76px;
    height: 40px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 40px;
    margin: 10px 0 0 64px;
}

.text_4_1 {
    width: 48px;
    height: 40px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 40px;
    margin: 10px 0 0 64px;
}

.text_5_1 {
    width: 116px;
    height: 40px;
    overflow-wrap: break-word;
    color: rgba(18, 18, 18, 1);
    font-size: 24px;
    font-family: SFPro-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 40px;
    margin: 10px 0 591px 64px;
}

body{
    margin: -8px;
}


.footer{
    text-align: center;
    margin-top: -200px;
    color: #000000;
    font-size: 30px;
}

.subtitle{
    width: 100%;
    overflow-wrap: break-word;
    font-size: 28px;
    font-family: SFPro-Semibold;
    font-weight: 600;
    text-align: center;
    line-height: 60px;
    color: #c49ae4;
    text-align: center;
    margin-top: 10px;
}