.header-shot {
    width: 100%;
    overflow: visible;
}

.header-shot .relative {
    position: relative;
    box-sizing: border-box;
    overflow: visible;
}

.header-shot h1,
.header-shot h2 {
    margin: 0;
    position: relative;
    z-index: 2;
}

.header-title-qr,
.header-subtitle-qr,
.header-title-mobile,
.header-subtitle-mobile {
    display: none;
}

body.scene-qr .header-title-default,
body.scene-qr .header-subtitle-default {
    display: none;
}

body.scene-qr .header-title-qr,
body.scene-qr .header-subtitle-qr {
    display: block;
}

.header-subtitle-part2 {
    margin-left: 1em;
}

.header-bot {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: 0 0.625rem;
    margin-top: clamp(-21px, -3vh, 36px);
    padding-bottom: 0;
    position: relative;
    z-index: 10;
}

.header-hero-art,
.header-hero-content {
    display: none;
}

.header-trust-bar,
.feature-block-img-pc,
.feature-icon-img-pc,
.header-hero-bg-img-pc {
    display: none;
}

.feature-block-img-mobile,
.feature-icon-img-mobile {
    display: block;
}

.header-bot .header-down {
    position: relative;
    flex: 0 0 14.5rem;
    width: 14.5rem;
    height: 4.5rem;
    margin: 0;
    transition: box-shadow 0.15s cubic-bezier(0.22, 0.61, 0.36, 1), background-color 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
    margin-bottom: clamp(40px, 8vh, 120px);
    overflow: visible;
    z-index: 10;
}

.header-bot .header-down a {
    position: relative;
    display: grid;

    grid-template-columns: auto auto;
    grid-template-rows: max-content max-content;
    justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: start;
    column-gap: 0.5rem;
    row-gap: 4px;
    padding: 0 38px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent;
    z-index: 1;
    text-align: left;
}

.header-bot .header-down a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0089FF;
    border-radius: 0.5rem;
    z-index: -1;
}

.header-bot .header-down a .downloadDesc {
    grid-column: 2;
    grid-row: 1;
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
    height: 0.24rem;
    color: #ffffff;
    display: block;
    margin: 0;
    white-space: nowrap;
}

.header-bot .header-down a b {
    grid-column: 2;
    grid-row: 2;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    height: auto;
    color: #ffffff;
    display: block;
    margin: 0;
    white-space: nowrap;
}

.header-bot .header-down a .windowsDate,
.header-bot .header-down a .androidDate,
.header-bot .header-down a .iosDate {
    display: inline;
    margin-left: 0.25rem;
    margin-top: 0;
}

.header-bot .header-down a i {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: center;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    top: auto;
    left: auto;
    transform: none;
    margin: 0;
}

.header-bot .header-down:nth-child(1) a i {
    background: url(../img/windows.png) no-repeat center;
    background-size: contain;
}

.header-bot .header-down:nth-child(2) a i {
    background: url(../img/android.png) no-repeat center;
    background-size: contain;
}

.header-bot .header-down:nth-child(3) a i {
    background: url(../img/apple.png) no-repeat center;
    background-size: 2.5rem 2.5rem;
}

@media (min-width: 740px) {
    .header-bot .header-down a .downloadDesc {
        height: auto;
        line-height: 1;
    }

    .header-bot .header-down a b {
        height: auto;
        margin-top: 4px;
        line-height: 1;
    }
}

.header-bot .header-down:hover a::before {
    background-color: #19A0FF;
}

.header-bot .download-android .qr-pop,
.header-bot .download-ios .qr-pop {
    position: absolute;
    width: 14.5rem;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: bottom 0.15s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.header-bot .download-android .qr-pop::after,
.header-bot .download-ios .qr-pop::after {
    content: "";
    position: absolute;
    bottom: -5.1875rem;
    left: 0;
    width: 100%;
    height: 5.1875rem;
    background: transparent;
}

.header-bot .download-android::before,
.header-bot .download-ios::before {
    content: none;
    display: none;
}

.header-bot .download-android:hover .qr-pop,
.header-bot .download-ios:hover .qr-pop {
    bottom: 5.1875rem;
    opacity: 1;
    pointer-events: auto;
    transition: bottom 0.15s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
    box-shadow: 0px 10px 26px 0px #1E6C981F;
}

.header-bot .download-android .qr-code,
.header-bot .download-ios .qr-code {
    display: block;
    width: 100%;
    height: 14.5rem;
    background: #fff;
    border-radius: 8px 8px 0 0;
}

.header-bot .download-android .qr-label,
.header-bot .download-ios .qr-label {
    font-family: Microsoft YaHei, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
    color: #333333;
    margin: -1.6rem 0 0;
    padding: 0 0 18px 0;
}

.app-info {
    padding: 0.375rem;
    position: absolute;
    display: none;
    width: 14.375rem;
    top: 0;
    bottom: unset;
    left: 0;
    background: #156cf1;
    opacity: 0;
    transition: top 0.15s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.section {
    position: relative;
    overflow: hidden;
}

.scene-qr-only {
    display: none;
}

body.scene-qr .scene-qr-only {
    display: block;
}

.qr-scene-section {
    display: none;
}

body.scene-qr .qr-scene-section {
    display: block;
}

.section .section-content {
    position: relative;
    z-index: 2;
}

.margin {
    max-width: 85.3125rem;
    margin: 0 auto;
    padding: 0;
}

.section-1 {
    position: relative;
    margin: 8rem auto;
}

.section-3 {
    margin: 10rem auto;
}

.section-features {
    width: 85.5rem;
    max-width: 100%;
    height: auto;
    margin: 8rem auto 0;
    position: relative;
}

.section-features-inner {
    width: 100%;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    box-sizing: border-box;
}

.feature-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-sizing: border-box;
}

.feature-block .features-content {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}

.feature-block .features-header {
    width: 100%;
    text-align: center;
    position: static;
    margin: 0 auto;
}

.feature-block .features-title {
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.4;
    letter-spacing: 0;
    color: #0A2033;
    margin: 0 0 0.5rem 0;
}

.feature-block .features-desc {
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.7;
    letter-spacing: 0;
    color: #0A203399;
    margin: 0 auto;
    width: auto;
    max-width: 36rem;
    height: auto;
}

.feature-block-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 1.5rem auto 0;
    object-fit: contain;
}

@media only screen and (min-width: 741px) {

    body:not(.scene-qr) .header-shot {
        --hero-design-w: 1920;
        --hero-design-h: 931;
        --hero-px: 1px;
        width: 100%;
        height: auto;
        min-height: 931px;
        max-height: none;
        overflow: visible;

        background-color: #F2F7FF;
        background-image: url(../img/云手机首页-背景图.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 931px;
        display: block;
        position: relative;
    }

    body:not(.scene-qr) .header-shot .relative {
        background: none;
        width: 1920px;
        max-width: 1920px;
        height: 931px;
        min-height: 931px;
        max-height: 931px;
        aspect-ratio: auto;
        margin: 0 auto;
        display: block;
        padding: 0;
        box-sizing: border-box;
        position: relative;
        overflow: visible;
        line-height: 0;
    }

    body:not(.scene-qr) .header-shot .relative::before {
        display: none;
    }

    body:not(.scene-qr) .header-shot h1,
    body:not(.scene-qr) .header-shot h2 {
        position: static;
        margin: 0;
        text-align: left;
        font-size: inherit;
        line-height: inherit;
        width: 100%;
    }

    body:not(.scene-qr) .header-hero-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: calc(712 * var(--hero-px));
        max-width: 55%;
        margin-left: calc(276 * var(--hero-px));
        padding-left: 0;
        position: relative;
        z-index: 2;

        padding-top: calc(245 * var(--hero-px));
        box-sizing: border-box;
    }

    body:not(.scene-qr) .header-title-default,
    body:not(.scene-qr) .header-subtitle-default {
        display: none;
    }

    body:not(.scene-qr) .header-title-mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    body:not(.scene-qr) .header-title-mobile .header-title-brand {
        display: none;
    }

    body:not(.scene-qr) .header-title-mobile .header-title-line {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: calc(64 * var(--hero-px));
        line-height: 1.3125;
        letter-spacing: 0;
        color: #0A2033;
        text-align: left;
    }

    body:not(.scene-qr) .header-title-mobile .header-subtitle-part2 {
        margin-left: 0;
        background: linear-gradient(90deg, #1492FF 0%, #0085F7 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    body:not(.scene-qr) .header-subtitle-mobile {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        width: auto;
        max-width: 100%;
        margin: calc(24 * var(--hero-px)) 0 0;
        padding: 0;
        text-align: left;
    }

    body:not(.scene-qr) .header-subtitle-mobile span {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: calc(20 * var(--hero-px));
        line-height: 1.3;
        color: rgba(10, 32, 51, 0.8);
        white-space: nowrap;

        padding: 0 calc(16 * var(--hero-px));
        position: relative;
    }

    body:not(.scene-qr) .header-subtitle-mobile span:first-child {
        padding-left: 0;
    }

    body:not(.scene-qr) .header-subtitle-mobile span:last-child {
        padding-right: 0;
    }


    body:not(.scene-qr) .header-subtitle-mobile span:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(50%, -50%);
        width: 1px;
        height: calc(18 * var(--hero-px));
        background: rgba(10, 32, 51, 0.2);
    }

    body:not(.scene-qr) .header-shot .header-bot {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        margin-top: calc(80 * var(--hero-px));
        gap: calc(20 * var(--hero-px));
        width: calc(712 * var(--hero-px));
        max-width: 100%;
        padding-bottom: 0;
    }


    body:not(.scene-qr) .header-shot .header-bot .header-down {
        display: block;
        flex: 0 0 calc(224 * var(--hero-px));
        width: calc(224 * var(--hero-px));
        height: calc(64 * var(--hero-px));
        margin: 0;
        overflow: visible;
    }

    body:not(.scene-qr) .header-shot .header-bot .header-down a {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: start;
        align-content: center;
        align-items: center;
        justify-items: start;
        column-gap: calc(10 * var(--hero-px));
        row-gap: calc(2 * var(--hero-px));
        padding: 0 calc(18 * var(--hero-px));
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        text-align: left;
    }

    body:not(.scene-qr) .header-shot .header-bot .header-down a::before {
        background: #0089FF;
        border-radius: calc(8 * var(--hero-px));
    }

    body:not(.scene-qr) .header-shot .header-bot .header-down:hover a::before {
        background-color: #19A0FF;
    }

    body:not(.scene-qr) .header-shot .header-bot .header-down a i {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: calc(36 * var(--hero-px));
        height: calc(36 * var(--hero-px));
        margin: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    body:not(.scene-qr) .header-shot .header-bot .header-down a .downloadDesc {
        grid-column: 2;
        grid-row: 1;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: calc(18 * var(--hero-px));
        line-height: 1;
        letter-spacing: 0;
        height: auto;
        color: #ffffff;
        margin: 0;
    }


    body:not(.scene-qr) .header-shot .header-bot .header-down a b {
        display: block;
        grid-column: 2;
        grid-row: 2;
        font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0;
        height: auto;
        color: #ffffff;
        margin: 0;
    }


    body:not(.scene-qr) .header-shot .header-bot .download-android .qr-pop,
    body:not(.scene-qr) .header-shot .header-bot .download-ios .qr-pop {
        width: 100%;
        left: 0;
        box-sizing: border-box;
        border-radius: calc(8 * var(--hero-px));
    }

    body:not(.scene-qr) .header-shot .header-bot .download-android .qr-code,
    body:not(.scene-qr) .header-shot .header-bot .download-ios .qr-code {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        border-radius: calc(8 * var(--hero-px)) calc(8 * var(--hero-px)) 0 0;
    }

    body:not(.scene-qr) .header-shot .header-bot .download-android .qr-label,
    body:not(.scene-qr) .header-shot .header-bot .download-ios .qr-label {
        font-size: calc(14 * var(--hero-px));
        font-weight: 400;
        margin: calc(-18 * var(--hero-px)) 0 0;
        padding: 0 0 calc(16 * var(--hero-px));
    }

    body:not(.scene-qr) .header-shot .header-bot .download-android .qr-pop::after,
    body:not(.scene-qr) .header-shot .header-bot .download-ios .qr-pop::after {
        bottom: calc(-1 * (64 * var(--hero-px) + 12px));
        height: calc(64 * var(--hero-px) + 12px);
    }

    body:not(.scene-qr) .header-shot .header-bot .download-android::before,
    body:not(.scene-qr) .header-shot .header-bot .download-ios::before {
        content: none;
        display: none;
    }

    body:not(.scene-qr) .header-shot .header-bot .download-android:hover .qr-pop,
    body:not(.scene-qr) .header-shot .header-bot .download-ios:hover .qr-pop {
        bottom: calc(64 * var(--hero-px) + 12px);
    }

    body:not(.scene-qr) .header-hero-content > .fixed-ad-mp {
        display: none !important;
    }


    body:not(.scene-qr) .header-hero-art {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 0;
        z-index: 1;
        pointer-events: none;
        overflow: visible;
        flex: none;
    }

    body:not(.scene-qr) .header-hero-art-img-mobile {
        display: none;
    }

    body:not(.scene-qr) .header-hero-bg-img-pc {
        display: none;
    }

    body:not(.scene-qr) .header-hero-art-img-pc {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        right: auto;
        bottom: auto;
        margin-left: 0;
        width: 1920px;
        max-width: 1920px;
        height: 931px;
        object-fit: none;
        object-position: center top;
        transform: translateX(-50%);
        user-select: none;
        pointer-events: none;
        z-index: 1;
    }




    body:not(.scene-qr) .header-trust-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        left: 50%;
        top: calc(100% * 755 / 931);
        transform: translateX(-50%);
        width: calc(1368 * var(--hero-px));
        max-width: calc(100% - 2rem);
        height: calc(112 * var(--hero-px));
        margin: 0;
        padding: 0 calc(101 * var(--hero-px));
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.41);

        background-image:
            linear-gradient(rgba(10, 32, 51, 0.2), rgba(10, 32, 51, 0.2)),
            linear-gradient(rgba(10, 32, 51, 0.2), rgba(10, 32, 51, 0.2)),
            linear-gradient(rgba(10, 32, 51, 0.2), rgba(10, 32, 51, 0.2));
        background-size: 1px calc(40 * var(--hero-px));
        background-position:
            25% center,
            50% center,
            75% center;
        background-repeat: no-repeat;
        border-radius: 0.5rem;
        z-index: 2;
        flex: none;
    }

    .header-trust-item {
        display: flex;
        align-items: center;
        gap: calc(16 * var(--hero-px));
        min-width: calc(140 * var(--hero-px));
    }

    .header-trust-icon {
        flex: none;
        width: calc(40 * var(--hero-px));
        height: calc(40 * var(--hero-px));
        display: block;
        object-fit: contain;
    }

    .header-trust-text {
        display: flex;
        flex-direction: column;
        gap: calc(6 * var(--hero-px));
    }

    .header-trust-text strong {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.333;
        color: #0A2033;
    }

    .header-trust-text span {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.286;
        color: rgba(10, 32, 51, 0.4);
    }


    .section-1 {
        width: 1368px;
        max-width: calc(100% - 2 * max(1.5rem, calc(276 * 100vw / 1920)));
        margin-top: 136px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8rem;
        padding: 0;
        box-sizing: border-box;
    }


    .section-features {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    .section-features-inner {
        gap: 0;
        width: 100%;
    }

    .feature-block {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 84px;
        width: 100%;
    }

    .feature-block.slide-2 {
        margin-top: 160px;
    }

    .feature-block.slide-3 {
        margin-top: 143px;
    }

    .feature-block.slide-4 {
        margin-top: 160px;
    }

    .feature-block.slide-2,
    .feature-block.slide-4 {
        flex-direction: row-reverse;
    }

    .feature-block .features-content {
        flex: 1 1 auto;
        width: auto;
        max-width: 406px;
        min-width: 0;
    }

    .feature-block .features-header {
        max-width: 100%;
        margin: 0;
        text-align: left;
    }

    .feature-block .features-title {
        font-size: 2.5rem;
        line-height: 1.325;
        margin: 0 0 1.5rem 0;
    }

    .feature-block .features-desc {
        font-size: 1.125rem;
        line-height: 34px;
        max-width: 100%;
        margin: 0;
        text-align: left;
    }

    .feature-block-img-mobile,
    .feature-icon-img-mobile {
        display: none;
    }

    .feature-block-img-pc {
        display: block;
        flex: none;
        width: auto;
        height: auto;
        margin: 0;
        object-fit: contain;
    }

    .feature-icon-img-pc {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .feature-block.slide-1 .feature-block-img-pc {
        width: 876px;
        max-width: 876px;
        height: 534px;
    }

    .feature-block.slide-2 .feature-block-img-pc {
        width: 974px;
        max-width: 974px;
        height: 515px;
    }

    .feature-block.slide-3 .feature-block-img-pc {
        width: 760px;
        max-width: 760px;
        height: auto;
    }


    .feature-block.slide-4 .features-content {
        flex: 0 1 306px;
        width: 306px;
        max-width: 306px;
        min-width: 0;
    }

    .feature-block.slide-4 .feature-block-img-pc {
        flex: 1 1 auto;
        width: 970px;
        max-width: min(970px, calc(100% - 306px - 84px));
        height: auto;
        min-width: 0;
        aspect-ratio: 970 / 615;
        object-fit: contain;
        object-position: center;
        border-radius: 0.55rem;
    }

    .section-extended-features .section-header h3 {
        font-size: 2.5rem;
        line-height: 1.325;
    }

    .section-extended-features .section-subtitle {
        color: #0A203399;
        line-height: 30px;
    }

    .features-grid {
        grid-template-columns: repeat(3, 27.1875rem);
        gap: 2rem 1.9375rem;
    }

    .feature-card {
        background: linear-gradient(135deg, #F2F8FE 0%, #F2F6FD 100%);
        justify-content: flex-start;
        align-items: flex-start;
        padding: 3.3125rem 2rem 2rem;
    }

    .feature-header {
        margin-bottom: 2.5625rem;
    }

    .feature-icon {
        width: 5rem;
        height: 5rem;
    }

    .feature-card h4 {
        font-size: 1.75rem;
        color: #0A2033;
    }

    .feature-card p {
        color: #0A203399;
        width: auto;
        max-width: 23.1875rem;
    }
}

.section-extended-features {
    padding: 0;
    position: relative;
}

.extended-features-container {
    margin: 0 auto;
    background: #ffffff;
    border-radius: 1rem;
    position: relative;
}

.section-extended-features .section-header {
    text-align: center;
    margin-bottom: 3.125rem;
}

.section-extended-features .section-header h3 {
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-size: 38px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #0A2033;
    margin-bottom: 1.25rem;
}

.section-extended-features .section-subtitle {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #111111;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 27.1875rem);
    grid-template-rows: repeat(2, 15rem);
    gap: 2rem 1.9375rem;
    justify-content: center;
    align-content: center;
    grid-template-rows: unset;
}

.feature-card {
    background: #F2F8FE;
    border-radius: 0.75rem;
    padding: 1.875rem 1.5625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 27.1875rem;
    height: 15rem;
    box-sizing: border-box;
}

.feature-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    width: 23.1875rem;
}

.feature-icon {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.feature-card h4 {
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0;
    color: #293036;
}

.feature-card p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0;
    color: #3C464E;
    width: 23.1875rem;
}

.section-4 {
    height: 26.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/底部背景图.jpg);
    background-size: cover;
    overflow: visible;
}

.section-4-inner {
    text-align: center;
}

.section-4-title {
    font-family: "Source Han Sans SC", "Microsoft YaHei", sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0 3.5rem 0;
}

.section-4-buttons {
    margin: 0;
}

.section-4 .header-bot .header-down {
    margin-bottom: 0;
}

@media only screen and (min-width: 741px) {
    .section-4 .header-bot.section-4-buttons {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 1.25rem;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 0;
    }

    .section-4 .header-bot .header-down {
        display: block;
        flex: 0 0 14rem;
        width: 14rem;
        height: 4rem;
        margin: 0;
        overflow: visible;
    }

    .section-4 .header-bot .header-down a {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: start;
        align-content: center;
        align-items: center;
        justify-items: start;
        column-gap: 0.625rem;
        row-gap: 0.125rem;
        padding: 0 1.125rem;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        text-align: left;
    }

    .section-4 .header-bot .header-down a::before {
        border-radius: 0.5rem;
        background: #0089FF;
    }

    .section-4 .header-bot .header-down:hover a::before {
        background-color: #19A0FF;
    }

    .section-4 .header-bot .header-down a i {
        width: 2.25rem;
        height: 2.25rem;
        background-size: contain;
    }

    .section-4 .header-bot .header-down a .downloadDesc {
        font-size: 1.125rem;
        line-height: 1;
        height: auto;
    }

    .section-4 .header-bot .header-down a b {
        font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0;
        height: auto;
    }


    .section-4 .header-bot .download-android .qr-pop,
    .section-4 .header-bot .download-ios .qr-pop {
        width: 100%;
        left: 0;
        box-sizing: border-box;
        border-radius: 0.5rem;
    }

    .section-4 .header-bot .download-android .qr-code,
    .section-4 .header-bot .download-ios .qr-code {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: contain;
        border-radius: 0.5rem 0.5rem 0 0;
    }

    .section-4 .header-bot .download-android .qr-label,
    .section-4 .header-bot .download-ios .qr-label {
        font-family: "Microsoft YaHei", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        text-align: center;
        color: #333333;
        margin: -18px 0 0;
        padding: 0 0 16px;
    }

    .section-4 .header-bot .download-android .qr-pop::after,
    .section-4 .header-bot .download-ios .qr-pop::after {
        bottom: calc(-1 * (4rem + 12px));
        height: calc(4rem + 12px);
    }

    .section-4 .header-bot .download-android:hover .qr-pop,
    .section-4 .header-bot .download-ios:hover .qr-pop {
        bottom: calc(4rem + 12px);
    }

    .section-4 .header-bot .download-android::before,
    .section-4 .header-bot .download-ios::before {
        content: none;
        display: none;
    }
}

.fixed-ad-pc {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: auto;
    z-index: 100;
}

.fixed-ad-pc img {
    width: 100%;
}

.fixed-ad-mp {
    display: none;
}

.kf {
    margin: 0;
}

.kf .kf-con {
    width: 64px;
    height: auto;
    border-radius: 0;
    position: relative;
}

.kf-con .icon-kefu {
    display: block;
    width: 64px;
    height: 64px;
    background:
        url("../img/客服.png") center no-repeat,
        linear-gradient(180deg, #57A6F7 -38.28%, #0089FF 100%);
    background-size: 36px 36px, 100% 100%;
    border-radius: 50%;
    box-shadow: 0 2px 12px 0 #0000001A;
    cursor: pointer;
}

.kf-con .kefu-time {
    position: absolute;
    width: max-content;
    min-width: 149px;
    height: 64px;
    min-height: 64px;
    right: 76px;
    top: 0;
    transform: none;
    padding: 0 16px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px #0000001A;
    font-family: "Microsoft YaHei", "Source Han Sans SC", sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: none;
    transition: all 0.2s ease-out;
    pointer-events: none;
    color: #3C464E;
}

.kf-con .icon-kefu:hover {
    display: block;
    width: 64px;
    height: 64px;
    background:
        url("../img/客服.png") center no-repeat,
        linear-gradient(180deg, #7ABCFF -38.28%, #19A0FF 100%);
    background-size: 36px 36px, 100% 100%;
    box-shadow: 0px 2px 12px 0px #0000001A;
}

.kf-con .icon-kefu:hover .kefu-time {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
}

.kf-con .kefu-time p {
    margin: 0;
    line-height: 1.4;
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
}

.kf-con .icon-top {
    display: block;
    width: 64px;
    height: 64px;
    margin-top: 12px;
    background: url("../img/回到顶部.png") center no-repeat;
    background-size: 36px 36px;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0 2px 12px 0 #0000001A;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.kf-con .icon-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.kf-con .icon-top:hover {
    background-image: url("../img/回到顶部（悬浮）.png");
}

.qr-reg-overlay {
    display: none;
}

@media only screen and (max-width: 740px) {


    body {
        --hero-h: 100vh;
        --hero-h: 100svh;
        --page-w: 100vw;


        --nav-h: calc(var(--hero-h) * 0.08);
        --nav-sticky-h: calc(var(--hero-h) * 48 / 956);
        --nav-logo-h: calc(var(--hero-h) * 30 / 956);
        --nav-download-h: calc(var(--hero-h) * 30 / 956);
        --hero-gap-nav-title: calc(var(--hero-h) * 0.04);
        --hero-gap-brand-title: calc(var(--hero-h) * 0.0178);
        --hero-gap-title-tags: calc(var(--hero-h) * 0.0222);
        --hero-gap-tags-btn: calc(var(--hero-h) * 0.0444);
        --hero-btn-h: calc(var(--hero-h) * 0.0522);
        --hero-btn-gap: calc(var(--hero-h) * 0.0126);
        --hero-gap-btn-art: calc(var(--hero-h) * -0.1);


        --hero-btn-w: calc(var(--page-w) * 0.5318);
        --hero-pad-x: calc(var(--page-w) * 0.0545);
    }


    .nav-logo a {
        height: 100%;
        padding-left: calc(var(--page-w) * 40 / 440);
        white-space: nowrap;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: calc(var(--page-w) * 20 / 440);
        line-height: 100%;
        letter-spacing: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        color: #0A2033;
        box-sizing: border-box;
    }


    body > .nav-con {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: var(--nav-h);
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        z-index: 1001;
        transition: box-shadow 200ms ease, background-color 200ms ease;
    }

    body > .nav-con.default-drak > .nav.margin {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }


    body > .nav-con > .nav > .nav-con {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .nav-con.light {
        background: none;
    }


    .nav-con.is-sticky {
        background: #fff;
        box-shadow: 0px 2px 18px 0px #0000000F;
        height: var(--nav-sticky-h);
    }

    body > .nav-con.is-sticky,
    body > .nav-con .nav-con.is-sticky {
        height: var(--nav-sticky-h);
    }

    .nav-con.default-drak .nav.margin {
        height: 100%;
        padding: 0 var(--hero-pad-x);
        display: flex;
        align-items: end;
        justify-content: space-between;
        box-sizing: border-box;
        max-width: none;
        width: 100%;
        margin: 0;
    }


    .nav-con.default-drak.is-sticky .nav.margin {
        align-items: center;
    }

    .nav-con .nav-logo {
        float: none;
        margin-top: 0;
        height: var(--nav-logo-h);
        background-size: contain;
        background-position: left center;
    }

    .nav-con .nav-logo::before {
        width: var(--nav-logo-h);
        height: var(--nav-logo-h);
        border-radius: calc(var(--nav-logo-h) * 4.75 / 32);
        top: 50%;
        transform: translateY(-50%);
    }

    .nav-con .nav-list {
        display: none;
    }

    .nav-con .memu {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(var(--page-w) * 28 / 440);
        height: calc(var(--page-w) * 28 / 440);
        cursor: pointer;
        position: relative;
        flex-shrink: 0;
    }


    .nav-download-btn {
        display: none;
        width: calc(var(--page-w) * 82 / 440);
        height: var(--nav-download-h);
        border-radius: 999px;
        background: #0089FF;
        color: #FFFFFF;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: calc(var(--page-w) * 13 / 440);
        text-decoration: none;
        flex: 0 0 auto;
        margin-left: auto;
        margin-right: calc(var(--page-w) * 12 / 440);
        white-space: nowrap;
        box-sizing: border-box;
    }

    body > .nav-con.is-sticky .nav-download-btn,
    body > .nav-con .nav-con.is-sticky .nav-download-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }


    html[lang="en-us"] .nav-download-btn,
    body.lang-en-us .nav-download-btn {
        width: calc(var(--page-w) * 182 / 440);
    }

    .nav-con .memu .memu-icon {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

    .nav-con .mobile-menu-dropdown {
        position: absolute;
        top: 0.36rem;
        right: 0;
        width: 1.92rem;
        background: #FFFFFF;
        border-radius: 0.08rem;
        box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.1);
        display: none;
        overflow: hidden;
        z-index: 1000;
    }

    .nav-con .mobile-menu-item {
        display: block;
        padding: 0.12rem 0.20rem;
        font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.17rem;
        line-height: 1;
        letter-spacing: 0;
        color: #333333;
        text-align: left;
        text-decoration: none;
        border-bottom: 1px solid #F2F2F2;
        box-sizing: border-box;
    }

    .nav-con .mobile-menu-item:last-child {
        border-bottom: none;
    }


    .header-shot {
        width: 100%;
        max-width: 100%;
        height: var(--hero-h, 100svh);
        max-height: var(--hero-h, 100svh);
        overflow: hidden;
        margin: 0 auto;
    }

    .header-shot .relative {
        width: 100%;
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
        background: #f1f1fe url(../img/首屏背景.webp) no-repeat center top;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        position: relative;
        overflow: hidden;
        padding: calc(var(--nav-h) + var(--hero-gap-nav-title)) 0 0;
        box-sizing: border-box;
    }

    .header-shot .relative::before {
        display: none;
    }


    .header-hero-content {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: center;
        width: 100%;
        position: relative;
        z-index: 2;
    }

    body:not(.scene-qr) .header-title-default,
    body:not(.scene-qr) .header-subtitle-default {
        display: none;
    }

    body:not(.scene-qr) .header-title-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--hero-gap-brand-title);
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 var(--hero-pad-x);
        box-sizing: border-box;
        text-align: center;
    }

    body:not(.scene-qr) .header-title-mobile .header-title-brand {
        display: block;
        width: 100%;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: calc(var(--page-w) * 28 / 440);
        line-height: 1.32;
        letter-spacing: 0;
        color: #0A2033;
        text-align: center;
    }

    body:not(.scene-qr) .header-title-mobile .header-title-line {
        display: block;
        width: 100%;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: calc(var(--page-w) * 34 / 440);
        line-height: 1.32;
        letter-spacing: 0;
        color: #0A2033;
        text-align: center;
    }

    body:not(.scene-qr) .header-title-mobile .header-subtitle-part2 {
        margin-left: 0;
        color: #0089FF;
    }

    body:not(.scene-qr) .header-subtitle-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 0.25em;
        column-gap: 0;
        width: 100%;
        max-width: 100%;
        margin: var(--hero-gap-title-tags) auto 0;
        padding: 0 var(--hero-pad-x);
        box-sizing: border-box;
        text-align: center;
    }

    body:not(.scene-qr) .header-subtitle-mobile span {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: calc(var(--page-w) * 16 / 440);
        line-height: 1.3;
        letter-spacing: 0;
        color: rgba(10, 32, 51, 0.8);
        white-space: nowrap;
        padding: 0 calc(var(--page-w) * 8 / 440);
        position: relative;
    }

    body:not(.scene-qr) .header-subtitle-mobile span:not(:last-child) {
        padding-right: calc(var(--page-w) * 12 / 440);
    }

    body:not(.scene-qr) .header-subtitle-mobile span:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 0.75em;
        background: rgba(10, 32, 51, 0.2);
    }

    .header-shot h1 {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: calc(var(--page-w) * 28 / 440);
        line-height: 1;
        text-align: center;
        color: #0A2033;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .header-shot h2 {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: calc(var(--page-w) * 16 / 440);
        line-height: 1.5;
        color: #0A2033;
        text-align: center;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        padding: 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    body:not(.scene-qr) .header-bot .download-android a b,
    body:not(.scene-qr) .header-bot .download-ios a b,
    body:not(.scene-qr) .header-bot .download-windows a b {
        display: none;
    }


    body:not(.scene-qr) .header-hero-art {
        display: flex;
        flex: 1 1 0;
        align-items: flex-end;
        justify-content: center;
        width: 100%;
        min-height: 0;
        margin: var(--hero-gap-btn-art) 0 0;
        overflow: hidden;
        z-index: 1;
        pointer-events: none;
        order: 2;
    }

    body:not(.scene-qr) .header-hero-art-img-mobile {
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: center bottom;

        transform: scale(1.58);
        transform-origin: center bottom;
        user-select: none;
        pointer-events: none;
    }

    body:not(.scene-qr) .header-hero-art-img-pc,
    body:not(.scene-qr) .header-hero-bg-img-pc {
        display: none;
    }

    body.scene-qr .header-hero-art {
        display: none;
    }


    .header-bot {
        width: 100%;
        max-width: 100%;
        text-align: center;
        font-size: 0;
        margin-top: var(--hero-gap-tags-btn);
        margin-left: auto;
        margin-right: auto;
        padding: 0 var(--hero-pad-x);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: var(--hero-btn-gap);
        box-sizing: border-box;
        z-index: 10;
        position: relative;
    }

    .header-bot .header-down {
        display: none;
    }

    .header-bot.os-ios .download-ios {
        display: flex;
    }

    .header-bot.os-android .download-android {
        display: flex;
    }

    .header-bot.os-windows .download-windows {
        display: flex;
    }

    .header-bot .download-ios,
    .header-bot .download-android,
    .header-bot .download-windows {
        flex: none;
        width: auto;
        max-width: 100%;
        height: var(--hero-btn-h, 0.47rem);
        margin: 0;
        position: relative;
        transition: box-shadow 0.15s, background-color 0.15s;
        justify-content: center;
        align-items: center;
    }

    .header-bot .download-ios a,
    .header-bot .download-android a,
    .header-bot .download-windows a {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: calc(var(--page-w) * 6 / 440);
        padding: 0 calc(var(--page-w) * 20 / 440);
        width: var(--hero-btn-w);
        max-width: 100%;
        height: 100%;
        line-height: 1;
        box-sizing: border-box;
        background: transparent;
        z-index: 1;
        text-align: center;
    }

    .header-bot .download-ios a::before,
    .header-bot .download-android a::before,
    .header-bot .download-windows a::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #0089FF;
        border-radius: 999px;
        z-index: -1;
    }

    .header-bot .download-ios a i,
    .header-bot .download-android a i,
    .header-bot .download-windows a i {
        position: static;
        transform: none;
        width: calc(var(--page-w) * 28 / 440);
        height: calc(var(--page-w) * 28 / 440);
        margin: 0;
        flex-shrink: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        align-self: center;
    }

    .header-bot .download-android a i {
        background: url(../img/android.png) no-repeat center;
        background-size: contain;
    }

    .header-bot .download-ios a i {
        background: url(../img/apple.png) no-repeat center;
        background-size: contain;
    }

    .header-bot .download-windows a i {
        background: url(../img/windows.png) no-repeat center;
        background-size: contain;
    }

    .header-bot .download-ios a .downloadDesc,
    .header-bot .download-android a .downloadDesc,
    .header-bot .download-windows a .downloadDesc {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: calc(var(--page-w) * 16 / 440);
        line-height: 1;
        color: #ffffff;
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        height: auto;
        white-space: nowrap;
    }

    .header-bot .download-android .qr-pop,
    .header-bot .download-ios .qr-pop,
    .header-bot .download-android .app-info,
    .header-bot .download-ios .app-info {
        display: none;
    }


    .header-shot .relative > .header-hero-content {
        order: 1;
    }

    .header-hero-content > .header-title,
    .header-hero-content > .header-subtitle,
    .header-hero-content > .fixed-ad-mp,
    .header-hero-content > .header-bot,
    .header-hero-content > .header-tips {
        position: relative;
        z-index: 2;
        flex: 0 0 auto;
    }

    body:not(.scene-qr) .header-hero-content > .fixed-ad-mp {
        margin-top: var(--hero-gap-tags-btn);
    }

    .fixed-ad-mp {
        display: none;
        position: static;
        left: auto;
        bottom: auto;
        transform: none;
        width: 100%;
        max-width: 100%;
        z-index: 20;
        flex-direction: column;
        align-items: center;
        gap: var(--hero-btn-gap);
        padding: 0 var(--hero-pad-x);
        margin: 0 auto;
        box-sizing: border-box;
    }

    .fixed-ad-mp .download-btn {
        width: var(--hero-btn-w);
        max-width: 100%;
        height: var(--hero-btn-h);
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(var(--page-w) * 6 / 440);
        text-decoration: none;
        font-family: "Microsoft YaHei", sans-serif;
        font-size: calc(var(--page-w) * 16 / 440);
        color: #ffffff;
        position: relative;
        overflow: hidden;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .fixed-ad-mp .ios-btn {
        background: #0089FF;
        text-align: center;
    }

    .section-4-inner .fixed-ad-mp {
        padding-bottom: 0px;
    }

    .fixed-ad-mp .ios-btn i {
        position: relative;
        width: 0.32rem;
        height: 0.32rem;
        background: url(../img/apple.png) no-repeat center;
        background-size: contain;
        flex-shrink: 0;
    }

    .fixed-ad-mp .ios-btn .downloadDesc {
        font-family: Microsoft YaHei, "Source Han Sans SC", sans-serif;
        font-weight: 400;
        font-size: calc(100vw * 16 / 440);
        line-height: 100%;
        color: #ffffff;
        display: block;
        margin: 0 0.03rem -0.03rem 0.06rem;
    }

    .fixed-ad-mp .ios-btn b {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.1rem;
        line-height: 1.2;
        color: #ffffff;
        display: block;
        margin-top: 0.02rem;
        white-space: nowrap;
    }

    .fixed-ad-mp .web-btn {
        background: #0089FF;
        color: #ffffff;
    }

    .fixed-ad-mp .web-btn i {
        position: relative;
        width: 0.32rem;
        height: 0.32rem;
        background: url(../img/web-btn.png) no-repeat center;
        background-size: contain;
        flex-shrink: 0;
    }

    .fixed-ad-mp .download-progress {
        display: none;
        width: 0.36rem;
        height: 0.36rem;
        position: relative;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        flex-shrink: 0;
    }

    .fixed-ad-mp .download-progress canvas {
        display: block;
        width: 100%;
        height: 100%;
    }

    .fixed-ad-mp .ios-btn.downloading i {
        display: none;
    }

    .fixed-ad-mp .ios-btn.downloading .download-progress {
        display: flex;
    }

    .download-progress::after {
        opacity: 0;
        content: "";
        position: absolute;
        z-index: 3;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url(../img/completed.png) no-repeat center;
        background-size: 0.15rem auto;
    }

    .download-progress.downloaded::after {
        opacity: 1;
    }

    .download-btn span {
        width: auto;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 0.16rem;
        line-height: 100%;
        color: #ffffff;
        margin: 0 -0.02rem 0 0.06rem;
    }


    body.scene-qr .header-shot {
        height: auto;
        max-height: none;
        min-height: auto;
        overflow: visible;
        background: var(--qr-bg-image, url(../img/背景图.jpg)) no-repeat center top;
        background-size: cover;
        background-attachment: scroll;
    }


    body.scene-qr .header-shot .relative {
        height: auto;
        max-height: none;
        min-height: 100vh;
        min-height: 100svh;
        background: transparent;
        padding-bottom: 0;
        overflow: visible;
        justify-content: flex-start;
    }


    body.scene-qr .header-hero-content {
        display: contents;
    }

    body.scene-qr .header-trust-bar {
        display: none;
    }


    body.scene-qr .header-shot .relative::before {
        content: "";
        display: block;
        position: relative;
        top: auto;
        left: auto;
        order: 3;
        transform: none;
        width: 100%;
        max-width: 100%;
        aspect-ratio: 454 / 525;
        height: auto;
        background: var(--qr-main-image, url(../img/首页主图1.png)) no-repeat center center;
        background-size: cover;
        margin: 0 auto;
        flex-shrink: 0;
        z-index: 1;
    }


    body.scene-qr .header-shot h1 {
        width: auto;
        max-width: 3.6rem;
        order: 1;
        padding-top: clamp(0.32rem, 0vh, 0.7rem);
        flex-shrink: 0;
    }


    body.scene-qr .header-shot h2 {
        font-size: 0.16rem;
        line-height: 0.26rem;
        order: 2;
        margin-top: 0.1rem;
        flex-shrink: 0;
    }

    body.scene-qr .header-shot h2 .qr-highlight {
        position: relative;
        display: inline-block;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: 0.18rem;
        line-height: 0.32rem;
        color: #0A2033;
        padding: 0 0.06rem;
        z-index: 1;
    }

    body.scene-qr .header-shot h2 .qr-highlight::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.04rem;
        height: 0.08rem;
        border-radius: 1rem;
        background: #FFB433B2;
        z-index: -1;
    }


    body.scene-qr .header-bot {
        order: 4;
        margin-top: -60px;
        padding-top: clamp(0.16rem, 2vh, 0.24rem);
        padding-bottom: clamp(0.16rem, 2vh, 0.24rem);
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.scene-qr .header-shot .fixed-ad-mp {
        position: static;
        order: 4;
        left: auto;
        bottom: auto;
        transform: none;
        margin-top: clamp(0.08rem, 1.5vh, 0.16rem);
    }


    .header-tips {
        display: none;
        position: static;
        width: 100%;
        text-align: center;
        font-size: 0;
        height: auto;
        z-index: 12;
        order: 5;
        padding-bottom:0.8rem;
        margin-top: clamp(0.14rem, 2.2vh, 0.28rem);
        flex-shrink: 0;
    }

    body.scene-qr .header-tips {
        display: block;
    }

    .header-tips p {
        display: block;
        margin: 0;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.14rem;
        line-height: 1;
        text-align: center;
        color: #666666;
        animation: tips 0.5s ease-in-out infinite alternate;
    }

    .header-tips span {
        display: block;
        width: 0.28rem;
        height: 0.28rem;
        margin: 0.08rem auto 0;
        background: url(../img/arrow.png) no-repeat center;
        background-size: 0.28rem 0.28rem;
    }

    @keyframes tips {
        0% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(4px);
        }
    }


    .qr-scene-section {
        background: transparent;
        padding-top: 0.74rem;
        padding-bottom: 0.74rem;
    }

    body.scene-qr .qr-scene-section {
        display: block;
        position: relative;
        z-index: 2;
    }

    .qr-scene-module {
        width: 4.08rem;
        margin: 0 auto;
        box-sizing: border-box;
        border-radius: 0.16rem;
        border: 1.5px solid #FFFFFF;
        background: #FFFFFF4D;
        padding: 0.52rem 0.24rem 0.52rem;
    }

    .qr-scene-title {
        margin: 0;
        font-family: "Alimama ShuHeiTi", "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: 0.26rem;
        line-height: 1;
        text-align: center;
        color: #0A2033;
    }

    .qr-step-block {
        margin-top: 0.52rem;
    }

    .qr-step-block:first-of-type {
        margin-top: 0.24rem;
    }

    .qr-step-title {
        position: relative;
        margin: 0;
        font-family: "Alimama ShuHeiTi", "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: 0.2rem;
        line-height: 0.25rem;
        color: #0A2033;
        z-index: 1;
        padding: 0 0 0 0.04rem;
        max-width: 0.80rem;
    }

    .qr-step-title::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.01rem;
        height: 0.08rem;
        border-radius: 1rem;
        background: #FFB433B2;
        z-index: -1;
    }

    .qr-step-desc {
        margin: 0.12rem 0 0;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.16rem;
        line-height: 1.4;
        color: #333333;
    }

    .qr-step-image {
        display: block;
        width: 100%;
        margin-top: 0.2rem;
        border-radius: 0.08rem;
        box-shadow: 0px 4px 15px 0px #26323C33;
    }


    body.scene-qr-reg .section-4 {
        display: none;
    }

    body.scene-qr-reg .header-shot .fixed-ad-mp {
        display: none;
    }

    body.scene-qr-reg .header-shot .header-bot {
        display: flex;
    }

    body.scene-qr-ios .header-bot .download-windows,
    body.scene-qr-ios .header-bot .download-android {
        display: none;
    }

    body.scene-qr-ios .header-bot.os-ios .download-ios {
        display: flex;
    }

    body.scene-qr-android .header-bot .download-windows,
    body.scene-qr-android .header-bot .download-ios {
        display: none;
    }

    body.scene-qr-android .header-bot.os-android .download-android {
        display: flex;
    }


    body.scene-qr-reg .header-bot .download-ios,
    body.scene-qr-reg .header-bot .download-android {
        height: clamp(0.48rem, 8vh, 0.54rem);
    }

    body.scene-qr-reg .header-bot .download-ios a,
    body.scene-qr-reg .header-bot .download-android a {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        width: 2.8rem;
        height: 100%;
        padding: 0 0.2rem;
        text-align: left;
        line-height: 1;
        gap: 0.04rem;
        box-sizing: border-box;
    }

    body.scene-qr-reg .header-bot .download-ios a i,
    body.scene-qr-reg .header-bot .download-android a i {
        position: static;
        transform: none;
        width: 0.36rem;
        height: 0.36rem;
        margin: 0;
        flex-shrink: 0;
    }

    body.scene-qr-reg .header-bot .download-ios a .downloadDesc,
    body.scene-qr-reg .header-bot .download-android a .downloadDesc {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.16rem;
        line-height: 1;
        letter-spacing: 0;
        color: #ffffff;
        display: block;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        flex: 0 0 auto;
    }

    body.scene-qr-reg .header-bot .download-ios a b,
    body.scene-qr-reg .header-bot .download-android a b {
        display: none;
    }

    body.qr-reg-open {
        overflow: hidden;
    }


    .qr-reg-overlay {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.45);
        align-items: flex-end;
        justify-content: center;
    }

    .qr-reg-overlay.is-open {
        display: flex;
    }

    .qr-reg-sheet {
        position: relative;
        width: 100%;
        max-width: 4.4rem;
        background: #ffffff;
        border-top-left-radius: 0.16rem;
        border-top-right-radius: 0.16rem;
        box-sizing: border-box;
        padding-bottom: env(safe-area-inset-bottom, 0);
    }


    .qr-reg-toast {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 6;
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: auto;
        max-width: calc(100% - 0.48rem);
        height: auto;
        margin: 0;
        padding: 0.24rem 0.32rem;
        box-sizing: border-box;
        background: #000000cc;
        border-radius: 0.08rem;
        transform: translate(-50%, -50%);
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
    }

    .qr-reg-toast.is-show:not([hidden]) {
        display: flex;
        visibility: visible;
        opacity: 1;
    }

    .qr-reg-toast[hidden] {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    .qr-reg-toast.is-success {
        padding: 0.2rem 0.32rem 0.24rem;
        min-width: 1.92rem;
    }

    .qr-reg-toast-icon {
        display: none;
        width: 0.4rem;
        height: 0.4rem;
        object-fit: contain;
        flex-shrink: 0;
    }

    .qr-reg-toast.is-show.is-success .qr-reg-toast-icon {
        display: block;
    }

    .qr-reg-toast-text {
        margin: 0;
        padding: 0;
        max-width: 3.2rem;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.17rem;
        line-height: 0.24rem;
        letter-spacing: 0;
        text-align: center;
        color: #ffffff;
        white-space: normal;
        word-break: break-word;
    }

    .qr-reg-toast.is-success .qr-reg-toast-text {
        margin-top: 0.1rem;
    }

    .qr-reg-close {
        position: absolute;
        top: 0.16rem;
        right: 0.16rem;
        z-index: 2;
        width: 0.28rem;
        height: 0.28rem;
        padding: 0;
        border: none;
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 6L18 18M18 6L6 18' stroke='%23999999' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
        background-size: 0.2rem 0.2rem;
        cursor: pointer;
    }

    .qr-reg-panel {
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
    }

    .qr-reg-panel-form {
        padding-bottom: 0.4rem;
    }

    .qr-reg-panel[hidden] {
        display: none;
    }

    .qr-reg-title {
        margin: 0.4rem 0 0;
        padding: 0 0.4rem;
        width: 100%;
        box-sizing: border-box;
        height: 0.28rem;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: 0.21rem;
        line-height: 0.28rem;
        letter-spacing: 0;
        text-align: center;
        color: #111111;
    }

    .qr-reg-step-label {
        margin: 0.24rem 0 0;
        padding: 0;
        width: 100%;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.18rem;
        line-height: 1;
        letter-spacing: 0;
        text-align: center;
        color: #111111;
    }

    .qr-reg-step-label-2 {
        margin-top: 0.4rem;
        height: 0.24rem;
        line-height: 0.24rem;
    }

    .qr-reg-field {
        display: block;
        margin: 0.24rem 0 0;
        width: 3.6rem;
        height: 0.52rem;
        padding: 0 0.16rem;
        box-sizing: border-box;
        border-radius: 0.08rem;
        border: 1px solid rgba(102, 102, 102, 0.35);
        background: #ffffff;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.16rem;
        line-height: 0.52rem;
        letter-spacing: 0;
        color: #111111;
        outline: none;
        -webkit-appearance: none;
    }

    .qr-reg-field::placeholder {
        color: rgba(102, 102, 102, 0.6);
    }

    .qr-reg-code-row {
        position: relative;
        margin: 0.24rem 0 0;
        width: 3.6rem;
        height: 0.52rem;
    }

    .qr-reg-field-code {
        margin: 0;
        width: 100%;
        padding-right: 1.1rem;
    }

    .qr-reg-get-code {
        position: absolute;
        top: 0;
        right: 0.16rem;
        height: 0.52rem;
        padding: 0;
        border: none;
        background: transparent;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.16rem;
        line-height: 0.52rem;
        letter-spacing: 0;
        text-align: right;
        color: #0089ff;
        cursor: pointer;
        white-space: nowrap;
    }

    .qr-reg-get-code:disabled {
        color: rgba(0, 137, 255, 0.5);
        cursor: default;
    }

    .qr-reg-btn {
        margin: 0.24rem 0 0;
        width: 3.6rem;
        height: 0.52rem;
        border-radius: 0.08rem;
        background: #0089ff;
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.16rem;
        line-height: 0.52rem;
        letter-spacing: 0;
        text-align: center;
        color: #ffffff;
        cursor: pointer;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }

    .qr-reg-btn.is-disabled {
        opacity: 0.45;
        pointer-events: none;
        background: #0089ff;
    }

    .qr-reg-btn-step2:not(.is-disabled) {
        opacity: 1;
        background: #0089ff;
        pointer-events: auto;
    }


    @media only screen and (max-width: 375px) {
        body.scene-qr .header-shot h1 {
            font-size: 0.26rem;
            padding-top: 0rem;
        }

        body.scene-qr .header-shot h2 {
            font-size: 0.15rem;
            line-height: 0.24rem;
        }

        body.scene-qr .header-shot h2 .qr-highlight {
            font-size: 0.17rem;
        }
    }


    .section-1 {
        position: relative;
        margin: 0.92rem auto 0;
    }


    .section-3 {
        margin: 0.64rem auto;
    }

    .section.section-1 {
        overflow: visible;
    }

    .section.section-features {
        overflow: visible;
    }


    .section-features {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }

    .section-features-inner {
        width: 100%;
        height: auto;
        background-color: transparent;
        border-radius: 0;
        position: relative;
        overflow: visible;
        display: flex;
        flex-direction: column;
        gap: 0;
        box-sizing: border-box;
        padding: 0;
    }

    .feature-block {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        padding: 0 0.16rem;
    }


    .feature-block.slide-4 {
        margin-top:0.64rem
    }

    .feature-block .features-content {
        width: 100%;
        height: auto;
        padding: 0;
        box-sizing: border-box;
        position: relative;
        z-index: 2;
    }

    .feature-block .features-header {
        width: 100%;
        max-width: 3.5rem;
        margin: 0 auto;
        text-align: center;
        position: static;
    }


    .feature-block .features-title {
        font-family: "Microsoft YaHei", "Microsoft YaHei Bold", sans-serif;
        font-weight: 900;
        font-size: 0.2rem;
        line-height: 0.26rem;
        letter-spacing: 0;
        color: #0A2033;
        margin: 0 0 0.16rem;
        text-align: center;
        -webkit-font-smoothing: antialiased;
    }


    .feature-block .features-desc {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.15rem;
        line-height: 0.24rem;
        letter-spacing: 0;
        text-align: center;
        color: #0A203399;
        margin: 0 auto 0.32rem;
        width: 3.2rem;
        max-width: 100%;
        height: auto;
    }

    .feature-block-img {
        display: block;
        width: 4rem;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        object-fit: contain;
    }

    .feature-block.slide-1 .feature-block-img {
        width: 2.8rem;
    }
    .feature-block.slide-2 .features-content{
        top: 0.67rem;
    }
    .feature-block.slide-2 .feature-block-img {
        width: 4rem;
        max-width: 100%;
        margin-top: -24px;
    }

    .feature-block.slide-3 .feature-block-img,
    .feature-block.slide-4 .feature-block-img {
        width: 4rem;
    }

    .feature-block-img-pc,
    .feature-icon-img-pc,
    .header-trust-bar {
        display: none !important;
    }

    .feature-block-img-mobile,
    .feature-icon-img-mobile {
        display: block;
    }



    .section-extended-features {
        padding: 0;
        position: relative;
    }

    .extended-features-container {
        margin: 0 auto;
        background: #ffffff;
        border-radius: 0.12rem;
        position: relative;
        max-width: 4.08rem;
        box-sizing: border-box;
    }

    .section-extended-features .section-header {
        text-align: center;
        margin-bottom: 0.32rem;
    }

    .section-extended-features .section-header h3 {
        font-family: 'Microsoft YaHei', sans-serif;
        font-size: 0.2rem;
        font-weight: 700;
        line-height: 0.26rem;
        color: #0A2033;
        margin: 0 0 0.16rem;
    }

    .section-extended-features .section-subtitle {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.14rem;
        line-height: 0.24rem;
        letter-spacing: 0;
        text-align: center;
        color: #0A203399;
        margin: 0;
        padding: 0 0.16rem;
        box-sizing: border-box;
    }

    .features-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.12rem;
        grid-auto-rows: auto;
        align-content: start;
        max-width: 4.08rem;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    .feature-card {
        background: #F2F8FE;
        border-radius: 0.12rem;
        padding: 0.16rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        width: 1.98rem;
        height: 1.38rem;
        box-sizing: border-box;
        overflow: hidden;
    }

    .feature-header {
        width: 100%;
        min-height: 0.48rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
    }

    .feature-icon {
        position: static;
        transform: none;
        width: 0.48rem;
        height: 0.48rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-left: auto;
    }

    .feature-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .feature-card h4 {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: 0.16rem;
        line-height: 100%;
        letter-spacing: 0;
        color: #0A2033;
        margin: 0;
    }


    .feature-card p {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.14rem;
        line-height: 0.2rem;
        letter-spacing: 0;
        color: #3C464ECC;
        width: 100%;
        margin: 0.18rem 0 0 0;
    }


    .section-4 {
        height: auto;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(../img/底部背景图.jpg);
        background-size: cover;
        padding: 0.59rem 0;
        margin: 0;
    }

    .section-4 .header-bot {
        display: none;
    }


    .section-4 .section-4-inner .header-bot.os-android,
    .section-4 .section-4-inner .header-bot.os-windows {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.12rem;
        margin: 0;
    }

    .section-4 .section-4-inner .header-bot.os-android + .fixed-ad-mp.section-4-mp,
    .section-4 .section-4-inner .header-bot.os-windows + .fixed-ad-mp.section-4-mp {
        display: none;
    }


    .section-4 .section-4-inner .header-bot.os-ios + .fixed-ad-mp.section-4-mp {
        display: flex;
    }

    .section-4-inner {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .section-4-title {
        font-family: "Microsoft YaHei", sans-serif;
        font-weight: 700;
        font-size: 0.2rem;
        line-height: 0.26rem;
        letter-spacing: 0;
        color: #0A2033;
        margin: 0 0 0.32rem 0;
    }

    .section-4 .section-4-inner .fixed-ad-mp.section-4-mp {
        display: flex;
        position: static;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.12rem;
        width: 100%;
        padding-bottom: 0;
        margin: 0;
        left: auto;
        right: auto;
        bottom: auto;
        transform: none;
        max-width: 100%;
    }

    .section-4 .section-4-inner .fixed-ad-mp.section-4-mp .download-btn {
        margin: 0 auto;
        text-align: center;
    }

    .section-4 .section-4-inner .fixed-ad-mp.section-4-mp .ios-btn,
    .section-4 .section-4-inner .fixed-ad-mp.section-4-mp .web-btn {
        text-align: center;
        justify-content: center;
    }

    .section-4.is-ios .section-4-title {
        margin: 0 0 0.32rem 0;
    }


    #footer {
        background: #F8F8F8;
        padding: 0.32rem 0.16rem 0.4rem;
    }

    #footer .margin {
        max-width: 4.08rem;
        margin: 0 auto;
        box-sizing: border-box;
    }

    #footer .footer-columns {
        display: block;
        text-align: center;
        padding: 0;
    }

    #footer .footer-col,
    #footer .footer-col-right {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 0 0.24rem;
        padding: 0;
    }

    #footer .footer-col-title {
        font-family: "Source Han Sans SC", "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.14rem;
        line-height: 1;
        letter-spacing: 0;
        color: #767A7E;
        margin: 0 0 0.06rem;
    }

    #footer .footer-col:first-child ul,
    #footer .footer-col:nth-child(2) ul,
    #footer .footer-col:nth-child(3) ul {
        display: flex;
        gap: 0.16rem;
        padding: 0;
        margin: 0;
        list-style: none;
        flex-wrap: wrap;
        justify-content: center;
    }

    #footer .footer-col:first-child ul li,
    #footer .footer-col:nth-child(2) ul li,
    #footer .footer-col:nth-child(3) ul li {
        list-style: none;
        margin: 0;
        line-height: 0.3rem;
    }

    #footer .footer-col:first-child ul li a,
    #footer .footer-col:nth-child(2) ul li a,
    #footer .footer-col:nth-child(3) ul li a {
        font-family: "Source Han Sans SC", "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.14rem;
        line-height: 1;
        text-align: center;
        color: #272D33;
        text-decoration: none;
    }

    #footer .footer-col:nth-child(3) ul li {
        font-family: "Source Han Sans SC", "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.14rem;
        text-align: center;
        color: #767A7E;
    }

    #footer .footer-col:nth-child(3) ul li a {
        line-height: 0.3rem;
    }

    #footer .footer-col-right p,
    #footer .footer-col-right p a {
        font-family: "Source Han Sans SC", "Microsoft YaHei", sans-serif;
        font-weight: 400;
        font-size: 0.14rem;
        line-height: 0.3rem;
        letter-spacing: 0;
        text-align: center;
        text-decoration: none;
    }

    #footer .footer-col-right p {
        color: #767A7E;
        margin: 0;
    }

    .fixed-tab {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        width: 100vw;
        width: 100dvw;
        height: 100%;
        height: 100vh;
        height: 100dvh;
        min-height: 100%;
        min-height: -webkit-fill-available;
        z-index: 4000;
        overflow: hidden;
    }

    .fixed-tab .tab-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 4000;
        cursor: pointer;
    }

    .fixed-tab .tab-con {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100vw * 330 / 440);
        max-width: 90vw;
        max-height: 62svh;
        overflow: auto;
        height: auto;
        margin: 0;
        padding: calc(var(--hero-h) * 16 / 956) calc(100vw * 24 / 440) calc(var(--hero-h) * 24 / 956);
        border: none;
        border-radius: 0.16rem;
        box-sizing: border-box;
        z-index: 4001;
        text-align: left;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

    .fixed-tab .tab-con-l,
    .fixed-tab .tab-con-r {
        float: none;
        width: 100%;
    }

    .fixed-tab .tab-con-l {
        margin-bottom: calc(var(--hero-h) * 40 / 956);
    }

    .fixed-tab .tab-con-l p,
    .fixed-tab .tab-con-r p {
        padding: 0;
    }

    .fixed-tab .back {
        width: calc(100vw * 50 / 440);
        height: calc(100vw * 50 / 440);
        top: calc(var(--hero-h) * -60 / 956);
        right: 0;
    }

    .fixed-tab .tab-title {
        margin: 0 0 calc(var(--hero-h) * 30 / 956);
        text-align: left;
        width: 100%;
    }

    .fixed-tab .tab-title p {
        text-align: left;
        justify-content: flex-start;
    }
    .fixed-ad-pc {
        position: fixed;
        bottom: 0.15rem;
        right: 0.1rem;
        width: auto;
        z-index: 100;
    }

    .kf {
        margin: 0;
    }

    .kf .kf-con {
        width: 0.56rem;
        height: auto;
        border-radius: 0;
        position: relative;
    }

    .kf-con .icon-kefu {
        display: block;
        width: 0.56rem;
        height: 0.56rem;
        background:
            url("../img/客服.png") center no-repeat,
            linear-gradient(180deg, #57A6F7 -38.28%, #0089FF 100%);
        background-size: 0.36rem 0.36rem, 100% 100%;
        border-radius: 50%;
        box-shadow: 0 2px 12px 0 #0000001A;
        cursor: pointer;
    }

    .kf-con .kefu-time {
        position: absolute;
        width: max-content;
        min-width: 1.49rem;
        height: 0.56rem;
        min-height: 0.56rem;
        right: 0.76rem;
        top: 0;
        transform: none;
        padding: 0 0.16rem;
        box-sizing: border-box;
        background: #FFFFFF;
        border-radius: 8px;
        box-shadow: 0px 2px 12px 0px #0000001A;
        font-family: "Microsoft YaHei", "Source Han Sans SC", sans-serif;
        font-weight: 400;
        font-size: 14px;
        display: none;
        transition: all 0.2s ease-out;
        pointer-events: none;
        color: #3C464E;
    }

    .kf-con .icon-kefu:hover {
        width: 0.56rem;
        height: 0.56rem;
        background:
            url("../img/客服.png") center no-repeat,
            linear-gradient(180deg, #7ABCFF -38.28%, #19A0FF 100%);
        box-shadow: 0px 2px 12px 0px #0000001A;
        background-size: 0.36rem 0.36rem, 100% 100%;
    }

    .kf-con .icon-kefu:hover .kefu-time {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 2px;
    }

    .kf-con .icon-top {
        display: block;
        width: 0.56rem;
        height: 0.56rem;
        margin-top: 0.12rem;
        background: url("../img/回到顶部.png") center no-repeat;
        background-size: 36px 36px;
        border-radius: 50%;
        background-color: #FFFFFF;
        box-shadow: 0 2px 12px 0 #0000001A;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        transform: translateY(0.1rem);
        transition: all 0.3s ease;
    }

    .kf-con .icon-top:hover {
        background-image: url("../img/回到顶部（悬浮）.png");
    }

    .kf-con .kefu-time p {
        margin: 0;
        line-height: 1.4;
        font-size: 0.14rem;
    }

    .kf-con .icon-top.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}