#app[data-v-7ba5bd90] {
  width: 100%;
  height: 100%;
}


@media (min-width: 1600px) {
.content[data-v-669aad90] {
        max-width: 1392px;
}
.header-detail[data-v-669aad90] {
        left: -193px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.content[data-v-669aad90] {
        max-width: 1168px;
}
.header-detail[data-v-669aad90] {
        left: -170px;
}
}
.header-detail[data-v-669aad90] {
    width: 100vw;
    display: flex;
    /* background-color: wheat; */
    position: absolute;
    top: 95px;
    transition: opacity 200ms ease-out, height 200ms ease-out;
    overflow: hidden;
    z-index: 100;
    background-color: #ffffff;
}
.content[data-v-669aad90] {
    gap: 16px;
    width: 100%;
    /* max-width: 1392px; */
    background-color: #ffffff;
    display: flex;
    /* margin: 0 auto; */
    /* transform: translateX(34.3%); */
    padding-left: 24px;
    padding-right: 24px;
.list-label-span[data-v-669aad90] {
        color: #1a1d21;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.25;
}
.list-label-p[data-v-669aad90] {
        font-size: 12px;
        margin-top: 4px;
        min-height: 36px;
        color: #6c747f;
        font-weight: 400;
        line-height: 1.3;
}
}
.content-left[data-v-669aad90] {
    margin-top: 24px;
    flex: 1.2;
.product-title[data-v-669aad90] {
        width: 100%;
        margin-bottom: 24px;
}
.product-list[data-v-669aad90] {
        display: grid;
        position: relative;
        grid-auto-flow: column;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
.product-list-label[data-v-669aad90] {
            display: flex;
            min-height: 45px;
            align-items: flex-start;
            margin-bottom: 12px;
}
.list-label-img[data-v-669aad90] {
            width: 37px;
            height: 37px;
            margin-right: 16px;
}
}
}
.content-right[data-v-669aad90] {
    margin-top: 24px;
    flex: 1;
.product-title[data-v-669aad90] {
        width: 100%;
        margin-bottom: 24px;
}
.product-list[data-v-669aad90] {
        display: grid;
        position: relative;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
.product-list-label[data-v-669aad90] {
            display: flex;
            min-height: 45px;
            align-items: flex-start;
            margin-bottom: 12px;
}
.list-label-img[data-v-669aad90] {
            width: 37px;
            height: 37px;
            margin-right: 16px;
}
}
}


@media (min-width: 1600px) {
.content[data-v-5dd4b6aa] {
        max-width: 1392px;
}
.header-detail[data-v-5dd4b6aa] {
        left: -271px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.content[data-v-5dd4b6aa] {
        max-width: 1168px;
}
.header-detail[data-v-5dd4b6aa] {
        left: -248px;
}
}
.header-detail[data-v-5dd4b6aa] {
    width: 100vw;
    display: flex;
    /* background-color: wheat; */
    position: absolute;
    top: 95px;
    transition: opacity 200ms ease-out, height 200ms ease-out;
    overflow: hidden;
    z-index: 100;
}
.content[data-v-5dd4b6aa] {
    gap: 16px;
    width: 100%;
    /* max-width: 1392px; */
    background-color: #fdfdfe;
    display: flex;
    /* margin: 0 auto; */
    /* transform: translateX(34.3%); */
    padding-left: 24px;
    padding-right: 24px;
.product-title-span[data-v-5dd4b6aa] {
        color: #1a1d21;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.25;
}
.product-title-p[data-v-5dd4b6aa] {
        font-size: 12px;
        margin-top: 4px;
        min-height: 36px;
        color: #6c747f;
        font-weight: 400;
        line-height: 1.3;
}
}
.content-left[data-v-5dd4b6aa] {
    margin-top: 24px;
    flex: 1.2;
.product-title[data-v-5dd4b6aa] {
        width: 100%;
        margin-bottom: 24px;
}
.product-list[data-v-5dd4b6aa] {
        display: grid;
        position: relative;
        grid-auto-flow: column;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
.product-list-label[data-v-5dd4b6aa] {
            display: flex;
            min-height: 45px;
            align-items: flex-start;
            margin-bottom: 12px;
}
.list-label-img[data-v-5dd4b6aa] {
            width: 37px;
            height: 37px;
            margin-right: 16px;
}
}
}
.content-right[data-v-5dd4b6aa] {
    margin-top: 24px;
    flex: 1;
.product-title[data-v-5dd4b6aa] {
        width: 100%;
        margin-bottom: 24px;
}
.product-list[data-v-5dd4b6aa] {
        display: grid;
        position: relative;
        grid-auto-flow: column;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        /* background-color: rgb(246 247 248); */
        padding-left: 24px;
.product-list-label[data-v-5dd4b6aa] {
            z-index: 199;
            display: flex;
            min-height: 45px;
            align-items: flex-start;
            margin-bottom: 12px;
.list-label-a[data-v-5dd4b6aa]:nth-child(1) {
                flex: 4;
}
.list-label-a[data-v-5dd4b6aa]:nth-child(2) {
                flex: 1;
}
}
.product-list-back[data-v-5dd4b6aa]::before {
            content: "";
            display: block;
            position: absolute;
            top: -24px;
            left: 0px;
            width: 9999px;
            height: 9999px;
            background-color: #f6f7f8;
            z-index: 100;
}
.list-label-img2[data-v-5dd4b6aa] {
            width: 12px;
            height: 12px;
            margin-right: 16px;
            margin-top: 24px;
}
}
}


@media (min-width: 1600px) {
.content[data-v-03b830ed] {
        max-width: 1392px;
}
.header-detail[data-v-03b830ed] {
        left: -364px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.content[data-v-03b830ed] {
        max-width: 1168px;
}
.header-detail[data-v-03b830ed] {
        left: -341px;
}
}
.header-detail[data-v-03b830ed] {
    width: 100vw;
    display: flex;
    /* background-color: wheat; */
    position: absolute;
    top: 95px;
    transition: opacity 200ms ease-out, height 200ms ease-out;
    overflow: hidden;
    z-index: 100;
}
.content[data-v-03b830ed] {
    gap: 16px;
    width: 100%;
    /* max-width: 1392px; */
    background-color: #fdfdfe;
    display: flex;
    /* margin: 0 auto; */
    /* transform: translateX(34.3%); */
    padding-left: 24px;
    padding-right: 24px;
.product-title-span[data-v-03b830ed] {
        color: #1a1d21;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.25;
}
.product-title-p[data-v-03b830ed] {
        font-size: 12px;
        margin-top: 4px;
        min-height: 36px;
        color: #6c747f;
        font-weight: 400;
        line-height: 1.3;
}
}
.content-left[data-v-03b830ed] {
    margin-top: 24px;
    flex: 1;
.product-title[data-v-03b830ed] {
        width: 100%;
        margin-bottom: 24px;
}
.product-list[data-v-03b830ed] {
        display: grid;
        position: relative;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
.product-list-label[data-v-03b830ed] {
            display: flex;
            min-height: 45px;
            align-items: flex-start;
            margin-bottom: 12px;
}
.list-label-img[data-v-03b830ed] {
            width: 37px;
            height: 37px;
            margin-right: 16px;
}
}
}
.content-middle[data-v-03b830ed] {
    margin-top: 24px;
    flex: 1;
.product-title[data-v-03b830ed] {
        width: 100%;
        margin-bottom: 24px;
}
.product-list[data-v-03b830ed] {
        display: grid;
        position: relative;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
.product-list-label[data-v-03b830ed] {
            display: flex;
            min-height: 45px;
            align-items: flex-start;
            margin-bottom: 12px;
}
.list-label-img[data-v-03b830ed] {
            width: 37px;
            height: 37px;
            margin-right: 16px;
}
}
}
.content-right[data-v-03b830ed] {
    margin-top: 24px;
    flex: 1;
.product-title[data-v-03b830ed] {
        width: 100%;
        margin-bottom: 24px;
}
.product-list[data-v-03b830ed] {
        display: grid;
        position: relative;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
.product-list-label[data-v-03b830ed] {
            display: flex;
            min-height: 45px;
            align-items: flex-start;
            margin-bottom: 12px;
}
.list-label-img[data-v-03b830ed] {
            width: 37px;
            height: 37px;
            margin-right: 16px;
}
}
}


@media (min-width: 1600px) {
.header[data-v-ed558de2] {
        max-width: 1392px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.header[data-v-ed558de2] {
        max-width: 1168px;
}
}
.header[data-v-ed558de2] {
    /* max-width: 1168px; */
    height: 104px;
    margin: 0 auto;
    display: flex;
    /* 使用 Flexbox 布局 */
    justify-content: space-between;
    /* 平均分配空间 */
    align-items: center;
    /* 垂直居中 */
    padding-left: 24px;
    padding-right: 24px;
}
.logo-title[data-v-ed558de2] {
    flex: 1;
    /* 占据相同的空间 */
    text-align: center;
    /* 水平居中 */
.logo-title-img[data-v-ed558de2] {
        width: 147px;
        height: 40px;
}
}
.nav[data-v-ed558de2] {
    flex: 5;
    /* 中间部分可以占据更多空间 */
    text-align: left;
    /* 水平居中 */
    width: 249px;
    height: 100px;
    display: flex;
    position: relative;
.nav-title[data-v-ed558de2] {
        width: auto;
        display: flex;
.header-detail[data-v-ed558de2] {
            opacity: 0;
            visibility: hidden;
            height: 0;
}
[class^="nav-title-label"][data-v-ed558de2]:nth-child(-n+3) {
            font-size: 15px;
            padding: 19px 24px;
            display: flex;
            position: relative;
            align-items: center;
}
div[data-v-ed558de2]:nth-child(4) {
            width: 100%;
            height: 4px;
            position: absolute;
            bottom: 8px;
            left: 24px;
div[data-v-ed558de2] {
                position: relative;
                height: 4px;
                width: 0;
                background-color: rgb(0, 0, 0);
                background-image: linear-gradient(89.75deg, rgb(255, 66, 68) 0%, rgb(255, 142, 60) 100%);
                transform: translate3d(0px, 0, 0);
                transition: 200ms ease-out;
}
}
}
}
.buttons[data-v-ed558de2] {
    flex: 1;
    /* 占据相同的空间 */
    display: flex;
    /* 让按钮在一行显示 */
    justify-content: space-around;
    /* 按钮之间的空间 */
.btn[data-v-ed558de2] {
        height: 40px;
        padding: 5px 10px;
        /* 按钮的内边距 */
        font-size: 15px;
}
.btn[data-v-ed558de2]:nth-child(1) {
        color: #0479cc;
}
.btn[data-v-ed558de2]:nth-child(2) {
        width: 100px;
        background-color: #0479cc;
        border: none;
        border-radius: 8px;
}
.btn[data-v-ed558de2]:nth-child(2):hover {
        box-shadow: 0px 0px 6px 0px gray;
}
}


.header-phone[data-v-3c0194cf] {
    display: flex;
    position: relative;
    align-items: center;
    box-sizing: unset;
    padding: 16px;
    padding-bottom: 0;
    display: flex;
}
[data-v-3c0194cf] .ivu-btn-icon-only {
    font-size: 28px;
    font-weight: bold;
}
[data-v-3c0194cf] .ivu-btn {
    vertical-align: baseline;
.ivu-icon[data-v-3c0194cf] {
        line-height: 1;
}
}
[data-v-3c0194cf] .ivu-icon {
    vertical-align: baseline;
    line-height: 1 !important;
}
.nav[data-v-3c0194cf] {
    position: sticky;
    display: flex;
    box-sizing: unset;
    align-items: center;
    border-bottom: 1px solid;
    width: calc(100% - 12px);
    padding-bottom: 16px;
    padding-left: 8px;
    border-color: #d7dbe0;
.nav-logo[data-v-3c0194cf] {
        display: flex;
.nav-logo-img[data-v-3c0194cf] {
            width: 120px;
}
}
.nav-button[data-v-3c0194cf] {
        margin-left: auto;
}
[data-v-3c0194cf] .ivu-btn {
        border: none;
}
}
.nav-menu-closed[data-v-3c0194cf] {
    /* display: none; */
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 32px);
    z-index: 100;
    background-color: #fff;
    transition: all 400ms ease 0s;
    overflow-y: scroll;
    overflow-x: hidden;
    opacity: 1;
    box-sizing: unset;
    padding: 16px;
    width: calc(100% - 32px);
    transform: translateX(100%);
    height: 100vh;
}
.nav-menu-open[data-v-3c0194cf] {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: rgb(255, 255, 255);
    transition: 400ms;
    overflow: hidden scroll;
    opacity: 1;
    box-sizing: unset;
    padding: 16px;
    width: calc(100% - 32px);
    transform: translateX(0px);
    height: 100vh;
}
.nav-column-menu[data-v-3c0194cf]::-webkit-scrollbar {
    display: none;
}
.nav-column-menu[data-v-3c0194cf] {
    height: 540px;
    overflow: auto;
    scrollbar-width: none;
    box-sizing: unset;
.column-menu-nth[data-v-3c0194cf] {
        overflow: hidden;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        min-height: 52px;
.nth-body-span[data-v-3c0194cf] {
            font-weight: 500;
            font-size: 12px;
            margin-top: 8px;
            margin-bottom: 18px;
            letter-spacing: 0.4px;
            line-height: 1.25;
            /* text-transform: uppercase; */
            color: #868e98;
            position: relative;
            display: block;
}
[data-v-3c0194cf] .ivu-btn {
            border: none;
}
.rotate-180[data-v-3c0194cf] {
            font-size: 28px;
            transform: rotate(180deg);
            transition: transform 0.3s ease;
            transform-origin: center;
}
.rotate-un180[data-v-3c0194cf] {
            font-size: 28px;
            transform: rotate(0deg);
            transition: transform 0.3s ease;
            transform-origin: center;
}
.menu-nth-title[data-v-3c0194cf] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 44px;
.nth-title-span[data-v-3c0194cf] {
                font-size: 16px;
                color: #42474d;
                cursor: pointer;
                text-decoration: none;
                background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
                background-repeat: no-repeat;
                background-size: 100% 0px;
                background-position: 0 100%;
                transition: background-size 0.2s;
                padding-top: 2px;
                padding-bottom: 2px;
                margin-top: -2px;
                margin-bottom: -2px;
                font-weight: 500;
                line-height: 1.25;
                margin: 0;
                padding-left: 0;
                padding-right: 0;
                position: relative;
                background: none !important;
}
}
.menu-nth-body-closed[data-v-3c0194cf] {
            position: relative;
            transition: all 200ms ease;
            height: 0;
            opacity: 0;
            padding-left: 24px;
}
.menu-nth-body-open[data-v-3c0194cf] {
            position: relative;
            transition: 200ms;
            height: auto;
            opacity: 1;
            padding-left: 24px;
}
.menu-nth-body-link[data-v-3c0194cf] {
            display: flex;
            text-decoration: none;
            align-items: flex-start;
            /* height: 44px; */
            min-height: 44px;
            margin-left: 16px;
.nth-body-link-img[data-v-3c0194cf] {
                width: 28px;
                height: 28px;
                margin-right: 16px;
}
.nth-title-span[data-v-3c0194cf] {
                font-size: 14px;
                font-weight: 400;
                line-height: 1.25;
                color: #1a1d21;
                margin-top: 0;
                margin-bottom: 0;
}
}
}
}
.nav-column-button[data-v-3c0194cf] {
    /* height: 40px; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 16px;
         column-gap: 16px;
    padding-top: 16px;
    padding-bottom: 40px;
    background-color: #fff;
    width: 100%;
.btn[data-v-3c0194cf] {
        height: 40px;
        padding: 5px 10px;
        /* 按钮的内边距 */
        font-size: 15px;
}
.btn[data-v-3c0194cf]:nth-child(1) {
        color: #0479cc;
}
.btn[data-v-3c0194cf]:nth-child(2) {
        /* width: 100px; */
        background-color: #0479cc;
        border: none;
        border-radius: 8px;
}
.btn[data-v-3c0194cf]:nth-child(2):hover {
        box-shadow: 0px 0px 6px 0px gray;
}
}


@media screen and (min-width: 900px) {
.body[data-v-363ca4d5] {
        padding-top: 80px;
}
.body-box-inner[data-v-363ca4d5] {
.box-inner-span[data-v-363ca4d5] {
            margin-bottom: 24px;
}
.box-inner-h1[data-v-363ca4d5] {
            font-size: 54px;
}
.body-box-inner-div[data-v-363ca4d5] {
            margin-top: 32px;
}
}
.body-img-inner[data-v-363ca4d5] {
        min-height: 400px;
}
}
@media (max-width: 900px) {
.body[data-v-363ca4d5] {
        padding-top: 40px;
}
.body-box-inner[data-v-363ca4d5] {
.box-inner-span[data-v-363ca4d5] {
            margin-bottom: 16px;
}
.box-inner-h1[data-v-363ca4d5] {
            font-size: 40px;
}
.body-box-inner-div[data-v-363ca4d5] {
            margin-top: 24px;
}
}
.body-img-inner[data-v-363ca4d5] {
        min-height: 200px;
}
}
@media (min-width: 1600px) {
.body[data-v-363ca4d5] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-363ca4d5] {
        max-width: 1120px;
}
}
.body[data-v-363ca4d5] {
    width: 100%;
    position: relative;
}
.index[data-v-363ca4d5] {
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    justify-content: center;
    background: linear-gradient(white, white);
}
.body-box[data-v-363ca4d5] {
    max-width: 858px;
    margin-left: auto;
    margin-right: auto;
}
.body-box-middle[data-v-363ca4d5] {
    display: flex;
    will-change: transform;
}
.body-box-inner[data-v-363ca4d5] {
    text-align: center;
    margin-bottom: 32px;
    position: relative;
    flex: 0 0 100%;
    opacity: 1;
    transition: opacity 400ms ease-out;
.box-inner-span[data-v-363ca4d5] {
        background-color: #f6f7f8;
        border-radius: 822px;
        display: inline-block;
        color: #545b63;
        font-weight: 500;
        line-height: 1.5;
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-top: 0;
        letter-spacing: 0;
}
.box-inner-h1[data-v-363ca4d5] {
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.2px;
        color: #1a1d21;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 864px;
}
.box-inner-strong[data-v-363ca4d5] {
        color: #0479cc;
}
.body-box-inner-div[data-v-363ca4d5] {
        margin-left: auto;
        margin-right: auto;
.body-box-inner-desc[data-v-363ca4d5] {
            font-size: 18px;
            font-weight: 500;
            line-height: 1.5;
            color: #42474d;
            margin: 0;
            margin-top: 24px;
}
}
}
.body-img[data-v-363ca4d5] {
    display: flex;
.body-img-inner[data-v-363ca4d5] {
        flex: 0 0 100%;
        min-height: 200px;
        transform: translateX(-0%);
.img-inner-back[data-v-363ca4d5] {
            width: 100%;
            will-change: opacity;
            opacity: 1;
            transition: opacity 1000ms cubic-bezier(0, 0, 0.4, 0.99);
}
}
}


@media screen and (min-width: 900px) {
.PromoteIPage1[data-v-e64631d4] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body[data-v-e64631d4] {
        margin: 0 auto;
}
.body-h2[data-v-e64631d4] {
.body-h2-title[data-v-e64631d4] {
            font-size: 40px;
}
}
.img-list[data-v-e64631d4] {
        min-width: 80%;
        grid-auto-flow: column;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
}
}
@media (max-width: 900px) {
.PromoteIPage1[data-v-e64631d4] {
        padding-top: 40px;
        padding-bottom: 40px;
}
.body[data-v-e64631d4] {
        /* margin: 0 24px; */
}
.body-h2[data-v-e64631d4] {
.body-h2-title[data-v-e64631d4] {
            font-size: 28px;
}
}
.img-list[data-v-e64631d4] {
        min-width: 80%;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(6, 1fr);
}
}
@media (min-width: 1600px) {
.body[data-v-e64631d4] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-e64631d4] {
        max-width: 1120px;
}
}
.PromoteIPage1[data-v-e64631d4] {
    background-color: #ffffff;
    padding-left: 12px;
    padding-right: 12px;
}
.body[data-v-e64631d4] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-e64631d4] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
.body-h2-title[data-v-e64631d4] {

            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.2px;
            color: #1a1d21;
            margin: 0;
            max-width: 912px;
}
}
}
.img-list[data-v-e64631d4] {
    margin-top: 40px;
    display: grid;
    position: relative;
    /* grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); */
.img-list-item[data-v-e64631d4] {
        align-items: center;
        /* text-align: center; */
        margin-top: 24px;
        display: flex;
.img-list-item-text[data-v-e64631d4] {
            display: flex;
            justify-content: center;
            /* 水平居中 */
            align-items: center;
            flex-direction: column;
            align-items: flex-start;
.item-text-span[data-v-e64631d4] {
                font-size: 20px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
}
.item-text-p[data-v-e64631d4] {
                display: inline-block;
                color: #545b63;
                font-weight: 500;
                line-height: 1.5;
                font-size: 16px;
                letter-spacing: 0;
}
}
.list-item-div[data-v-e64631d4] {
            /* height: 80px; */
            display: flex;
            justify-content: center;
            /* 水平居中 */
            align-items: center;
.list-item-back[data-v-e64631d4] {
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                /* width: 115px;
                height: 50px; */
                width: 127px;
                height: 127px;
                padding: 12px;
                /* margin-top: 30px;
            margin-right: 16px; */
}
}
}
}


@media screen and (min-width: 900px) {
.PromoteIPage2[data-v-e62a02d2] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body[data-v-e62a02d2] {
        margin: 0 auto;
}
.body-h2[data-v-e62a02d2] {
.body-h2-title[data-v-e62a02d2] {
            font-size: 40px;
}
}
.img-list[data-v-e62a02d2] {
        grid-auto-flow: column;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(1, 1fr);
}
}
@media (max-width: 900px) {
.PromoteIPage2[data-v-e62a02d2] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body[data-v-e62a02d2] {
        /* margin: 0 24px; */
}
.body-h2[data-v-e62a02d2] {
.body-h2-title[data-v-e62a02d2] {
            font-size: 28px;
}
}
.img-list[data-v-e62a02d2] {
        grid-auto-flow: column;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
}
}
@media (min-width: 1600px) {
.body[data-v-e62a02d2] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-e62a02d2] {
        max-width: 1120px;
}
}
.PromoteIPage2[data-v-e62a02d2] {
    background-color: #f6f7f8;
    padding-left: 12px;
    padding-right: 12px;
}
.body[data-v-e62a02d2] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-e62a02d2] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
}
.body-h2-title[data-v-e62a02d2] {
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.2px;
        color: #1a1d21;
        margin: 0;
        max-width: 912px;
}
}
.img-list[data-v-e62a02d2] {
    min-width: 80%;
    margin-top: 40px;
    display: grid;
    position: relative;
    /* grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); */
.img-list-title[data-v-e62a02d2] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 12px;
.list-title-span[data-v-e62a02d2] {
            font-size: 20px;
            font-weight: 500;
            line-height: 1.5;
            color: #a0a7b1;
            margin: 0;
            margin-top: 24px;
}
}
.img-list-item[data-v-e62a02d2] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 24px;
        display: flex;
.list-item-div[data-v-e62a02d2] {
            height: 80px;
            display: flex;
            justify-content: center;
            /* 水平居中 */
            align-items: center;
.list-item-img[data-v-e62a02d2] {
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                /* width: 115px;
            height: 50px; */
                width: 100%;
                padding: 12px;
                /* margin-top: 30px;
            margin-right: 16px; */
}
}
}
}


@media screen and (min-width: 900px) {
.PromoteIPage3[data-v-e60dd3d0] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body[data-v-e60dd3d0] {
        margin: 0 auto;
}
.body-h2[data-v-e60dd3d0] {
.body-h2-title[data-v-e60dd3d0] {
            font-size: 40px;
}
}
.img-list[data-v-e60dd3d0] {
        grid-auto-flow: column;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(1, 1fr);
        margin-top: 80px;
        margin-bottom: 80px;
}
.list-box-img1[data-v-e60dd3d0] {
        width: 70px;
}
.img-list-p[data-v-e60dd3d0] {
        font-size: 16px;
}
.img-list-box[data-v-e60dd3d0] {
        grid-auto-flow: column;
        grid-template-columns: 10fr 2fr;
        grid-template-rows: repeat(1, 1fr);
}
.img-list-box[data-v-e60dd3d0]:nth-of-type(6) {
.img-list-box-img2[data-v-e60dd3d0] {
            display: none;
}
}
}
@media (max-width: 900px) {
.PromoteIPage3[data-v-e60dd3d0] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body[data-v-e60dd3d0] {
        /* margin: 0 24px; */
}
.body-h2[data-v-e60dd3d0] {
.body-h2-title[data-v-e60dd3d0] {
            font-size: 28px;
}
}
.img-list[data-v-e60dd3d0] {
        grid-auto-flow: column;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        margin-top: 40px;
        margin-bottom: 40px;
}
.list-box-img1[data-v-e60dd3d0] {
        width: 48px;
}
.img-list-p[data-v-e60dd3d0] {
        font-size: 13px;
}
.img-list-box[data-v-e60dd3d0] {
        grid-auto-flow: column;
        grid-template-columns: 10fr 0fr;
        grid-template-rows: repeat(1, 1fr);
}
.img-list-box[data-v-e60dd3d0] {
.img-list-box-img2[data-v-e60dd3d0] {
            display: none;
}
}
}
@media (min-width: 1600px) {
.body[data-v-e60dd3d0] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-e60dd3d0] {
        max-width: 1120px;
}
}
.PromoteIPage3[data-v-e60dd3d0] {
    /* background-color: #f6f7f8; */
    background-image: url(../img/page3_back.dc608858.png);
    padding-left: 12px;
    padding-right: 12px;
}
.body[data-v-e60dd3d0] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-e60dd3d0] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
}
.body-h2-title[data-v-e60dd3d0] {
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.2px;
        color: #ffffff;
        margin: 0;
        max-width: 912px;
}
}
.img-list[data-v-e60dd3d0] {
    min-width: 100%;
    display: grid;
    /* gap: 12px; */
    position: relative;
    /* grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); */
.img-list-box[data-v-e60dd3d0] {
        margin-top: 48px;
        text-align: center;
        display: grid;
.img-list-box-img1[data-v-e60dd3d0] {
.list-box-img1[data-v-e60dd3d0] {
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                /* width: 48px; */
                padding: 6px;
                margin: 0 auto;
}
}
.img-list-box-img2[data-v-e60dd3d0] {
            margin: auto 0;
            padding-top: 24px;
}
.img-list-p[data-v-e60dd3d0] {
            display: inline-block;
            flex-direction: column;
            align-items: center;
            text-align: center;
            color: #ffffff;
            font-weight: 500;
            line-height: 1.5;
            /* font-size: 14px; */
            letter-spacing: 0;
            /* margin-top: 12px; */
            /* max-width: 117px; */
}
}
.img-list-title[data-v-e60dd3d0] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 12px;
        margin-bottom: 12px;
.list-title-span[data-v-e60dd3d0] {
            font-size: 20px;
            font-weight: 500;
            line-height: 1.5;
            color: #ffffff;
            margin: 0;
            padding: 4px;
            /* margin-top: 24px; */
}

        /* img {
            flex-direction: column;
            align-items: center;
            text-align: center;
            display: flex;
            width: 100%;
            padding: 6px;
        } */
}
}


@media screen and (min-width: 900px) {
.PromoteIPage4[data-v-e5f1a4ce] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body[data-v-e5f1a4ce] {
        margin: 0 auto;
}
.body-h2[data-v-e5f1a4ce] {
.body-h2-title[data-v-e5f1a4ce] {
            font-size: 40px;
}
}
.img-list[data-v-e5f1a4ce] {
        min-width: 70%;
        grid-auto-flow: column;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(1, 1fr);
}
.list-item-img[data-v-e5f1a4ce] {
        width: 90%;
}
}
@media (max-width: 900px) {
.PromoteIPage4[data-v-e5f1a4ce] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body[data-v-e5f1a4ce] {
        margin: 0 24px;
}
.body-h2[data-v-e5f1a4ce] {
.body-h2-title[data-v-e5f1a4ce] {
            font-size: 28px;
}
}
.img-list[data-v-e5f1a4ce] {
        min-width: 60%;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
}
.list-item-img[data-v-e5f1a4ce] {
        width: 100%;
}
}
@media (min-width: 1600px) {
.body[data-v-e5f1a4ce] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-e5f1a4ce] {
        max-width: 1120px;
}
}
.PromoteIPage4[data-v-e5f1a4ce] {
    background-color: #ffffff;
    padding-left: 12px;
    padding-right: 12px;
}
.body[data-v-e5f1a4ce] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-e5f1a4ce] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
.body-h2-p[data-v-e5f1a4ce] {
            font-size: 20px;
            font-weight: 500;
            line-height: 1.5;
            color: #42474d;
            margin: 0;
            margin-top: 24px;
}
}
.body-h2-title[data-v-e5f1a4ce] {
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.2px;
        color: #1a1d21;
        margin: 0;
        max-width: 912px;
}
}
.img-list[data-v-e5f1a4ce] {
    margin-top: 40px;
    display: grid;
    position: relative;
    /* grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); */
.img-list-item[data-v-e5f1a4ce] {
        align-items: center;
        /* text-align: center; */
        margin-top: 24px;
        display: flex;
.img-list-item-div[data-v-e5f1a4ce],
        .img-list-item-text[data-v-e5f1a4ce] {
            flex: 1;
}
.img-list-item-text[data-v-e5f1a4ce] {
            flex-direction: column;
            align-items: flex-start;
.item-text-span[data-v-e5f1a4ce] {
                font-size: 20px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
                padding: 24px;
}
p[data-v-e5f1a4ce] {
                display: inline-block;
                color: #545b63;
                font-weight: 500;
                line-height: 1.5;
                font-size: 16px;
                letter-spacing: 0;
}
}
.img-list-item-div[data-v-e5f1a4ce] {
            /* height: 80px; */
            display: flex;
            justify-content: center;
            /* 水平居中 */
            align-items: center;
.list-item-img[data-v-e5f1a4ce] {
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                /* width: 115px;
            height: 50px; */
                /* width: 60%; */
                padding: 12px;
                /* margin-top: 30px;
            margin-right: 16px; */
}
}
}
}


@media screen and (min-width: 900px) {
.PromoteIPage5[data-v-e5d575cc] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body[data-v-e5d575cc] {
        margin: 0 auto;
}
.body-h2[data-v-e5d575cc] {
.body-h2-h2[data-v-e5d575cc] {
            font-size: 40px;
}
}
.img-list[data-v-e5d575cc] {
        min-width: 80%;
        grid-auto-flow: column;
        grid-template-columns: 2fr 1.3fr 1fr;
        grid-template-rows: repeat(1, 1fr);
}
}
@media (max-width: 900px) {
.PromoteIPage5[data-v-e5d575cc] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body[data-v-e5d575cc] {
        margin: 0 24px;
}
.body-h2[data-v-e5d575cc] {
.body-h2-h2[data-v-e5d575cc] {
            font-size: 28px;
}
}
.img-list[data-v-e5d575cc] {
        min-width: 60%;
        grid-auto-flow: column;
        grid-template-columns: 2fr 1fr 1.2fr;
        grid-template-rows: repeat(1, 1fr);
}
}
@media (min-width: 1600px) {
.body[data-v-e5d575cc] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-e5d575cc] {
        max-width: 1120px;
}
}
.PromoteIPage5[data-v-e5d575cc] {
    /* background-color: #ffffff; */
    background-image: linear-gradient(265deg, #009cde 0%, #084290 100%);
    padding-left: 24px;
    padding-right: 24px;
}
.body[data-v-e5d575cc] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-e5d575cc] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
p[data-v-e5d575cc] {
            font-size: 20px;
            font-weight: 500;
            line-height: 1.5;
            color: #42474d;
            margin: 0;
            margin-top: 24px;
}
}
.body-flow[data-v-e5d575cc] {
        margin-top: 48px;
        padding: 24px;
        min-width: 80%;
        display: flex;
img[data-v-e5d575cc] {
            margin: 0 auto;
            display: flex;
            width: 70%;
            /* width: 200%; */
            /* 拉长前半部分 */
            /* transform: translateX(25%); */
            /* 移动图片，使得后半部分缩短 */
            height: auto;
            /* 保持图片比例 */
}
}
.body-h2-h2[data-v-e5d575cc] {
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.2px;
        color: #ffffff;
        margin: 0;
        max-width: 912px;
}
}
.img-list[data-v-e5d575cc] {
    display: grid;
    position: relative;
    gap: 24px;
    /* grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); */
.itm-box[data-v-e5d575cc]:nth-child(2) {
        border-radius: 24px 24px 0 0;
}
.itm-box[data-v-e5d575cc]:nth-child(5) {
        border-radius: 0 0 24px 24px;
}
.img-list-item[data-v-e5d575cc] {
        align-items: center;
        /* text-align: center; */
        display: flex;
        flex-direction: column;
.itm-box[data-v-e5d575cc] {
            background-color: #ffffff;
            width: 100%;
            padding-right: 12px;
            padding-left: 12px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
.itm-box-itm[data-v-e5d575cc]:nth-child(1) {
                flex: 1;
}
.itm-box-itm[data-v-e5d575cc]:nth-child(2) {
                flex: 1.8;
}
.itm-box-itm[data-v-e5d575cc]:nth-child(3) {
                flex: 1.2;
}
.itm-box-itm[data-v-e5d575cc]:nth-child(4) {
                flex: 2;
}
.itm-box-img[data-v-e5d575cc] {
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                width: 58px;
                height: 58px;
                /* width: 90%; */
                padding: 12px;
                /* margin-top: 30px;
            margin-right: 16px; */
}
}
.img-list-item-title[data-v-e5d575cc] {

            padding: 24px;
.item-title-span[data-v-e5d575cc] {
                font-size: 18px;
                font-weight: 500;
                line-height: 1.5;
                color: #ffffff;
}
}
.itm-box-currency[data-v-e5d575cc] {
            background-color: #ffffff;
            border-radius: 24px;
.box-currency-img[data-v-e5d575cc] {
                width: 232px;
                height: 232px;
}
}
.itm-box-list[data-v-e5d575cc] {
            /* height: 80px; */
            display: flex;
            justify-content: center;
            /* 水平居中 */
            align-items: center;
}
}
}


@media screen and (min-width: 900px) {
.PromoteIPage5Phone[data-v-1d2e57a4] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body[data-v-1d2e57a4] {
        margin: 0 auto;
}
.body-h2[data-v-1d2e57a4] {
.body-h2-title[data-v-1d2e57a4] {
            font-size: 40px;
}
}
.img-list[data-v-1d2e57a4] {
        min-width: 80%;
        /* grid-auto-flow: column; */
        grid-template-columns: 1fr;
        grid-template-rows: auto;
}
}
@media (max-width: 900px) {
.PromoteIPage5Phone[data-v-1d2e57a4] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body[data-v-1d2e57a4] {
        /* margin: 0 24px; */
}
.body-h2[data-v-1d2e57a4] {
.body-h2-title[data-v-1d2e57a4] {
            font-size: 28px;
}
}
.img-list[data-v-1d2e57a4] {
        min-width: 100%;
        /* grid-auto-flow: column; */
        grid-template-columns: 1fr;
        grid-template-rows: auto;
}
}
@media (min-width: 1600px) {
.body[data-v-1d2e57a4] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-1d2e57a4] {
        max-width: 1120px;
}
}
.PromoteIPage5Phone[data-v-1d2e57a4] {
    /* background-color: #ffffff; */
    background-image: linear-gradient(265deg, #009cde 0%, #084290 100%);
    padding-left: 12px;
    padding-right: 12px;
}
.body[data-v-1d2e57a4] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-1d2e57a4] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
.body-h2-title[data-v-1d2e57a4] {
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.2px;
            color: #ffffff;
            margin: 0;
            max-width: 912px;
}
}
.body-flow[data-v-1d2e57a4] {
        margin-top: 48px;
        padding-top: 12px;
        /* min-width: 80%; */
        display: flex;
.body-flow-img[data-v-1d2e57a4] {
            /* transform: rotate(90deg); */
            /* margin: 0 auto; */
            display: flex;
            width: auto;
            /* width: 200%; */
            /* 拉长前半部分 */
            /* transform: translateX(25%); */
            /* 移动图片，使得后半部分缩短 */
            height: 90%;
            /* 保持图片比例 */
}
}
.img-list[data-v-1d2e57a4] {
        margin-top: 48px;
        display: grid;
        position: relative;
        /* gap: 24px; */
        /* grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); */
.itm-box[data-v-1d2e57a4]:nth-child(2) {
            border-radius: 24px 24px 0 0;
}
.itm-box[data-v-1d2e57a4]:nth-child(5) {
            border-radius: 0 0 24px 24px;
}
.img-list-item[data-v-1d2e57a4] {
            align-items: center;
            text-align: center;
            display: flex;
            flex-direction: column;
.itm-box[data-v-1d2e57a4] {
                background-color: #ffffff;
                width: 100%;
                padding-right: 6px;
                padding-left: 6px;
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
                height: 40px;
                display: flex;
                justify-content: center;
                /* 水平居中 */
                align-items: center;
.itm-box-div[data-v-1d2e57a4] {
.box-div-img[data-v-1d2e57a4] {
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                        display: flex;
                        width: 52px;
                        height: 52px;
                        /* width: 90%; */
                        padding: 12px;
                        /* margin-top: 30px;
                         margin-right: 16px; */
}
}
.itm-box-div[data-v-1d2e57a4]:nth-child(1) {
                    flex: 1;
}
.itm-box-div[data-v-1d2e57a4]:nth-child(2) {
                    flex: 1.8;
}
.itm-box-div[data-v-1d2e57a4]:nth-child(3) {
                    flex: 1.2;
}
.itm-box-div[data-v-1d2e57a4]:nth-child(4) {
                    flex: 2.1;
}
}
.img-list-item-title[data-v-1d2e57a4] {

                padding: 12px;
.item-title-span[data-v-1d2e57a4] {
                    font-size: 18px;
                    font-weight: 500;
                    line-height: 1.5;
                    color: #ffffff;
}
}
.itm-box-currency[data-v-1d2e57a4] {
                background-color: #ffffff;
                border-radius: 24px;
                width: 100%;
.box-currency-img[data-v-1d2e57a4] {
                    width: 100%;
                    /* width: 232px;
                    height: 232px; */
}
}
}
}
}


@media screen and (min-width: 900px) {
.PromoteIPage6[data-v-e5b946ca] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body[data-v-e5b946ca] {
        margin: 0 auto;
}
.body-h2[data-v-e5b946ca] {
.body-h2-title[data-v-e5b946ca] {
            font-size: 40px;
}
}
.img-list[data-v-e5b946ca] {
        min-width: 70%;
        grid-auto-flow: column;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
}
}
@media (max-width: 900px) {
.PromoteIPage6[data-v-e5b946ca] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body[data-v-e5b946ca] {
        /* margin: 0 24px; */
}
.body-h2[data-v-e5b946ca] {
.body-h2-title[data-v-e5b946ca] {
            font-size: 28px;
}
}
.img-list[data-v-e5b946ca] {
        min-width: 70%;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
}
}
@media (min-width: 1600px) {
.body[data-v-e5b946ca] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-e5b946ca] {
        max-width: 1120px;
}
}
.PromoteIPage6[data-v-e5b946ca] {
    background-color: #ffffff;
    padding-left: 24px;
    padding-right: 24px;
}
.body[data-v-e5b946ca] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-e5b946ca] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
}
.body-h2-title[data-v-e5b946ca] {
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.2px;
        color: #1a1d21;
        margin: 0;
        max-width: 912px;
}
}
.img-list[data-v-e5b946ca] {
    margin-top: 40px;
    display: grid;
    gap: 24px;
    position: relative;
    /* padding: 24px; */
    /* grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); */
.img-list-item[data-v-e5b946ca] {
        flex-direction: column;
        /* align-items: center; */
        /* text-align: center; */
        margin-top: 24px;
        display: flex;
.img-list-item-text[data-v-e5b946ca] {
            flex-direction: column;
            align-items: flex-start;
.item-text-span[data-v-e5b946ca] {
                font-size: 20px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
                margin-bottom: 12px;
}
.item-text-p[data-v-e5b946ca] {
                display: inline-block;
                color: #545b63;
                font-weight: 500;
                line-height: 1.5;
                font-size: 16px;
                letter-spacing: 0;
}
}
.img-list-item-img[data-v-e5b946ca], .img-list-item-text[data-v-e5b946ca] {
            /* height: 80px; */
            display: flex;
            /* justify-content: center; */
            /* 水平居中 */
            /* align-items: center; */
}
.list-item-img[data-v-e5b946ca] {
            flex-direction: column;
            /* align-items: center; */
            text-align: center;
            display: flex;
            width: 64px;
            /* width: 10%; */
            padding: 24px 0;
            /* margin-top: 30px;
            margin-right: 16px; */
}
}
}


@media (min-width: 1600px) {
.body[data-v-1893173e] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-1893173e] {
        max-width: 1120;
}
}
@media screen and (min-width: 900px) {
.body-menu[data-v-1893173e] {
        margin-top: 60px;
        flex-wrap: nowrap;
        gap: 40px;
}
.menu-title[data-v-1893173e] {
        flex-basis: auto;
}
}
.footer-menu[data-v-1893173e] {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f6f7f8;
    border-top: 1px solid #e8eaed;
.body[data-v-1893173e] {
        margin-left: auto;
        margin-right: auto;
.body-logo[data-v-1893173e] {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            display: flex;
.logo-img[data-v-1893173e] {
                width: 147px;
                height: 40px;
}
}
.body-menu[data-v-1893173e] {
            margin-top: 40px;
            margin-bottom: 40px;
            display: flex;
            flex-wrap: wrap;
            gap: 32px;
            justify-content: space-between;
.menu-title[data-v-1893173e] {
                flex-basis: calc(50% - 16px);
                max-width: 300px;
.menu-title-h6[data-v-1893173e] {
                    font-size: 18px;
                    font-weight: 500;
                    line-height: 1.5;
                    color: #42474d;
                    margin: 0;
                    margin-bottom: 8px;
.title-h6-a[data-v-1893173e] {
                        font-family: inherit;
                        font-size: inherit;
                        line-height: inherit;
                        color: inherit;
                        cursor: pointer;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                        background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
                        background-repeat: no-repeat;
                        background-size: 100% 0px;
                        background-position: 0 100%;
                        transition: background-size 0.2s;
                        padding-top: 2px;
                        padding-bottom: 2px;
                        margin-top: -2px;
                        margin-bottom: -2px;
}
}
.menu-title-div[data-v-1893173e] {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: flex-start;
                    /* align-items: center; */
                    margin-top: 16px;
.title-div-a[data-v-1893173e] {
                        font-size: 16px;
                        line-height: inherit;
                        color: #42474d;
                        cursor: pointer;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                        background-image: linear-gradient(to bottom, currentColor 0%, currentColor 100%);
                        background-repeat: no-repeat;
                        background-size: 100% 0px;
                        background-position: 0 100%;
                        transition: background-size 0.2s;
                        padding-top: 2px;
                        padding-bottom: 2px;
                        margin-top: -2px;
                        margin-bottom: -2px;
}
}
}
}
}
}
.footer-number[data-v-1893173e] {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #fff;
.number-p[data-v-1893173e] {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #a0a7b1;
        margin: 0;
}
}


@media (max-width: 900px) {
.header[data-v-fae5bece] {
    display: none;
}
.PromoteIPage5[data-v-fae5bece] {
    display: none;
}
}
@media (min-width: 900px) {
.header-phone[data-v-fae5bece] {
    display: none;
}
.PromoteIPage5Phone[data-v-fae5bece] {
    display: none;
}
}
.home[data-v-fae5bece] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #ffffff;
    overflow-x: hidden;
}
.container[data-v-fae5bece] {
    /* max-width: 1440px; */
    /* 最大宽度为 1440px */
    margin: 0 auto;
    /* 水平居中 */
    /* padding: 20px; */
    /* 添加内边距 */
    width: 100%;
    /* 在小屏幕上占满宽度 */
    background-color: #ffffff;
.container-body[data-v-fae5bece] {
        position: relative;
        overflow: hidden;
}
}
@media (max-width: 768px) {
.container[data-v-fae5bece] {
        /* padding: 10px; */
        /* 在小屏幕上减少内边距 */
}
}
.back-ground[data-v-fae5bece] {
    width: 200%;
    height: 70%;
    background: linear-gradient(white, #f6f7f8);
    transform: translateX(-25%) rotate(-12deg);
    z-index: -1;
    position: absolute;
}


@media (min-width: 1600px) {
.HomePage1[data-v-78fc0ade] {
        max-width: 1392px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.HomePage1[data-v-78fc0ade] {
        max-width: 1168px;
}
}
@media screen and (min-width: 900px) {
.HomePage1[data-v-78fc0ade] {
        padding-top: 160px;
        padding-bottom: 130px;
        /* max-width: 1392px; */
}
.body[data-v-78fc0ade] {
        margin: 0 auto;
        grid-auto-flow: column;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
}
.body-h2[data-v-78fc0ade] {
        padding-left: 24px;
.body-h2-h1[data-v-78fc0ade] {
            font-size: 54px;
}
}
.btn[data-v-78fc0ade] {
        width: 128px;
}
}
@media (max-width: 900px) {
.HomePage1[data-v-78fc0ade] {
        padding-top: 80px;
        padding-bottom: 80px;
        /* max-width: 1168px; */
}
.body[data-v-78fc0ade] {
        /* margin: 0 24px; */
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 1fr);
}
.body-h2[data-v-78fc0ade] {
.body-h2-h1[data-v-78fc0ade] {
            font-size: 40px;
}
}
.btn[data-v-78fc0ade] {
        width: 100%;
}
}
.HomePage1[data-v-78fc0ade] {
    background-color: #ffffff;
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 auto;
    display: flex;
}
.body[data-v-78fc0ade] {
    display: grid;
    flex-wrap: nowrap;
    /* flex-direction: column; */
    align-items: center;
.body-h2[data-v-78fc0ade] {
        display: flex;
        flex: 1;
        flex-direction: column;
        /* align-items: center; */
        text-align: left;
.body-h2-p[data-v-78fc0ade] {
            font-size: 20px;
            font-weight: 500;
            line-height: 1.5;
            color: #42474d;
            margin: 36px 0;
}
.body-h2-h1[data-v-78fc0ade] {
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.2px;
            color: #1a1d21;
            /* margin: 0;
            margin-left: auto;
            margin-right: auto; */
            max-width: 864px;
}
}
.img-list[data-v-78fc0ade] {
        flex: 1;
.img-list-back[data-v-78fc0ade] {
            width: 100%;
}
}
}
.buttons[data-v-78fc0ade] {
    /* flex: 1; */
    /* 占据相同的空间 */
    /* display: flex; */
    /* 让按钮在一行显示 */
    /* justify-content: space-around; */
    /* 按钮之间的空间 */
.btn[data-v-78fc0ade] {
        height: 40px;
        padding: 5px 10px;
        /* 按钮的内边距 */
        font-size: 15px;
}
.btn[data-v-78fc0ade]:nth-child(1) {
        /* width: 100px; */
        background-color: #0479cc;
        border: none;
        border-radius: 8px;
}
.btn[data-v-78fc0ade]:nth-child(1):hover {
        box-shadow: 0px 0px 6px 0px gray;
}
}


@media (min-width: 1600px) {
.HomePage2[data-v-78dfdbdc] {
        max-width: 1392px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.HomePage2[data-v-78dfdbdc] {
        max-width: 1168px;
}
}
@media screen and (min-width: 900px) {
.HomePage2[data-v-78dfdbdc] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body-h2[data-v-78dfdbdc] {
.body-h2-h2[data-v-78dfdbdc] {
            font-size: 40px;
}
}
.body[data-v-78dfdbdc] {
        margin: 0 auto;
}
.img-list[data-v-78dfdbdc] {
        min-width: 100%;
        grid-auto-flow: column;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(1, 1fr);
}
}
@media (max-width: 900px) {
.HomePage2[data-v-78dfdbdc] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body-h2[data-v-78dfdbdc] {
.body-h2-h2[data-v-78dfdbdc] {
            font-size: 28px;
}
}
.body[data-v-78dfdbdc] {
        /* margin: 0 24px; */
}
.img-list[data-v-78dfdbdc] {
        min-width: 100%;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
}
}
.HomePage2[data-v-78dfdbdc] {
    margin: 0 auto;
    background-color: #ffffff;
    padding-left: 24px;
    padding-right: 24px;
}
.body[data-v-78dfdbdc] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-78dfdbdc] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
.body-h2-h2[data-v-78dfdbdc] {
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.2px;
            color: #1a1d21;
            margin: 0;
            max-width: 912px;
}
}
.img-list[data-v-78dfdbdc] {
        margin-top: 40px;
        display: grid;
        position: relative;
        gap: 24px;

        margin-top: 48px;
.img-list-div[data-v-78dfdbdc] {
            background-color: #ffffff;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            border-radius: 16px;
}
.img-list-item[data-v-78dfdbdc] {

            /* border: 1px solid #0479cc; */
            border-radius: 16px;
            /* background-color: white; */
            flex-direction: column;
            align-items: center;
            /* text-align: center; */
            /* margin-top: 24px; */
            display: flex;
            /* padding: 12px; */
.img-list-item-text[data-v-78dfdbdc] {
                width: 100%;
                /* margin-top: 48px; */
}
.img-list-item-title[data-v-78dfdbdc] {
                /* margin-bottom: 48px; */
}
.img-list-item-text[data-v-78dfdbdc],
            .img-list-item-title[data-v-78dfdbdc] {
                /* height: 80px; */
                display: flex;
                justify-content: center;
                /* 水平居中 */
                align-items: center;
.body-h2-h2[data-v-78dfdbdc] {
                    padding: 24px;
                    /* font-size: 28px; */
                    font-weight: 700;
                    line-height: 1.25;
                    letter-spacing: 0.2px;
                    color: #009cde;
                    margin: 0;
                    max-width: 912px;
}
.body-h2-p[data-v-78dfdbdc] {
                    padding: 0 12px;
                    color: #545b63;
                    font-weight: 500;
                    line-height: 1.5;
                    font-size: 16px;
                    letter-spacing: 0;
                    padding-bottom: 6px;
                    /* margin-bottom: 48px; */
}
}
.item-text-img[data-v-78dfdbdc] {
                border-radius: 16px 16px 0 0;
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                /* width: 115px;
                height: 50px; */
                width: 100%;
                max-height: 180px;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                /* padding: 12px; */
                /* margin-top: 30px;
                margin-right: 16px; */
}
}
}
}


@media (min-width: 1600px) {
.HomePage3[data-v-78c3acda] {
        /* max-width: 1392px; */
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.HomePage3[data-v-78c3acda] {
        /* max-width: 1168px; */
}
}
@media screen and (min-width: 900px) {
.HomePage3[data-v-78c3acda] {
        padding-top: 80px;
        padding-bottom: 80px;
        /* max-width: 1392px; */
}
.body[data-v-78c3acda] {
        margin: 0 auto;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
}
.body-h2[data-v-78c3acda] {
.body-h2-h2[data-v-78c3acda] {
            font-size: 40px;
}
}
.btn[data-v-78c3acda] {
        width: 240px;
}
}
@media (max-width: 900px) {
.HomePage3[data-v-78c3acda] {
        padding-top: 40px;
        padding-bottom: 40px;
        /* max-width: 1168px; */
}
.body[data-v-78c3acda] {
        margin: 0 24px;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
}
.body-h2[data-v-78c3acda] {
.body-h2-h2[data-v-78c3acda] {
            font-size: 28px;
}
}
.btn[data-v-78c3acda] {
        width: 240px;
}
}
.HomePage3[data-v-78c3acda] {
    background-color: #f6f7f8;
    padding-left: 24px;
    padding-right: 24px;
    margin: 0 auto;
    /* display: flex; */
}
.body[data-v-78c3acda] {
    /* display: grid; */
    flex-wrap: nowrap;
    /* flex-direction: column; */
    align-items: center;
.body-h2[data-v-78c3acda] {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        text-align: center;
.body-h2-h2[data-v-78c3acda] {
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.2px;
            color: #1a1d21;
            /* margin: 0;
            margin-left: auto;
            margin-right: auto; */
            max-width: 864px;
            margin-bottom: 24px;
}
}
.img-list[data-v-78c3acda] {
        flex: 1;
img[data-v-78c3acda] {
            width: 100%;
}
}
}
.buttons[data-v-78c3acda] {
    /* flex: 1; */
    /* 占据相同的空间 */
    /* display: flex; */
    /* 让按钮在一行显示 */
    /* justify-content: space-around; */
    /* 按钮之间的空间 */
.btn[data-v-78c3acda] {
        height: 48px;
        padding: 5px 10px;
        /* 按钮的内边距 */
        font-size: 15px;
}
.btn[data-v-78c3acda]:nth-child(1) {
        /* width: 100px; */
        background-color: #0479cc;
        border: none;
        border-radius: 24px;
}
.btn[data-v-78c3acda]:nth-child(1):hover {
        box-shadow: 0px 0px 6px 0px gray;
}
}


@media screen and (min-width: 900px) {
.HomePage4[data-v-78a77dd8] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body[data-v-78a77dd8] {
        margin: 0 auto;
}
.body-h2[data-v-78a77dd8] {
.body-h2-h2[data-v-78a77dd8] {
            font-size: 40px;
}
}
.img-list[data-v-78a77dd8] {
        min-width: 70%;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
}
}
@media (max-width: 900px) {
.HomePage4[data-v-78a77dd8] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body[data-v-78a77dd8] {
        margin: 0 24px;
}
.body-h2[data-v-78a77dd8] {
.body-h2-h2[data-v-78a77dd8] {
            font-size: 28px;
}
}
.img-list[data-v-78a77dd8] {
        min-width: 60%;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
}
}
@media (min-width: 1600px) {
.body[data-v-78a77dd8] {
        max-width: 1344px;
}
}
@media (max-width: 1600px) {
.body[data-v-78a77dd8] {
        max-width: 1120px;
}
}
.HomePage4[data-v-78a77dd8] {
    background-color: #ffffff;
    padding-left: 24px;
    padding-right: 24px;
}
.body[data-v-78a77dd8] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-78a77dd8] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
.body-h2-h2[data-v-78a77dd8] {
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.2px;
            color: #1a1d21;
            margin: 0;
            max-width: 912px;
}
}
}
.img-list[data-v-78a77dd8] {
    margin-top: 40px;
    display: grid;
    position: relative;
    /* grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); */
.img-list-item[data-v-78a77dd8] {
        align-items: center;
        /* text-align: center; */
        margin-top: 24px;
        display: flex;
.list-item[data-v-78a77dd8] {
.list-item-back[data-v-78a77dd8] {
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                /* width: 115px;
                 height: 50px; */
                width: 80%;
                padding: 12px;
                /* margin-top: 30px;
                margin-right: 16px; */
}
}
.list-item[data-v-78a77dd8],
        .img-list-item-text[data-v-78a77dd8] {
            flex: 1;
            /* height: 80px; */
            display: flex;
            justify-content: center;
            /* 水平居中 */
            align-items: center;
}
.img-list-item-text[data-v-78a77dd8] {
            flex-direction: column;
            align-items: flex-start;
.body-h2-span[data-v-78a77dd8] {
                font-size: 20px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
                padding: 12px 0;
}
}
div[data-v-78a77dd8] {}
}
}


@media (min-width: 1600px) {
.HomePage5[data-v-788b4ed6] {
        /* max-width: 1392px; */
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.HomePage5[data-v-788b4ed6] {
        /* max-width: 1168px; */
}
}
@media screen and (min-width: 900px) {
.HomePage5[data-v-788b4ed6] {
        /* padding-top: 80px;
        padding-bottom: 80px; */
        /* padding-left: 48px;
        padding-right: 48px; */
        /* max-width: 1392px; */
}
.body-h2-h1[data-v-788b4ed6] {
        font-size: 40px;
}
.body-h2[data-v-788b4ed6] {
        padding: 0 24px;
}
.body[data-v-788b4ed6] {
        margin: 0 auto;
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
}
.img-list[data-v-788b4ed6] {
        width: 100%;
        height: 100%;
.img-list-back[data-v-788b4ed6] {
            width: 80%;
}
}
}
@media (max-width: 900px) {
.HomePage5[data-v-788b4ed6] {
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left: 24px;
        padding-right: 24px;
        /* max-width: 1168px; */
}
.body-h2-h1[data-v-788b4ed6] {
        font-size: 28px;
}
.body[data-v-788b4ed6] {
        /* margin: 0 24px; */
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 3fr;
}
.img-list[data-v-788b4ed6] {
        width: 100%;
        height: 100%;
.img-list-back[data-v-788b4ed6] {
            width: 100%;
}
}
}
.HomePage5[data-v-788b4ed6] {
    background-color: #f5f5f7;
    margin: 0 auto;
    display: flex;
.body[data-v-788b4ed6] {
        display: grid;
        gap: 28px;
        flex-wrap: nowrap;
        /* flex-direction: column; */
        align-items: center;
.body-h2[data-v-788b4ed6] {
            display: flex;
            flex: 1;
            flex-direction: column;
            /* align-items: center; */
            text-align: left;
.body-h2-p[data-v-788b4ed6] {
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
                margin: 12px 0;
}
.body-h2-h1[data-v-788b4ed6] {
                font-weight: 700;
                line-height: 1.25;
                letter-spacing: 0.2px;
                color: #1a1d21;
                /* margin-bottom: 24px; */
                /* margin: 0;
            margin-left: auto;
            margin-right: auto; */
                max-width: 864px;
}
.body-h2-p[data-v-788b4ed6] {
                font-size: 20px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
                margin: 36px 0;
}
}
.img-list[data-v-788b4ed6] {
            flex: 1;
            border-radius: 14px;
.img-list-back[data-v-788b4ed6] {
                width: 100%;
                height: 100%;
                /* object-fit: cover; */
                border-radius: 14px;
}
}
}
}


@media (min-width: 1600px) {
.HomePage6[data-v-786f1fd4] {
        max-width: 1392px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.HomePage6[data-v-786f1fd4] {
        max-width: 1168px;
}
}
@media screen and (min-width: 1400px) {
.img-list[data-v-786f1fd4] {
        min-width: 100%;
        grid-auto-flow: column;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(1, 1fr);
}
}
@media (min-width: 900px) and (max-width: 1400px) {
.img-list[data-v-786f1fd4] {
        min-width: 100%;
        grid-auto-flow: column;
        grid-template-columns: repeat(2 1fr);
        grid-template-rows: repeat(2, 1fr);
}
}
@media screen and (min-width: 900px) {
.HomePage6[data-v-786f1fd4] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body-h2[data-v-786f1fd4] {
.body-h2-h2[data-v-786f1fd4] {
            font-size: 40px;
}
}
.body[data-v-786f1fd4] {
        margin: 0 auto;
}
}
@media (max-width: 900px) {
.HomePage6[data-v-786f1fd4] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body-h2[data-v-786f1fd4] {
.body-h2-h2[data-v-786f1fd4] {
            font-size: 28px;
}
}
.body[data-v-786f1fd4] {
        /* margin: 0 24px; */
}
.img-list[data-v-786f1fd4] {
        min-width: 100%;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
}
}
.HomePage6[data-v-786f1fd4] {
    margin: 0 auto;
    background-color: #ffffff;
    padding-left: 24px;
    padding-right: 24px;
}
.body[data-v-786f1fd4] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-786f1fd4] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
.body-h2-h2[data-v-786f1fd4] {
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.2px;
            color: #1a1d21;
            margin: 0;
            max-width: 912px;
}
}
.img-list[data-v-786f1fd4] {
        margin-top: 40px;
        display: grid;
        position: relative;
        gap: 24px;

        margin-top: 48px;
.img-list-div[data-v-786f1fd4] {
            background-image: linear-gradient(134.98deg, #612FFF 13.72%, #D200A3 100%);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            border-radius: 16px;
}
.img-list-item[data-v-786f1fd4] {

            /* border: 1px solid #0479cc; */
            border-radius: 16px;
            /* background-color: white; */
            flex-direction: column;
            align-items: center;
            /* text-align: center; */
            /* margin-top: 24px; */
            display: flex;
            /* padding: 12px; */
.img-list-item-text[data-v-786f1fd4] {
                width: 100%;
                /* margin-top: 48px; */
}
.img-list-item-title[data-v-786f1fd4] {
                /* margin-bottom: 48px; */
                padding-bottom: 24px;
}
.img-list-item-text[data-v-786f1fd4],
            .img-list-item-title[data-v-786f1fd4] {
                /* height: 80px; */
                display: flex;
                justify-content: center;
                /* 水平居中 */
                align-items: flex-start;
.body-h2-h2[data-v-786f1fd4] {
                    padding: 24px 24px 12px 24px;
                    /* font-size: 28px; */
                    font-weight: 700;
                    line-height: 1.25;
                    letter-spacing: 0.2px;
                    color: #ffffff;
                    margin: 0;
                    max-width: 912px;
                    border-bottom: 1px solid #ffffff;
}
.body-h2-p[data-v-786f1fd4] {
                    padding: 0 24px;
                    color: #ffffff;
                    font-weight: 500;
                    line-height: 1.5;
                    font-size: 14px;
                    letter-spacing: 0;
                    padding-bottom: 6px;
                    /* margin-bottom: 48px; */
}
.body-h2-span[data-v-786f1fd4] {
                    padding: 12px 24px 12px 24px;
                    color: #ffffff;
                    font-weight: 500;
                    line-height: 1.5;
                    font-size: 20px;
                    letter-spacing: 0;
                    /* padding-bottom: 6px; */
}
}
.item-text-img[data-v-786f1fd4] {
                border-radius: 16px 16px 0 0;
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                /* width: 115px;
                height: 50px; */
                width: 100%;
                /* padding: 12px; */
                /* margin-top: 30px;
                margin-right: 16px; */
}
}
}
}


@media (max-width: 900px) {
.header[data-v-c6bdc170] {
    display: none;
}
}
@media (min-width: 900px) {
.header-phone[data-v-c6bdc170] {
    display: none;
}
}
.homePage[data-v-c6bdc170] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #ffffff;
    overflow-x: hidden;
}
.container[data-v-c6bdc170] {
    /* max-width: 1440px; */
    /* 最大宽度为 1440px */
    margin: 0 auto;
    /* 水平居中 */
    /* padding: 20px; */
    /* 添加内边距 */
    width: 100%;
    /* 在小屏幕上占满宽度 */
    background-color: #ffffff;
}
@media (max-width: 768px) {
.container[data-v-c6bdc170] {
        /* padding: 10px; */
        /* 在小屏幕上减少内边距 */
}
}
.back-ground[data-v-c6bdc170] {
    width: 200%;
    height: 70%;
    background: linear-gradient(white, #f6f7f8);
    transform: translateX(-25%) rotate(-12deg);
    z-index: -1;
    position: absolute;
}


/* @media (min-width: 1600px) {
    .header {
        max-width: 1392px;
    }
}

@media (min-width: 900px) and (max-width: 1600px) {
    .header {
        max-width: 1168px;
    }
} */
.docs-header[data-v-38b5a4aa] {
    /* max-width: 1168px; */
    margin: 0 auto;
    display: flex;
    /* 使用 Flexbox 布局 */
    /* 平均分配空间 */
    align-items: center;
    /* 垂直居中 */
    padding-left: 20px;
    padding-right: 20px;

    border-bottom: 1px solid #d7dbe0;
    /* height: 85px; */
    height: 85px;
    justify-content: center;
    width: 100%;
}
.header-body[data-v-38b5a4aa] {
    flex: 1;
    max-width: 1440px;
    display: flex;
    align-items: center;
    /* padding-left: 24px;
    padding-right: 24px; */
}
.logo-title[data-v-38b5a4aa] {
    flex: 1;
    /* 占据相同的空间 */
    text-align: center;
    /* 水平居中 */
.logo-title-back[data-v-38b5a4aa] {
        /* width: 147px; */
        height: 40px;
}
}
.search[data-v-38b5a4aa] {
    position: relative;
    box-sizing: border-box;
    flex: 5;
    margin-right: 24px;
.search-svg[data-v-38b5a4aa] {
        align-items: center;
        background-color: hsl(0, 0%, 100%);
        border-color: #EBECF0;
        border-radius: 6px;
        border-style: solid;
        border-width: 1px;
        cursor: text;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        min-height: 38px;
        outline: 0 !important;
        position: relative;
        transition: border-color .15s, box-shadow .15s, background .15s;
        box-sizing: border-box;
        background: #FCFCFD;
        height: 40px;
.search-input-svg[data-v-38b5a4aa] {
            color: #868E98;
            cursor: default;
            margin-left: 16px;
            width: 16;
            height: 16;
}
[data-v-38b5a4aa] .ivu-input {
            border: none !important;
}
}
.search-input[data-v-38b5a4aa] {
        align-items: center;
        display: grid;
        flex: 1;
        flex-wrap: wrap;
        padding: 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        margin: 0 16px;
        height: 100%;
}
}
.buttons[data-v-38b5a4aa] {
    flex: 1;
    /* 占据相同的空间 */
    display: flex;
    /* 让按钮在一行显示 */
    justify-content: space-around;
    /* 按钮之间的空间 */
.btn[data-v-38b5a4aa] {
        height: 40px;
        padding: 5px 10px;
        /* 按钮的内边距 */
        font-size: 15px;
}
.btn[data-v-38b5a4aa]:nth-child(1) {
        color: #0479cc;
}
.btn[data-v-38b5a4aa]:nth-child(2) {
        width: 100px;
        background-color: #0479cc;
        border: none;
        border-radius: 8px;
}
.btn[data-v-38b5a4aa]:nth-child(2):hover {
        box-shadow: 0px 0px 6px 0px gray;
}
}


@media (max-width: 768px) {
.body-left[data-v-1d7e9391] {
        display: none;
        height: calc(100%);
}
}
@media (min-width: 768px) {
.body-left[data-v-1d7e9391] {
        display: flex;
}
}
.active[data-v-1d7e9391] {
    color: #2d8cf0 !important;
    /* 变成蓝色 */
    /* font-weight: bold; */
}


/* 定义过渡动画效果 */
.fade-enter-active[data-v-1d7e9391],
.fade-leave-active[data-v-1d7e9391] {
    transition: opacity 0.1s ease;
    /* 可以调整时长和 easing */
}
.fade-enter[data-v-1d7e9391],
.fade-leave-to[data-v-1d7e9391] {
    opacity: 0;
    /* 进入和离开时的状态 */
}

/* @media (min-width: 1600px) {
    .header {
        max-width: 1392px;
    }
}

@media (min-width: 900px) and (max-width: 1600px) {
    .header {
        max-width: 1168px;
    }
} */
.docs-body[data-v-1d7e9391] {

    display: flex;
    overflow-y: auto;
    flex: 1 0 0;
}
.body-left[data-v-1d7e9391] {
    overflow-y: auto;
    flex: 1 0 275px;
    border-right: 1px solid #d7dbe0;
    /* display: flex; */
    justify-content: flex-end;
    z-index: 100;
.left-body[data-v-1d7e9391] {
        display: flex;
        overflow-x: hidden;
        width: 275px;
.body[data-v-1d7e9391] {
            flex: 0 0 100%;
            margin-left: 0;
            transition: all ease 0.5s;
.body-title[data-v-1d7e9391] {
                padding: 32px 24px;
                position: relative;
                height: 100%;
                display: flex;
                flex-direction: column;
.link-span[data-v-1d7e9391] {
                    font-size: 16px;
                    line-height: 24px;
                    display: flex;
                    align-items: center;
                    font-weight: 500;
                    padding: 4px 8px 4px 0;
                    color: #2F3237;
                    cursor: default;
}
.body-title-home .link-span[data-v-1d7e9391] {
                    /* background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                    background-clip: text; */
                    /* color: #2d8cf0;
                    cursor: pointer; */
}
.body-title-body-0[data-v-1d7e9391],
                .body-title-body-1[data-v-1d7e9391] {
                    display: flex;
                    flex-direction: column;
                    margin-top: 16px;
}
.body-title-1[data-v-1d7e9391] {
                    font-size: 13px;
                    font-weight: 500;
                    color: #868E98;
                    margin-bottom: 8px;
}
.body-title-body-2[data-v-1d7e9391] {
                    border-top: 1px solid #E8EAED;
                    padding-top: 16px;
                    margin-top: 16px;
                    margin-bottom: 8px;
}
.body-title-body-3[data-v-1d7e9391] {
                    border-top: 1px solid #E8EAED;
                    padding-top: 16px;
                    margin-top: auto;
                    margin-right: -12px;
                    padding-bottom: 32px;
                    display: flex;
                    flex-direction: column;
                    row-gap: 4px;
}
.custom-link[data-v-1d7e9391]:hover {
.link-span[data-v-1d7e9391] {
                        /* background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                        background-clip: text; */
                        color: #2d8cf0;
                        cursor: pointer;
}
}
}
}
}
}
.body-right[data-v-1d7e9391] {
    flex: 1 1 1180px;
    overflow-y: auto;
    opacity: 100%;
    transition: opacity ease 0.5s;
    display: flex;
.content[data-v-1d7e9391] {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
}
}


.docs-header-phone[data-v-70a99bd8] {
    align-self: stretch;
    flex: 0 0 56px;
    border-bottom: 1px solid #E8EAED;
    display: flex;
    align-items: stretch;
    background-color: #fff;
    z-index: 100;
}
.header-phone-1[data-v-70a99bd8] {
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
[data-v-70a99bd8] .ivu-btn {
        border: none;
}
}
.header-phone-2[data-v-70a99bd8] {
    flex: 1;
    border-left: 1px solid #E8EAED;
    display: flex;
    justify-content: center;
    align-items: center;
.nav-logo-img[data-v-70a99bd8] {
        /* width: 120px; */
        height: 40px;
}
}
.header-phone-3[data-v-70a99bd8] {
    width: 56px;
}
.nav-button[data-v-70a99bd8] {

    /* margin-left: auto; */
[data-v-70a99bd8] .ivu-btn {
        border: none;
}
}


@media (max-width: 768px) {
.header[data-v-5a858016] {
        display: none;
}
}
@media (min-width: 768px) {
.header-phone[data-v-5a858016] {
        display: none;
}
}
.docs[data-v-5a858016] {
    display: flex;
    flex-direction: column;
    /* min-height: 100vh; */
    height: 100%;
    background-color: #ffffff;
    overflow-x: hidden;
}
.container[data-v-5a858016] {
    /* max-width: 1440px; */
    /* 最大宽度为 1440px */
    margin: 0 auto;
    /* 水平居中 */
    /* padding: 20px; */
    /* 添加内边距 */
    width: 100%;
    /* 在小屏幕上占满宽度 */
    background-color: #ffffff;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
@media (max-width: 768px) {
.container[data-v-5a858016] {
        /* padding: 10px; */
        /* 在小屏幕上减少内边距 */
}
}
.back-ground[data-v-5a858016] {
    width: 200%;
    height: 70%;
    background: linear-gradient(white, #f6f7f8);
    transform: translateX(-25%) rotate(-12deg);
    z-index: -1;
    position: absolute;
}


@media (min-width: 1200px) {
.core-api-doc-title[data-v-c9f12f64] {
        grid-template-columns: 1fr 1fr;
}
.api-span-grid[data-v-c9f12f64] {
        grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1200px) {
.core-api-doc-title[data-v-c9f12f64] {
        grid-template-columns: 1fr;
}
.api-span-grid[data-v-c9f12f64] {
        grid-template-columns: 1fr;
}
}
.docs-home[data-v-c9f12f64] {
    padding-bottom: 160px;
}
.core-api-doc[data-v-c9f12f64] {
    padding: 0 40px 0;
    max-width: 100%;
.api-doc-h2[data-v-c9f12f64] {
        font-size: 26px;
        font-weight: 500;
        margin-bottom: 4px;
        color: #2A2A2A;
        margin: 40px 0 4px 0;
}
.api-doc-p[data-v-c9f12f64] {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 40px;
        color: #545B63;
}
.core-api-span[data-v-c9f12f64] {
        margin-top: 64px;
.api-span-grid[data-v-c9f12f64] {
            display: grid;
            -moz-column-gap: 24px;
                 column-gap: 24px;
            row-gap: 16px;
            max-width: 1096px;
            width: 100%;
            grid-auto-rows: 1fr;
            margin-top: 24px;
.title-grid-border[data-v-c9f12f64] {
                width: 100%;
                position: relative;
                height: 126px;
                background-color: #fff;
                border: 1px solid #E8EAED;
                border-radius: 8px;
                padding: 24px;
.border-flex-p[data-v-c9f12f64] {
                    margin-top: 12px;
                    margin-bottom: 0;
                    color: #42474D;
                    font-size: 14px;
                    line-height: 21px;
}
}
.title-grid-a[data-v-c9f12f64]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a[data-v-c9f12f64] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-c9f12f64] {
                    width: 100%;
                    position: relative;
                    height: 126px;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-c9f12f64] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-c9f12f64] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
}
}
}
.core-api-doc-title[data-v-c9f12f64] {
        display: grid;
        width: 100%;
        grid-template-rows: 1fr;
        -moz-column-gap: 24px;
             column-gap: 24px;
        row-gap: 40px;
        max-width: 1096px;
        margin-bottom: 56px;
        /* grid-template-columns: 1fr 1fr; */
.doc-title-left[data-v-c9f12f64] {
.title-left-h3[data-v-c9f12f64] {
                font-size: 18px;
                font-weight: 700;
                color: rgb(0 0 0 / 0%);
                margin-top: 0;
                margin-bottom: 8px;
}
.title-left-p[data-v-c9f12f64] {
                font-size: 14px;
                color: #6C747F;
                margin-top: 0;
                margin-bottom: 12px;
}
}
.doc-title-left[data-v-c9f12f64]:nth-child(1) {
.title-left-h3[data-v-c9f12f64] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-c9f12f64] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-c9f12f64] {
                /* background-image: url(../../assets/svg/core-icon1.svg); */
}
}
.doc-title-left[data-v-c9f12f64]:nth-child(2) {
.title-left-h3[data-v-c9f12f64] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-c9f12f64] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-c9f12f64] {
                /* background-image: url(../../assets/svg/core-icon3.svg); */
}
}
.border-title-h4[data-v-c9f12f64] {
            margin: 0;
            color: #1A1D21;
            font-weight: 500;
            font-size: 16px;
            transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
            opacity: 0.8;
}
.title-grid[data-v-c9f12f64] {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
.title-grid-a[data-v-c9f12f64] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-c9f12f64] {
                    width: 100%;
                    position: relative;
                    height: 126px;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-c9f12f64] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-c9f12f64] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
.grid-border-img[data-v-c9f12f64] {
                    width: 57px;
                    height: 57px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    margin-right: 16px;
}
}
.title-grid-a[data-v-c9f12f64]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a:hover h4[data-v-c9f12f64] {
                color: rgb(0 0 0 / 0%);
                font-weight: 600;
                opacity: 1;
                /* 确保在悬停时完全不透明 */
                transform: scale(1.02);
                /* 略微放大 */
}
}
}
}
.core-api-interface[data-v-c9f12f64] {
    padding: 0 40px 0;
    max-width: 100%;
}


@media (max-width: 900px) {
.doc-markdown {
    padding: 0 36px 36px 36px;
}
}
@media (min-width: 900px) {
.doc-markdown {
    padding: 0 56px 56px 56px;
}
}
.markdown-content>*:last-child {
    padding-bottom: 160px;
}
@media (max-width: 1200px) {
.markdown-menu {
    display: none;
}
}
.doc-markdown {
    display: flex;
    opacity: default;
    overflow-y: auto;
    height: 100%;
}
.markdown-content {
    font-family: Arial, sans-serif;
    max-width: 1068px;
    flex-grow: 1;
    min-width: 1px;
    padding-bottom: 160px;
}
.markdown-content h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 16px 0;
}
.markdown-content h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 16px 0;
}
.markdown-content h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 16px 0;
}
.markdown-content p {
    font-size: 16px;
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 16px;
    color: #545B63;
    line-height: 1.6;
}
.markdown-menu {
    position: sticky;
    top: 56px;
    flex-shrink: 0;
    margin-top: 56px;
    overflow-y: auto;
.markdown-menu-body {
        width: 250px;
        display: block;
        padding-left: 36px;
ul {
            border-left: 2px solid rgb(232, 234, 237);
            list-style: none;
            padding: 0px;
li {
                border-left: 2px solid rgb(232, 234, 237);
                margin-left: -2px;
                padding-left: 16px;
                font-size: 14px;
                font-weight: 400;
                margin-top: 12px;
.custom-link {
                    color: rgb(134, 142, 152);
                    display: block;
                    cursor: pointer;
}
.custom-link:hover {
                    color: #1A1D21;
}
}
.active {
                border-left: 2px solid #2d8cf0;
.custom-link {
                    display: block;
                    cursor: pointer;
                    color: #2d8cf0;
}
.custom-link:hover {
                    color: #2d8cf0;
}
}
}
}
.menu-body-title {
        font-weight: 700;
        margin-bottom: 16px;
        font-size: 16px;
}
}
.sidebar {

    width: 200px;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 5px;
}


h2[data-v-5b25f925] {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 4px 0;
}


@media (min-width: 1600px) {
.about-us-1[data-v-10738157] {
        max-width: 1392px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.about-us-1[data-v-10738157] {
        max-width: 1168px;
}
}
@media screen and (min-width: 900px) {
.about-us-1[data-v-10738157] {
        padding-top: 160px;
        padding-bottom: 130px;
        padding-left: 48px;
        padding-right: 48px;
        /* max-width: 1392px; */
}
.body-h2-h1[data-v-10738157] {
        font-size: 40px;
}
.body-h2[data-v-10738157] {
        padding: 0 24px;
}
.body[data-v-10738157] {
        margin: 0 auto;
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
}
.img-list[data-v-10738157] {
        width: 100%;
        height: 100%;
}
}
@media (max-width: 900px) {
.about-us-1[data-v-10738157] {
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left: 24px;
        padding-right: 24px;
        /* max-width: 1168px; */
}
.body-h2-h1[data-v-10738157] {
        font-size: 28px;
}
.body[data-v-10738157] {
        /* margin: 0 24px; */
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 3fr;
}
.img-list[data-v-10738157] {
        width: 100%;
        height: 100%;
}
}
.about-us-1[data-v-10738157] {
    background-color: #ffffff;
    margin: 0 auto;
    display: flex;
.body[data-v-10738157] {
        display: grid;
        gap: 28px;
        flex-wrap: nowrap;
        /* flex-direction: column; */
        align-items: center;
.body-h2[data-v-10738157] {
            display: flex;
            flex: 1;
            flex-direction: column;
            /* align-items: center; */
            text-align: left;
.body-h2-p[data-v-10738157] {
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
                margin: 12px 0;
}
.body-h2-h1[data-v-10738157] {
                font-weight: 700;
                line-height: 1.25;
                letter-spacing: 0.2px;
                color: #1a1d21;
                margin-bottom: 24px;
                /* margin: 0;
            margin-left: auto;
            margin-right: auto; */
                max-width: 864px;
}
}
.img-list[data-v-10738157] {
            flex: 1;
            border-radius: 14px;
.img-list-back[data-v-10738157] {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                border-radius: 14px;
}
}
}
}


@media (min-width: 1600px) {
.about-us-2[data-v-108198d8] {
        max-width: 1392px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.about-us-2[data-v-108198d8] {
        max-width: 1168px;
}
}
@media screen and (min-width: 900px) {
.about-us-2[data-v-108198d8] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body-h2[data-v-108198d8] {
.body-h2-h2[data-v-108198d8] {
            font-size: 40px;
}
}
.body[data-v-108198d8] {
        margin: 0 auto;
}
.img-list[data-v-108198d8] {
        min-width: 100%;
        grid-auto-flow: column;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(1, 1fr);
}
}
@media (max-width: 900px) {
.about-us-2[data-v-108198d8] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body-h2[data-v-108198d8] {
.body-h2-h2[data-v-108198d8] {
            font-size: 28px;
}
}
.body[data-v-108198d8] {
        /* margin: 0 24px; */
}
.img-list[data-v-108198d8] {
        min-width: 100%;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
}
}
.about-us-2[data-v-108198d8] {
    margin: 0 auto;
    background-color: #ffffff;
    padding-left: 24px;
    padding-right: 24px;
}
.body[data-v-108198d8] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-108198d8] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
.body-h2-h2[data-v-108198d8] {
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.2px;
            color: #1a1d21;
            margin: 0;
            max-width: 912px;
}
}
.img-list[data-v-108198d8] {
        margin-top: 40px;
        display: grid;
        position: relative;
        gap: 24px;

        margin-top: 48px;
.img-list-item[data-v-108198d8] {
            border: 1px solid #0479cc;
            border-radius: 16px;
            background-color: white;
            flex-direction: column;
            align-items: center;
            /* text-align: center; */
            /* margin-top: 24px; */
            display: flex;
            /* padding: 12px; */
.img-list-item-text[data-v-108198d8] {
                margin-top: 48px;
}
.img-list-item-text[data-v-108198d8],
            .img-list-item-title[data-v-108198d8] {
                /* height: 80px; */
                display: flex;
                justify-content: center;
                /* 水平居中 */
                align-items: center;
.body-h2-h2[data-v-108198d8] {
                    padding: 24px;
                    /* font-size: 28px; */
                    font-weight: 700;
                    line-height: 1.25;
                    letter-spacing: 0.2px;
                    color: #1a1d21;
                    margin: 0;
                    max-width: 912px;
}
.body-h2-p[data-v-108198d8] {
                    color: #545b63;
                    font-weight: 500;
                    line-height: 1.5;
                    font-size: 16px;
                    letter-spacing: 0;
                    margin-bottom: 48px;
}
}
.item-text-img[data-v-108198d8] {
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                /* width: 115px;
                height: 50px; */
                width: 80%;
                padding: 12px;
                /* margin-top: 30px;
                margin-right: 16px; */
}
}
}
}


@media (max-width: 900px) {
.header[data-v-5f954f7e] {
    display: none;
}
}
@media (min-width: 900px) {
.header-phone[data-v-5f954f7e] {
    display: none;
}
}
.about-us[data-v-5f954f7e] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #ffffff;
    overflow-x: hidden;
.container[data-v-5f954f7e] {
        /* max-width: 1440px; */
        /* 最大宽度为 1440px */
        margin: 0 auto;
        /* 水平居中 */
        /* padding: 20px; */
        /* 添加内边距 */
        width: 100%;
        /* 在小屏幕上占满宽度 */
        background-color: #ffffff;
}
}


@media (min-width: 1600px) {
.join-us-1[data-v-66e68a5b] {
        max-width: 1392px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.join-us-1[data-v-66e68a5b] {
        max-width: 1168px;
}
}
@media screen and (min-width: 900px) {
.join-us-1[data-v-66e68a5b] {
        padding-top: 160px;
        padding-bottom: 130px;
        padding-left: 48px;
        padding-right: 48px;
        /* max-width: 1392px; */
}
.body-h2-h1[data-v-66e68a5b] {
        font-size: 40px;
}
.body-h2[data-v-66e68a5b] {
        padding: 0 24px;
}
.body[data-v-66e68a5b] {
        margin: 0 auto;
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
}
.img-list[data-v-66e68a5b] {
        width: 100%;
        height: 100%;
.img-list-back[data-v-66e68a5b] {
            width: 80%;
}
}
}
@media (max-width: 900px) {
.join-us-1[data-v-66e68a5b] {
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left: 24px;
        padding-right: 24px;
        /* max-width: 1168px; */
}
.body-h2-h1[data-v-66e68a5b] {
        font-size: 28px;
}
.body[data-v-66e68a5b] {
        /* margin: 0 24px; */
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 3fr;
}
.img-list[data-v-66e68a5b] {
        width: 100%;
        height: 100%;
.img-list-back[data-v-66e68a5b] {
            width: 100%;
}
}
}
.join-us-1[data-v-66e68a5b] {
    background-color: #ffffff;
    margin: 0 auto;
    display: flex;
.body[data-v-66e68a5b] {
        display: grid;
        gap: 28px;
        flex-wrap: nowrap;
        /* flex-direction: column; */
        align-items: center;
.body-h2[data-v-66e68a5b] {
            display: flex;
            flex: 1;
            flex-direction: column;
            /* align-items: center; */
            text-align: left;
.body-h2-p[data-v-66e68a5b] {
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
                margin: 12px 0;
}
.body-h2-h1[data-v-66e68a5b] {
                font-weight: 700;
                line-height: 1.25;
                letter-spacing: 0.2px;
                color: #1a1d21;
                margin-bottom: 24px;
                /* margin: 0;
            margin-left: auto;
            margin-right: auto; */
                max-width: 864px;
}
}
.img-list[data-v-66e68a5b] {
            flex: 1;
            border-radius: 14px;
.img-list-back[data-v-66e68a5b] {
                /* width: 80%; */
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                border-radius: 14px;
}
}
}
}


@media (min-width: 1600px) {
.join-us-2[data-v-66f4a1dc] {
        max-width: 1392px;
}
}
@media (min-width: 900px) and (max-width: 1600px) {
.join-us-2[data-v-66f4a1dc] {
        max-width: 1168px;
}
}
@media screen and (min-width: 900px) {
.join-us-2[data-v-66f4a1dc] {
        padding-top: 120px;
        padding-bottom: 120px;
}
.body-h2[data-v-66f4a1dc] {
.body-h2-h2[data-v-66f4a1dc] {
            font-size: 40px;
}
}
.body[data-v-66f4a1dc] {
        margin: 0 auto;
}
.img-list[data-v-66f4a1dc] {
        min-width: 100%;
        grid-auto-flow: column;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(1, 1fr);
}
}
@media (max-width: 900px) {
.join-us-2[data-v-66f4a1dc] {
        padding-top: 80px;
        padding-bottom: 80px;
}
.body-h2[data-v-66f4a1dc] {
.body-h2-h2[data-v-66f4a1dc] {
            font-size: 28px;
}
}
.body[data-v-66f4a1dc] {
        /* margin: 0 24px; */
}
.img-list[data-v-66f4a1dc] {
        min-width: 100%;
        grid-auto-flow: column;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, 1fr);
}
}
.join-us-2[data-v-66f4a1dc] {
    margin: 0 auto;
    background-color: #ffffff;
    padding-left: 24px;
    padding-right: 24px;
}
.body[data-v-66f4a1dc] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
.body-h2[data-v-66f4a1dc] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
.body-h2-h2[data-v-66f4a1dc] {
            font-weight: 700;
            line-height: 1.25;
            letter-spacing: 0.2px;
            color: #1a1d21;
            margin: 0;
            max-width: 912px;
}
}
.img-list[data-v-66f4a1dc] {
        margin-top: 40px;
        display: grid;
        position: relative;
        gap: 24px;

        margin-top: 48px;
.img-list-item[data-v-66f4a1dc] {
            /* border: 1px solid #0479cc; */
            border-radius: 16px;
            background-color: white;
            flex-direction: column;
            align-items: center;
            /* text-align: center; */
            /* margin-top: 24px; */
            display: flex;
            /* padding: 12px; */
.img-list-item-text[data-v-66f4a1dc] {
                margin-top: 48px;
}
.img-list-item-title[data-v-66f4a1dc] {
                margin-bottom: 48px;
}
.img-list-item-text[data-v-66f4a1dc],
            .img-list-item-title[data-v-66f4a1dc] {
                /* height: 80px; */
                display: flex;
                justify-content: center;
                /* 水平居中 */
                align-items: center;
.body-h2-h2[data-v-66f4a1dc] {
                    padding: 24px;
                    /* font-size: 28px; */
                    font-weight: 700;
                    line-height: 1.25;
                    letter-spacing: 0.2px;
                    color: #009cde;
                    margin: 0;
                    max-width: 912px;
}
.body-h2-p[data-v-66f4a1dc] {
                    color: #545b63;
                    font-weight: 500;
                    line-height: 1.5;
                    font-size: 16px;
                    letter-spacing: 0;
                    padding-bottom: 6px;
                    /* margin-bottom: 48px; */
}
}
.item-text-img[data-v-66f4a1dc] {
                flex-direction: column;
                align-items: center;
                text-align: center;
                display: flex;
                /* width: 115px;
                height: 50px; */
                width: 100%;
                /* padding: 12px; */
                /* margin-top: 30px;
                margin-right: 16px; */
}
}
}
}


@media (max-width: 900px) {
.header[data-v-7b306422] {
    display: none;
}
}
@media (min-width: 900px) {
.header-phone[data-v-7b306422] {
    display: none;
}
}
.join-us[data-v-7b306422] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #ffffff;
    overflow-x: hidden;
.container[data-v-7b306422] {
        /* max-width: 1440px; */
        /* 最大宽度为 1440px */
        margin: 0 auto;
        /* 水平居中 */
        /* padding: 20px; */
        /* 添加内边距 */
        width: 100%;
        /* 在小屏幕上占满宽度 */
        background-color: #ffffff;
}
}


@media (min-width: 1200px) {
.api-span-grid[data-v-4ad2f706] {
        grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1200px) {
.api-span-grid[data-v-4ad2f706] {
        grid-template-columns: 1fr;
}
}
.border-title-h4[data-v-4ad2f706] {
    margin: 0;
    color: #1A1D21;
    font-weight: 500;
    font-size: 16px;
    transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 1;
}
.home-page-h2[data-v-4ad2f706] {
    padding: 0 40px 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 4px 0;
}
.home-page-p[data-v-4ad2f706] {
    padding: 0 40px 0;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 56px;
    color: #1A1D21;
}
.core-api-doc[data-v-4ad2f706] {
    padding: 0 40px 0;
    max-width: 100%;
    margin-bottom: 96px;
.api-doc-h2[data-v-4ad2f706] {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        color: #2A2A2A;
        margin: 40px 0 4px 0;
}
.api-doc-p[data-v-4ad2f706] {
        margin-top: 12px;
        margin-bottom: 0;
        color: #42474D;
        font-size: 14px;
        line-height: 21px;
}
.core-api-span[data-v-4ad2f706] {
        /* margin-top: 64px; */
.api-span-grid[data-v-4ad2f706] {
            display: grid;
            -moz-column-gap: 24px;
                 column-gap: 24px;
            row-gap: 16px;
            max-width: 1096px;
            width: 100%;
            grid-auto-rows: 1fr;
            margin-top: 24px;
.title-grid-border[data-v-4ad2f706] {
                width: 100%;
                position: relative;
                height: 100%;
                background-color: #fff;
                border: 1px solid #E8EAED;
                border-radius: 8px;
                padding: 24px;
.border-flex-p[data-v-4ad2f706] {
                    margin-top: 12px;
                    margin-bottom: 0;
                    color: #42474D;
                    font-size: 14px;
                    line-height: 21px;
}
}
.title-grid-a[data-v-4ad2f706]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a[data-v-4ad2f706] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-4ad2f706] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-4ad2f706] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-4ad2f706] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
}
}
}
.core-api-doc-title[data-v-4ad2f706] {
        display: grid;
        width: 100%;
        grid-template-rows: 1fr;
        -moz-column-gap: 24px;
             column-gap: 24px;
        row-gap: 40px;
        max-width: 1096px;
        margin-bottom: 56px;
        /* grid-template-columns: 1fr 1fr; */
.doc-title-left[data-v-4ad2f706] {
.title-left-h3[data-v-4ad2f706] {
                font-size: 18px;
                font-weight: 700;
                color: rgb(0 0 0 / 0%);
                margin-top: 0;
                margin-bottom: 8px;
}
.title-left-p[data-v-4ad2f706] {
                font-size: 14px;
                color: #6C747F;
                margin-top: 0;
                margin-bottom: 12px;
}
}
.doc-title-left[data-v-4ad2f706]:nth-child(1) {
.title-left-h3[data-v-4ad2f706] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-4ad2f706] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-4ad2f706] {
                background-image: url(../img/core-icon1.1f4100ff.svg);
}
}
.doc-title-left[data-v-4ad2f706]:nth-child(2) {
.title-left-h3[data-v-4ad2f706] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-4ad2f706] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-4ad2f706] {
                background-image: url(../img/core-icon3.28752370.svg);
}
}
.border-title-h4[data-v-4ad2f706] {
            margin: 0;
            color: #1A1D21;
            font-weight: 500;
            font-size: 16px;
            transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
            opacity: 0.8;
}
.title-grid[data-v-4ad2f706] {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
.title-grid-a[data-v-4ad2f706] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-4ad2f706] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-4ad2f706] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-4ad2f706] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
.grid-border-img[data-v-4ad2f706] {
                    width: 57px;
                    height: 57px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    margin-right: 16px;
}
}
.title-grid-a[data-v-4ad2f706]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a:hover h4[data-v-4ad2f706] {
                color: rgb(0 0 0 / 0%);
                font-weight: 600;
                opacity: 1;
                /* 确保在悬停时完全不透明 */
                transform: scale(1.02);
                /* 略微放大 */
}
}
}
}


@media (min-width: 1200px) {
.api-span-grid[data-v-7851b485] {
        grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1200px) {
.api-span-grid[data-v-7851b485] {
        grid-template-columns: 1fr;
}
}
.HomePage5[data-v-7851b485] {
    /* background-color: #f5f5f7; */
    margin: 0 auto;
    display: flex;
    padding-bottom: 80px;
.body[data-v-7851b485] {
        display: grid;
        gap: 28px;
        flex-wrap: nowrap;
        /* flex-direction: column; */
        align-items: center;
.body-h2[data-v-7851b485] {
            display: flex;
            flex: 1;
            flex-direction: column;
            /* align-items: center; */
            text-align: left;
.body-h2-p[data-v-7851b485] {
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
                margin: 12px 0;
}
.body-h2-h1[data-v-7851b485] {
                font-weight: 700;
                line-height: 1.25;
                letter-spacing: 0.2px;
                color: #1a1d21;
                /* margin-bottom: 24px; */
                /* margin: 0;
            margin-left: auto;
            margin-right: auto; */
                max-width: 864px;
}
.body-h2-p[data-v-7851b485] {
                font-size: 20px;
                font-weight: 500;
                line-height: 1.5;
                color: #42474d;
                margin: 36px 0;
}
}
.img-list[data-v-7851b485] {
            flex: 1;
            border-radius: 14px;
            padding-left: 40px;
.img-list-back[data-v-7851b485] {
                width: 80%;
                height: 100%;
                /* object-fit: cover; */
                border-radius: 14px;
}
}
}
}
.border-title-h4[data-v-7851b485] {
    margin: 0;
    color: #1A1D21;
    font-weight: 500;
    font-size: 16px;
    transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 1;
}
.home-page-h2[data-v-7851b485] {
    padding: 0 40px 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 4px 0;
}
.home-page-p[data-v-7851b485] {
    padding: 0 40px 0;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 56px;
    color: #1A1D21;
}
.core-api-doc[data-v-7851b485] {
    padding: 0 40px 0;
    max-width: 100%;
    margin-bottom: 96px;
.api-doc-h2[data-v-7851b485] {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        color: #2A2A2A;
        margin: 40px 0 4px 0;
}
.api-doc-p[data-v-7851b485] {
        margin-top: 12px;
        margin-bottom: 0;
        color: #42474D;
        font-size: 14px;
        line-height: 21px;
}
.core-api-span[data-v-7851b485] {
        /* margin-top: 64px; */
.api-span-grid[data-v-7851b485] {
            display: grid;
            -moz-column-gap: 24px;
                 column-gap: 24px;
            row-gap: 16px;
            max-width: 1096px;
            width: 100%;
            grid-auto-rows: 1fr;
            margin-top: 24px;
.title-grid-border[data-v-7851b485] {
                width: 100%;
                position: relative;
                height: 100%;
                background-color: #fff;
                border: 1px solid #E8EAED;
                border-radius: 8px;
                padding: 24px;
.border-flex-p[data-v-7851b485] {
                    margin-top: 12px;
                    margin-bottom: 0;
                    color: #42474D;
                    font-size: 14px;
                    line-height: 21px;
}
}
.title-grid-a[data-v-7851b485]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a[data-v-7851b485] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-7851b485] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-7851b485] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-7851b485] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
}
}
}
.core-api-doc-title[data-v-7851b485] {
        display: grid;
        width: 100%;
        grid-template-rows: 1fr;
        -moz-column-gap: 24px;
             column-gap: 24px;
        row-gap: 40px;
        max-width: 1096px;
        margin-bottom: 56px;
        /* grid-template-columns: 1fr 1fr; */
.doc-title-left[data-v-7851b485] {
.title-left-h3[data-v-7851b485] {
                font-size: 18px;
                font-weight: 700;
                color: rgb(0 0 0 / 0%);
                margin-top: 0;
                margin-bottom: 8px;
}
.title-left-p[data-v-7851b485] {
                font-size: 14px;
                color: #6C747F;
                margin-top: 0;
                margin-bottom: 12px;
}
}
.doc-title-left[data-v-7851b485]:nth-child(1) {
.title-left-h3[data-v-7851b485] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-7851b485] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-7851b485] {
                background-image: url(../img/core-icon1.1f4100ff.svg);
}
}
.doc-title-left[data-v-7851b485]:nth-child(2) {
.title-left-h3[data-v-7851b485] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-7851b485] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-7851b485] {
                background-image: url(../img/core-icon3.28752370.svg);
}
}
.border-title-h4[data-v-7851b485] {
            margin: 0;
            color: #1A1D21;
            font-weight: 500;
            font-size: 16px;
            transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
            opacity: 0.8;
}
.title-grid[data-v-7851b485] {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
.title-grid-a[data-v-7851b485] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-7851b485] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-7851b485] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-7851b485] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
.grid-border-img[data-v-7851b485] {
                    width: 57px;
                    height: 57px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    margin-right: 16px;
}
}
.title-grid-a[data-v-7851b485]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a:hover h4[data-v-7851b485] {
                color: rgb(0 0 0 / 0%);
                font-weight: 600;
                opacity: 1;
                /* 确保在悬停时完全不透明 */
                transform: scale(1.02);
                /* 略微放大 */
}
}
}
}


@media (min-width: 1200px) {
.api-span-grid[data-v-785fcc06] {
        grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1200px) {
.api-span-grid[data-v-785fcc06] {
        grid-template-columns: 1fr;
}
}
.border-title-h4[data-v-785fcc06] {
    margin: 0;
    color: #1A1D21;
    font-weight: 500;
    font-size: 16px;
    transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 1;
}
.home-page-h2[data-v-785fcc06] {
    padding: 0 40px 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 4px 0;
}
.home-page-p[data-v-785fcc06] {
    padding: 0 40px 0;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 56px;
    color: #1A1D21;
}
.core-api-doc[data-v-785fcc06] {
    padding: 0 40px 0;
    max-width: 100%;
    margin-bottom: 96px;
.api-doc-h2[data-v-785fcc06] {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        color: #2A2A2A;
        margin: 40px 0 4px 0;
}
.api-doc-p[data-v-785fcc06] {
        margin-top: 12px;
        margin-bottom: 0;
        color: #42474D;
        font-size: 14px;
        line-height: 21px;
}
.core-api-span[data-v-785fcc06] {
        /* margin-top: 64px; */
.api-span-grid[data-v-785fcc06] {
            display: grid;
            -moz-column-gap: 24px;
                 column-gap: 24px;
            row-gap: 16px;
            max-width: 1096px;
            width: 100%;
            grid-auto-rows: 1fr;
            margin-top: 24px;
.title-grid-border[data-v-785fcc06] {
                width: 100%;
                position: relative;
                height: 100%;
                background-color: #fff;
                border: 1px solid #E8EAED;
                border-radius: 8px;
                padding: 24px;
.border-flex-p[data-v-785fcc06] {
                    margin-top: 12px;
                    margin-bottom: 0;
                    color: #42474D;
                    font-size: 14px;
                    line-height: 21px;
}
}
.title-grid-a[data-v-785fcc06]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a[data-v-785fcc06] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-785fcc06] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-785fcc06] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-785fcc06] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
}
}
}
.core-api-doc-title[data-v-785fcc06] {
        display: grid;
        width: 100%;
        grid-template-rows: 1fr;
        -moz-column-gap: 24px;
             column-gap: 24px;
        row-gap: 40px;
        max-width: 1096px;
        margin-bottom: 56px;
        /* grid-template-columns: 1fr 1fr; */
.doc-title-left[data-v-785fcc06] {
.title-left-h3[data-v-785fcc06] {
                font-size: 18px;
                font-weight: 700;
                color: rgb(0 0 0 / 0%);
                margin-top: 0;
                margin-bottom: 8px;
}
.title-left-p[data-v-785fcc06] {
                font-size: 14px;
                color: #6C747F;
                margin-top: 0;
                margin-bottom: 12px;
}
}
.doc-title-left[data-v-785fcc06]:nth-child(1) {
.title-left-h3[data-v-785fcc06] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-785fcc06] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-785fcc06] {
                background-image: url(../img/core-icon1.1f4100ff.svg);
}
}
.doc-title-left[data-v-785fcc06]:nth-child(2) {
.title-left-h3[data-v-785fcc06] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-785fcc06] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-785fcc06] {
                background-image: url(../img/core-icon3.28752370.svg);
}
}
.border-title-h4[data-v-785fcc06] {
            margin: 0;
            color: #1A1D21;
            font-weight: 500;
            font-size: 16px;
            transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
            opacity: 0.8;
}
.title-grid[data-v-785fcc06] {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
.title-grid-a[data-v-785fcc06] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-785fcc06] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-785fcc06] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-785fcc06] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
.grid-border-img[data-v-785fcc06] {
                    width: 57px;
                    height: 57px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    margin-right: 16px;
}
}
.title-grid-a[data-v-785fcc06]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a:hover h4[data-v-785fcc06] {
                color: rgb(0 0 0 / 0%);
                font-weight: 600;
                opacity: 1;
                /* 确保在悬停时完全不透明 */
                transform: scale(1.02);
                /* 略微放大 */
}
}
}
}


@media (min-width: 1200px) {
.api-span-grid[data-v-786de387] {
        grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1200px) {
.api-span-grid[data-v-786de387] {
        grid-template-columns: 1fr;
}
}
.border-title-h4[data-v-786de387] {
    margin: 0;
    color: #1A1D21;
    font-weight: 500;
    font-size: 16px;
    transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 1;
}
.home-page-h2[data-v-786de387] {
    padding: 0 40px 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 4px 0;
}
.home-page-p[data-v-786de387] {
    padding: 0 40px 0;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 56px;
    color: #1A1D21;
}
.core-api-doc[data-v-786de387] {
    padding: 0 40px 0;
    max-width: 100%;
    margin-bottom: 96px;
.api-doc-h2[data-v-786de387] {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        color: #2A2A2A;
        margin: 40px 0 4px 0;
}
.api-doc-p[data-v-786de387] {
        margin-top: 12px;
        margin-bottom: 0;
        color: #42474D;
        font-size: 14px;
        line-height: 21px;
}
.core-api-span[data-v-786de387] {
        /* margin-top: 64px; */
.api-span-grid[data-v-786de387] {
            display: grid;
            -moz-column-gap: 24px;
                 column-gap: 24px;
            row-gap: 16px;
            max-width: 1096px;
            width: 100%;
            grid-auto-rows: 1fr;
            margin-top: 24px;
.title-grid-border[data-v-786de387] {
                width: 100%;
                position: relative;
                height: 100%;
                background-color: #fff;
                border: 1px solid #E8EAED;
                border-radius: 8px;
                padding: 24px;
.border-flex-p[data-v-786de387] {
                    margin-top: 12px;
                    margin-bottom: 0;
                    color: #42474D;
                    font-size: 14px;
                    line-height: 21px;
}
}
.title-grid-a[data-v-786de387]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a[data-v-786de387] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-786de387] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-786de387] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-786de387] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
}
}
}
.core-api-doc-title[data-v-786de387] {
        display: grid;
        width: 100%;
        grid-template-rows: 1fr;
        -moz-column-gap: 24px;
             column-gap: 24px;
        row-gap: 40px;
        max-width: 1096px;
        margin-bottom: 56px;
        /* grid-template-columns: 1fr 1fr; */
.doc-title-left[data-v-786de387] {
.title-left-h3[data-v-786de387] {
                font-size: 18px;
                font-weight: 700;
                color: rgb(0 0 0 / 0%);
                margin-top: 0;
                margin-bottom: 8px;
}
.title-left-p[data-v-786de387] {
                font-size: 14px;
                color: #6C747F;
                margin-top: 0;
                margin-bottom: 12px;
}
}
.doc-title-left[data-v-786de387]:nth-child(1) {
.title-left-h3[data-v-786de387] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-786de387] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-786de387] {
                background-image: url(../img/core-icon1.1f4100ff.svg);
}
}
.doc-title-left[data-v-786de387]:nth-child(2) {
.title-left-h3[data-v-786de387] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-786de387] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-786de387] {
                background-image: url(../img/core-icon3.28752370.svg);
}
}
.border-title-h4[data-v-786de387] {
            margin: 0;
            color: #1A1D21;
            font-weight: 500;
            font-size: 16px;
            transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
            opacity: 0.8;
}
.title-grid[data-v-786de387] {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
.title-grid-a[data-v-786de387] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-786de387] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-786de387] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-786de387] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
.grid-border-img[data-v-786de387] {
                    width: 57px;
                    height: 57px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    margin-right: 16px;
}
}
.title-grid-a[data-v-786de387]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a:hover h4[data-v-786de387] {
                color: rgb(0 0 0 / 0%);
                font-weight: 600;
                opacity: 1;
                /* 确保在悬停时完全不透明 */
                transform: scale(1.02);
                /* 略微放大 */
}
}
}
}


@media (min-width: 1200px) {
.api-span-grid[data-v-787bfb08] {
        grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1200px) {
.api-span-grid[data-v-787bfb08] {
        grid-template-columns: 1fr;
}
}
.border-title-h4[data-v-787bfb08] {
    margin: 0;
    color: #1A1D21;
    font-weight: 500;
    font-size: 16px;
    transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 1;
}
.home-page-h2[data-v-787bfb08] {
    padding: 0 40px 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 4px 0;
}
.home-page-p[data-v-787bfb08] {
    padding: 0 40px 0;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 56px;
    color: #1A1D21;
}
.core-api-doc[data-v-787bfb08] {
    padding: 0 40px 0;
    max-width: 100%;
    margin-bottom: 96px;
.api-doc-h2[data-v-787bfb08] {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        color: #2A2A2A;
        margin: 40px 0 4px 0;
}
.api-doc-p[data-v-787bfb08] {
        margin-top: 12px;
        margin-bottom: 0;
        color: #42474D;
        font-size: 14px;
        line-height: 21px;
}
.core-api-span[data-v-787bfb08] {
        /* margin-top: 64px; */
.api-span-grid[data-v-787bfb08] {
            display: grid;
            -moz-column-gap: 24px;
                 column-gap: 24px;
            row-gap: 16px;
            max-width: 1096px;
            width: 100%;
            grid-auto-rows: 1fr;
            margin-top: 24px;
.title-grid-border[data-v-787bfb08] {
                width: 100%;
                position: relative;
                height: 100%;
                background-color: #fff;
                border: 1px solid #E8EAED;
                border-radius: 8px;
                padding: 24px;
.border-flex-p[data-v-787bfb08] {
                    margin-top: 12px;
                    margin-bottom: 0;
                    color: #42474D;
                    font-size: 14px;
                    line-height: 21px;
}
}
.title-grid-a[data-v-787bfb08]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a[data-v-787bfb08] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-787bfb08] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-787bfb08] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-787bfb08] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
}
}
}
.core-api-doc-title[data-v-787bfb08] {
        display: grid;
        width: 100%;
        grid-template-rows: 1fr;
        -moz-column-gap: 24px;
             column-gap: 24px;
        row-gap: 40px;
        max-width: 1096px;
        margin-bottom: 56px;
        /* grid-template-columns: 1fr 1fr; */
.doc-title-left[data-v-787bfb08] {
.title-left-h3[data-v-787bfb08] {
                font-size: 18px;
                font-weight: 700;
                color: rgb(0 0 0 / 0%);
                margin-top: 0;
                margin-bottom: 8px;
}
.title-left-p[data-v-787bfb08] {
                font-size: 14px;
                color: #6C747F;
                margin-top: 0;
                margin-bottom: 12px;
}
}
.doc-title-left[data-v-787bfb08]:nth-child(1) {
.title-left-h3[data-v-787bfb08] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-787bfb08] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-787bfb08] {
                background-image: url(../img/core-icon1.1f4100ff.svg);
}
}
.doc-title-left[data-v-787bfb08]:nth-child(2) {
.title-left-h3[data-v-787bfb08] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-787bfb08] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-787bfb08] {
                background-image: url(../img/core-icon3.28752370.svg);
}
}
.border-title-h4[data-v-787bfb08] {
            margin: 0;
            color: #1A1D21;
            font-weight: 500;
            font-size: 16px;
            transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
            opacity: 0.8;
}
.title-grid[data-v-787bfb08] {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
.title-grid-a[data-v-787bfb08] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-787bfb08] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-787bfb08] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-787bfb08] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
.grid-border-img[data-v-787bfb08] {
                    width: 57px;
                    height: 57px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    margin-right: 16px;
}
}
.title-grid-a[data-v-787bfb08]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a:hover h4[data-v-787bfb08] {
                color: rgb(0 0 0 / 0%);
                font-weight: 600;
                opacity: 1;
                /* 确保在悬停时完全不透明 */
                transform: scale(1.02);
                /* 略微放大 */
}
}
}
}


@media (min-width: 1200px) {
.api-span-grid[data-v-788a1289] {
        grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1200px) {
.api-span-grid[data-v-788a1289] {
        grid-template-columns: 1fr;
}
}
.border-title-h4[data-v-788a1289] {
    margin: 0;
    color: #1A1D21;
    font-weight: 500;
    font-size: 16px;
    transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 1;
}
.home-page-h2[data-v-788a1289] {
    padding: 0 40px 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 4px 0;
}
.home-page-p[data-v-788a1289] {
    padding: 0 40px 0;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 56px;
    color: #1A1D21;
}
.core-api-doc[data-v-788a1289] {
    padding: 0 40px 0;
    max-width: 100%;
    margin-bottom: 96px;
.api-doc-h2[data-v-788a1289] {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        color: #2A2A2A;
        margin: 40px 0 4px 0;
}
.api-doc-p[data-v-788a1289] {
        margin-top: 12px;
        margin-bottom: 0;
        color: #42474D;
        font-size: 14px;
        line-height: 21px;
}
.core-api-span[data-v-788a1289] {
        /* margin-top: 64px; */
.api-span-grid[data-v-788a1289] {
            display: grid;
            -moz-column-gap: 24px;
                 column-gap: 24px;
            row-gap: 16px;
            max-width: 1096px;
            width: 100%;
            grid-auto-rows: 1fr;
            margin-top: 24px;
.title-grid-border[data-v-788a1289] {
                width: 100%;
                position: relative;
                height: 100%;
                background-color: #fff;
                border: 1px solid #E8EAED;
                border-radius: 8px;
                padding: 24px;
.border-flex-p[data-v-788a1289] {
                    margin-top: 12px;
                    margin-bottom: 0;
                    color: #42474D;
                    font-size: 14px;
                    line-height: 21px;
}
}
.title-grid-a[data-v-788a1289]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a[data-v-788a1289] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-788a1289] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-788a1289] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-788a1289] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
}
}
}
.core-api-doc-title[data-v-788a1289] {
        display: grid;
        width: 100%;
        grid-template-rows: 1fr;
        -moz-column-gap: 24px;
             column-gap: 24px;
        row-gap: 40px;
        max-width: 1096px;
        margin-bottom: 56px;
        /* grid-template-columns: 1fr 1fr; */
.doc-title-left[data-v-788a1289] {
.title-left-h3[data-v-788a1289] {
                font-size: 18px;
                font-weight: 700;
                color: rgb(0 0 0 / 0%);
                margin-top: 0;
                margin-bottom: 8px;
}
.title-left-p[data-v-788a1289] {
                font-size: 14px;
                color: #6C747F;
                margin-top: 0;
                margin-bottom: 12px;
}
}
.doc-title-left[data-v-788a1289]:nth-child(1) {
.title-left-h3[data-v-788a1289] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-788a1289] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-788a1289] {
                background-image: url(../img/core-icon1.1f4100ff.svg);
}
}
.doc-title-left[data-v-788a1289]:nth-child(2) {
.title-left-h3[data-v-788a1289] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-788a1289] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-788a1289] {
                background-image: url(../img/core-icon3.28752370.svg);
}
}
.border-title-h4[data-v-788a1289] {
            margin: 0;
            color: #1A1D21;
            font-weight: 500;
            font-size: 16px;
            transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
            opacity: 0.8;
}
.title-grid[data-v-788a1289] {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
.title-grid-a[data-v-788a1289] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-788a1289] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-788a1289] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-788a1289] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
.grid-border-img[data-v-788a1289] {
                    width: 57px;
                    height: 57px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    margin-right: 16px;
}
}
.title-grid-a[data-v-788a1289]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a:hover h4[data-v-788a1289] {
                color: rgb(0 0 0 / 0%);
                font-weight: 600;
                opacity: 1;
                /* 确保在悬停时完全不透明 */
                transform: scale(1.02);
                /* 略微放大 */
}
}
}
}


@media (min-width: 1200px) {
.api-span-grid[data-v-78982a0a] {
        grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1200px) {
.api-span-grid[data-v-78982a0a] {
        grid-template-columns: 1fr;
}
}
.border-title-h4[data-v-78982a0a] {
    margin: 0;
    color: #1A1D21;
    font-weight: 500;
    font-size: 16px;
    transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 1;
}
.home-page-h2[data-v-78982a0a] {
    padding: 0 40px 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #2A2A2A;
    margin: 40px 0 4px 0;
}
.home-page-p[data-v-78982a0a] {
    padding: 0 40px 0;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 56px;
    color: #1A1D21;
}
.core-api-doc[data-v-78982a0a] {
    padding: 0 40px 0;
    max-width: 100%;
    margin-bottom: 96px;
.api-doc-h2[data-v-78982a0a] {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 4px;
        color: #2A2A2A;
        margin: 40px 0 4px 0;
}
.api-doc-p[data-v-78982a0a] {
        margin-top: 12px;
        margin-bottom: 0;
        color: #42474D;
        font-size: 14px;
        line-height: 21px;
}
.core-api-span[data-v-78982a0a] {
        /* margin-top: 64px; */
.api-span-grid[data-v-78982a0a] {
            display: grid;
            -moz-column-gap: 24px;
                 column-gap: 24px;
            row-gap: 16px;
            max-width: 1096px;
            width: 100%;
            grid-auto-rows: 1fr;
            margin-top: 24px;
.title-grid-border[data-v-78982a0a] {
                width: 100%;
                position: relative;
                height: 100%;
                background-color: #fff;
                border: 1px solid #E8EAED;
                border-radius: 8px;
                padding: 24px;
.border-flex-p[data-v-78982a0a] {
                    margin-top: 12px;
                    margin-bottom: 0;
                    color: #42474D;
                    font-size: 14px;
                    line-height: 21px;
}
}
.title-grid-a[data-v-78982a0a]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a[data-v-78982a0a] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-78982a0a] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-78982a0a] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-78982a0a] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
}
}
}
.core-api-doc-title[data-v-78982a0a] {
        display: grid;
        width: 100%;
        grid-template-rows: 1fr;
        -moz-column-gap: 24px;
             column-gap: 24px;
        row-gap: 40px;
        max-width: 1096px;
        margin-bottom: 56px;
        /* grid-template-columns: 1fr 1fr; */
.doc-title-left[data-v-78982a0a] {
.title-left-h3[data-v-78982a0a] {
                font-size: 18px;
                font-weight: 700;
                color: rgb(0 0 0 / 0%);
                margin-top: 0;
                margin-bottom: 8px;
}
.title-left-p[data-v-78982a0a] {
                font-size: 14px;
                color: #6C747F;
                margin-top: 0;
                margin-bottom: 12px;
}
}
.doc-title-left[data-v-78982a0a]:nth-child(1) {
.title-left-h3[data-v-78982a0a] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-78982a0a] {
                background: -webkit-linear-gradient(135deg, #d200a3, #612FFF);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-78982a0a] {
                background-image: url(../img/core-icon1.1f4100ff.svg);
}
}
.doc-title-left[data-v-78982a0a]:nth-child(2) {
.title-left-h3[data-v-78982a0a] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.title-grid-a:hover h4[data-v-78982a0a] {
                background: -webkit-linear-gradient(135deg, #F80F6B, #D200A3);
                -webkit-background-clip: text;
                        background-clip: text;
}
.grid-border-img[data-v-78982a0a] {
                background-image: url(../img/core-icon3.28752370.svg);
}
}
.border-title-h4[data-v-78982a0a] {
            margin: 0;
            color: #1A1D21;
            font-weight: 500;
            font-size: 16px;
            transition: font-weight 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
            opacity: 0.8;
}
.title-grid[data-v-78982a0a] {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
.title-grid-a[data-v-78982a0a] {
                border-radius: 8px;
                transition: box-shadow 0.3s ease;
                text-decoration: none;
                color: inherit;
.title-grid-border[data-v-78982a0a] {
                    width: 100%;
                    position: relative;
                    height: 100%;
                    background-color: #fff;
                    border: 1px solid #E8EAED;
                    border-radius: 8px;
                    padding: 24px;
.border-flex-p[data-v-78982a0a] {
                        margin-top: 12px;
                        margin-bottom: 0;
                        color: #42474D;
                        font-size: 14px;
                        line-height: 21px;
}
}
.title-grid-border-flex[data-v-78982a0a] {
                    display: flex;
                    align-items: flex-start;
                    margin-top: 0;
}
.grid-border-img[data-v-78982a0a] {
                    width: 57px;
                    height: 57px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    margin-right: 16px;
}
}
.title-grid-a[data-v-78982a0a]:hover {
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.title-grid-a:hover h4[data-v-78982a0a] {
                color: rgb(0 0 0 / 0%);
                font-weight: 600;
                opacity: 1;
                /* 确保在悬停时完全不透明 */
                transform: scale(1.02);
                /* 略微放大 */
}
}
}
}