#Banner {
    /* background: radial-gradient(70.71% 70.71% at 50% 50%, #FBFBFB 47.02%, rgba(250, 250, 250, 0.00) 100%); */
    /* background-image: url(../img/banner/bg.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center; */
}

.header_bg {
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    background: rgba(255, 255, 255, 0.7);
}

.banner-content-position img {
    box-shadow: 0px -8px 80px 0px rgba(38, 109, 240, 0.05), 0px 2px 2px 0px rgba(20, 65, 150, 0.10), 0px 4px 4px 0px rgba(56, 62, 71, 0.03), 0px 7px 7px 0px rgba(56, 62, 71, 0.04), 0px 18px 14px 0px rgba(56, 62, 71, 0.05), 0px 24px 24px 0px rgba(56, 62, 71, 0.02), 0px 38px 38px 0px rgba(56, 62, 71, 0.04), 0px 62px 62px 0px rgba(56, 62, 71, 0.03);
}

.banner-btn div:hover {
    background: #FAFAFB;
}

#sixthly a:hover,
.banner-btn a:hover {
    background: #FF4610;
}

#secondly {
    /* background: linear-gradient(180deg, #FCFCFC 0%, #FFF 100%); */
}

.secondly_content,
.thirdly_content {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
}

.banner-content{
    width: 100%;
    max-width: 1440px;
}


.thirdly_content ul {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(229px, 1fr));
}

.thirdly_content ul li {
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.50) 100%);
    box-shadow: -1px 1px 1px -2px rgba(255, 255, 255, 0.35) inset, 0px 24px 30px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(98px);
}

#fourth {
    background: linear-gradient(180deg, #FFF 83.41%, #F6F7F8 100%);
}

/* 第四屏 */
.fourth_content ul {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}

/* 第五屏 */
#fifthly {
    background: var(--Color-Background-Full, #F6F7F8);
}

.fifthly li {
    transition:
        transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    margin-left: 16px;
    margin-right: 16px;
}

.fifthly li:nth-child(2n-1) {
    transform: translateY(90px);
}


/* pad端 */
@media screen and (min-width: 768px) and (max-width: 1200px) {

    #Banner,
    #secondly,
    #thirdly,
    #fourth,
    #sixthly {
        padding-left: 32px;
        padding-right: 32px;
    }

    .fifthly-content {
        width: 692px;
    }
}

/* 移动端 */
@media (max-width: 768px) {
    body{
        overflow-x: hidden;
    }
    .secondly_content,
    .thirdly_content,
    .thirdly_content ul,
    .fourth_content ul {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }

    #secondly,
    #thirdly,
    #fourth,
    #sixthly {
        padding-left: 16px;
        padding-right: 16px;
    }

    .fifthly-content {
        width: 87.5%;
    }


    /* 首屏 */
    .Banner {
        padding-top: 10.667vw;
        padding-bottom: 6.933vw;
        padding-left: 16px;
        padding-right: 16px;
    }

    .banner-tag {
        margin-bottom: 4.267vw;
    }

    .Banner-title {
        margin-bottom: 6.400vw;
    }

    .Banner-title h1 {
        font-size: 7.467vw;
        margin-bottom: 3.2vw;
        line-height: 9.600vw;
    }

    .Banner-des {
        font-size: 3.200vw;
        line-height: 5.333vw;
        width: 80%;
    }

    .banner-tag h5 {
        font-size: 3.200vw;
        line-height: 5.333vw;
    }

    .banner-tag p {
        font-size: 3.200vw;
        line-height: 5.333vw;
    }

    .banner-btn div {
        padding: 2.667vw 8.533vw;
        border-radius: 2.133vw;
    }

    .banner-btn a {
        padding: 2.667vw 8.533vw;
        border-radius: 2.133vw;
    }

    .banner-btn span {
        font-size: 3.733vw;
    }

    .banner-content {
        width: 100%;
    }

    /* 第二屏 */
    .secondly {
        padding-top: 8.533vw;
        padding-bottom: 8.533vw;
    }

    .mb-64 {
        margin-bottom: 6.400vw;
    }

    .secondly_title {
        margin-bottom: 6.400vw;
    }

    .secondly-right-btn {
        margin-bottom: 3.200vw;
        padding: 0.533vw 2.133vw;
    }

    .secondly span {
        font-size: 2.667vw;
        line-height: 4.800vw;
    }

    .secondly h2 {
        font-size: 5.333vw;
        line-height: 7.467vw;
        margin-bottom: 4.267vw;
    }

    .secondly p {
        font-size: 3.200vw;
        line-height: 5.333vw;
    }

    .secondly-title {
        margin-bottom: 5.333vw;
    }

    .secondly ul {
        justify-content: space-between;
    }

    .secondly ul li {
        width: 40.800vw;
    }

    .secondly ul li h3 {
        font-size: 8.533vw;
        line-height: 12.800vw;
        margin-bottom: 1.067vw;
    }

    .secondly ul li p {
        font-size: 3.200vw;
        line-height: 5.333vw;
    }
    .secondly_content h3{
        font-size: 4.800vw;
        line-height: 6.933vw;
        margin-bottom: 2.133vw;
    }
    .secondly_content p{
        font-size: 3.200vw;
        line-height: 5.333vw;
    }
    .secondly_content .bodor-bg-gray11{
        padding: 7.467vw;
    }
    .secondly_content svg{
        width: 8.533vw;
        height: 8.533vw;
        margin-bottom: 5.333vw;
    }
    .secondly_content .bg-0F0F0F{
        padding: 7.467vw;
    }
    .secondly_content .bg-0F0F0F h3{
        font-size: 4.800vw;
        line-height: 6.933vw;
    }
    .secondly_content .bg-0F0F0F h4{
        margin-top: 5.333vw;
        margin-bottom: 2.133vw;
        font-size: 4.267vw;
        line-height: 6.400vw;
    }

    /* 第三屏 */
    .thirdly {
        padding-top: 8.533vw;
        padding-bottom: 8.533vw;
        flex-flow: column;
    }

    .thirdly .w-496 {
        padding-top: 0;
        order: 2;
        width: 100%;
    }

    .thirdly .w-496 .mb-48 {
        margin-bottom: 0;
    }

    .thirdly .w-560 {
        order: 1;
        width: 100%;
        margin-bottom: 6.400vw;
    }

    .thirdly-right-btn {
        margin-bottom: 3.200vw;
        padding: 0.533vw 2.133vw;
    }

    .thirdly span {
        font-size: 2.667vw;
        line-height: 4.800vw;
    }

    .thirdly h2 {
        font-size: 5.333vw;
        line-height: 7.467vw;
        margin-bottom: 4.267vw;
    }
    .thirdly h3 {
        font-size: 4.800vw;
        line-height: 6.933vw;
        margin-bottom: 3.200vw;
    }
    .thirdly p {
        font-size: 3.200vw;
        line-height: 5.333vw;
    }

    .thirdly-title {
        margin-bottom: 5.333vw;
    }
    .thirdly_content .bg-E5F2FF {
        padding: 7.467vw;
    }
    .thirdly_content ul{
        grid-template-columns: repeat(auto-fill, minmax(35.667vw, 1fr));
        gap: 3.200vw;
        margin-top: 6.4vw;
    }
    .thirdly_content ul li{
        padding: 3.200vw;
    }
    .thirdly_content ul li svg{
        width: 8.533vw;
        height: 8.533vw;
    }
    .thirdly_content ul li h4{
        font-size: 4.267vw;
        margin-top: 2.133vw;
        line-height: 6.400vw;
    }
    .thirdly_content ul li p{
        font-size: 3.200vw;
        line-height: 5.333vw;
        margin-top: 1.067vw;
    }
    .thirdly_content .bodor-bg-gray11{
        padding: 7.467vw;
    }
    .thirdly_content h3{
        font-size: 4.800vw;
        line-height: 6.933vw;
        margin-bottom: 3.200vw;
    }
    .thirdly_content p{
        font-size: 3.200vw;
        line-height: 5.333vw;
    }
    .thirdly_content .bodor-bg-gray11{
        padding: 7.467vw;
    }
    .thirdly_content svg{
        width: 8.533vw;
        height: 8.533vw;
        margin-bottom: 2.133vw;
    }

    /* 第四屏 */
    .fourth {
        padding-top: 8.533vw;
        padding-bottom: 8.533vw;
        flex-flow: column;
    }

    .fourth .w-496 {
        padding-top: 0;
        width: 100%;
    }

    .fourth .w-560 {
        width: 100%;
        margin-bottom: 6.400vw;
    }

    .fourth-right-btn {
        margin-bottom: 3.200vw;
        padding: 0.533vw 2.133vw;
    }

    .fourth span {
        font-size: 2.667vw;
        line-height: 4.800vw;
    }

    .fourth h2 {
        font-size: 5.333vw;
        line-height: 7.467vw;
        margin-bottom: 4.267vw;
    }

    .fourth p {
        font-size: 3.200vw;
        line-height: 5.333vw;
    }

    .fourth-title {
        margin-bottom: 5.333vw;
    }

    .fourth .mb-48 {
        margin-bottom: 0;
    }
    .fourth h4{
        font-size: 4.800vw;
        line-height: 6.933vw;
        margin-bottom: 2.133vw;
    }
    .fourth p{
        font-size: 3.200vw;
        line-height: 5.333vw;
    }
    .fourth .bodor-bg-gray11{
        padding: 7.467vw;
    }
    .fourth img{
        width: 8.533vw;
        height: 8.533vw;
        margin-bottom: 5.333vw;
    }

    /* 第五屏 */
    .fifthly {
        padding-top: 8.533vw;
        padding-bottom: 5.333vw;
    }

    .fifthly-title {
        margin-bottom: 3.200vw;
    }

    .fifthly-title h2 {
        font-size: 5.333vw;
        line-height: 7.467vw;
    }

    .fifthly-content .bodor-bg-gray11 {
        border-radius: 3.200vw;
        margin-bottom: 0;
    }

    .fifthly-content .bodor-bg-gray11 .pt-52 {
        padding-top: 8.533vw;
        padding-left: 7.467vw;
        padding-right: 7.467vw;
    }

    .fifthly-content h3 {
        font-size: 4.800vw;
        line-height: 6.933vw;
        margin-bottom: 3.200vw;
    }

    .fifthly-content p {
        font-size: 3.200vw;
        line-height: 5.333vw;
    }

    .fifthly-content {
        gap: 3.200vw;
    }

    #learnMore {
        padding-top: 0;
    }

    #sixthly {}

    .sixthly {
        margin-bottom: 8.533vw;
    }

    .sixthly h2 {
        font-size: 5.333vw;
        line-height: 7.467vw;
    }

    .sixthly p {
        font-size: 3.200vw;
        line-height: 5.333vw;
        margin-bottom: 4.267vw;
    }

    .icloudHandler {
        padding: 2.667vw 8.533vw;
        border-radius: 2.133vw;
        width: fit-content;
    }

    .icloudHandler span {
        font-size: 3.733vw;
    }

    .fifthly li{
        width: 176px;
        height: 430px;
    }

}